www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/bartik/color/preview.css

   1 /* ---------- Preview Styles ----------- */
   2 .js .color-preview {
   3   clear: both;
   4   float: none !important;
   5 }
   6 .color-preview {
   7   background-color: #fff;
   8   font-family: Georgia, "Times New Roman", Times, serif;
   9   font-size: 14px;
  10   line-height: 1.5;
  11   overflow: hidden;
  12   word-wrap: break-word;
  13   margin-bottom: 10px;
  14 }
  15 .color-preview-header {
  16   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  17   position: relative;
  18 }
  19 .color-preview-logo {
  20   float: left;
  21   padding: 15px;
  22 }
  23 .color-preview-site-name {
  24   color: #686868;
  25   font-weight: normal;
  26   font-size: 1.821em;
  27   line-height: 1;
  28   margin-bottom: 30px;
  29   margin-left: 15px; /* LTR */
  30   padding-top: 34px;
  31 }
  32 [dir="rtl"] .color-preview-site-name {
  33   margin-left: 0;
  34   margin-right: 15px;
  35 }
  36 .color-preview-main-menu {
  37   clear: both;
  38   padding: 0 15px 3px;
  39 }
  40 .color-preview-main-menu-links a {
  41   color: #d9d9d9;
  42   padding: 0.6em 1em 0.4em;
  43 }
  44 .color-preview-main-menu-links {
  45   font-size: 0.929em;
  46   margin: 0;
  47   padding: 0;
  48 }
  49 .color-preview-main-menu-links a {
  50   color: #333;
  51   background: #ccc;
  52   background: rgba(255, 255, 255, 0.7);
  53   text-shadow: 0 1px #eee;
  54   border-top-left-radius: 8px;
  55   border-top-right-radius: 8px;
  56 }
  57 .color-preview-main-menu-links a:hover,
  58 .color-preview-main-menu-links a:focus {
  59   background: #eee;
  60   background: rgba(255, 255, 255, 0.95);
  61   text-decoration: none;
  62   cursor: pointer;
  63 }
  64 .color-preview-main-menu-links li a.is-active {
  65   background: #fff;
  66   border-bottom: none;
  67 }
  68 .color-preview-main-menu-links li {
  69   display: inline;
  70   list-style-type: none;
  71   padding: 0.6em 0 0.4em;
  72 }
  73 .color-preview-sidebar,
  74 .color-preview-content {
  75   display: inline;
  76   float: left; /* LTR */
  77   position: relative;
  78 }
  79 [dir="rtl"] .color-preview-sidebar,
  80 [dir="rtl"] .color-preview-content {
  81   float: right;
  82 }
  83 .color-preview-sidebar {
  84   margin-left: 15px; /* LTR */
  85   width: 210px;
  86 }
  87 [dir="rtl"] .color-preview-sidebar {
  88   margin-left: 0;
  89   margin-right: 15px;
  90 }
  91 .color-preview-content {
  92   margin-left: 30px; /* LTR */
  93   width: 26.5em;
  94 }
  95 [dir="rtl"] .color-preview-content {
  96   margin-left: 0;
  97   margin-right: 30px;
  98 }
  99 .color-preview-sidebar .preview-block {
 100   border: 1px solid;
 101   margin: 20px 0;
 102   padding: 15px 20px;
 103 }
 104 .color-preview-sidebar h2 {
 105   border-bottom: 1px solid #d6d6d6;
 106   font-weight: normal;
 107   margin-top: 0;
 108   margin-right: 0;
 109   margin-left: 0;
 110   padding-bottom: 5px;
 111   text-shadow: 0 1px 0 #fff;
 112 }
 113 .color-preview .preview-block .preview-content {
 114   margin-top: 1em;
 115 }
 116 .color-preview .preview-block-menu .preview-content,
 117 .color-preview .preview-block-menu .preview-content ul {
 118   margin-top: 0;
 119 }
 120 .color-preview-main {
 121   margin-bottom: 40px;
 122   margin-top: 20px;
 123 }
 124 .color-preview-page-title {
 125   font-size: 2em;
 126   font-weight: normal;
 127   line-height: 1;
 128   margin: 1em 0 0.5em;
 129 }
 130 .color-preview-footer-wrapper {
 131   color: #c0c0c0;
 132   color: rgba(255, 255, 255, 0.65);
 133   display: block !important;
 134   font-size: 0.857em;
 135   padding: 20px 20px 25px;
 136 }
 137 .color-preview-footer-wrapper a {
 138   color: #fcfcfc;
 139   color: rgba(255, 255, 255, 0.8);
 140 }
 141 .color-preview-footer-wrapper a:hover,
 142 .color-preview-footer-wrapper a:focus {
 143   color: #fefefe;
 144   color: rgba(255, 255, 255, 0.95);
 145   text-decoration: underline;
 146 }
 147 .color-preview-footer-wrapper .preview-footer-column {
 148   display: inline;
 149   float: left; /* LTR */
 150   padding: 0 10px;
 151   position: relative;
 152   width: 220px;
 153 }
 154 [dir="rtl"] .color-preview-footer-wrapper .preview-footer-column {
 155   float: right;
 156 }
 157 .color-preview-footer-wrapper .preview-block {
 158   border: 1px solid #444;
 159   border-color: rgba(255, 255, 255, 0.1);
 160   margin: 20px 0;
 161   padding: 10px;
 162 }
 163 .color-preview-footer-columns .preview-block-menu {
 164   border: none;
 165   margin: 0;
 166   padding: 0;
 167 }
 168 .color-preview-footer-columns h2 {
 169   border-bottom: 1px solid #555;
 170   border-color: rgba(255, 255, 255, 0.15);
 171   padding-bottom: 3px;
 172   text-transform: uppercase;
 173 }
 174 .color-preview-footer-columns .preview-content {
 175   margin-top: 0;
 176 }
 177 .color-preview-footer-columns .preview-content ul {
 178   margin-left: 0; /* LTR */
 179   padding-left: 0; /* LTR */
 180 }
 181 [dir="rtl"] .color-preview-footer-columns .preview-content ul {
 182   margin-right: 0;
 183   padding-right: 0;
 184 }
 185 .color-preview-footer-columns .preview-content li {
 186   list-style: none;
 187   list-style-image: none;
 188   margin: 0;
 189   padding: 0;
 190 }
 191 .color-preview-footer-columns .preview-content li a {
 192   border-bottom: 1px solid #555;
 193   border-color: rgba(255, 255, 255, 0.15);
 194   display: block;
 195   line-height: 1.2;
 196   padding: 0.8em 2px 0.8em 20px; /* LTR */
 197   text-indent: -15px;
 198 }
 199 [dir="rtl"] .color-preview-footer-columns .preview-content li a {
 200   padding-left: 2px;
 201   padding-right: 20px;
 202 }
 203 .color-preview-footer-columns .preview-content li a:hover,
 204 .color-preview-footer-columns .preview-content li a:focus {
 205   background-color: #1f1f21;
 206   background-color: rgba(255, 255, 255, 0.05);
 207   text-decoration: none;
 208 }