[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Twelve
   3  Description: Used to style blocks.
   4  */
   5  
   6  /*--------------------------------------------------------------
   7  >>> TABLE OF CONTENTS:
   8  ----------------------------------------------------------------
   9  1.0 General Block Styles
  10  2.0 Blocks - Common Blocks
  11  3.0 Blocks - Formatting
  12  4.0 Blocks - Layout Elements
  13  5.0 Blocks - Widgets
  14  6.0 Blocks - Colors
  15  --------------------------------------------------------------*/
  16  
  17  /*--------------------------------------------------------------
  18  1.0 General Block Styles
  19  --------------------------------------------------------------*/
  20  
  21  /* Captions */
  22  
  23  [class^="wp-block-"] figcaption {
  24      color: #757575;
  25      font-size: 12px;
  26      font-size: 0.857142857rem;
  27      line-height: 2;
  28      font-style: italic;
  29      text-align: left;
  30  }
  31  
  32  [class^="wp-block-"].alignleft,
  33  [class^="wp-block-"] .alignleft {
  34      margin-right: 24px;
  35  }
  36  
  37  [class^="wp-block-"].alignright,
  38  [class^="wp-block-"] .alignright {
  39      margin-left: 24px;
  40  }
  41  
  42  .rtl [class^="wp-block-"] figcaption {
  43      text-align: right;
  44  }
  45  
  46  /*--------------------------------------------------------------
  47  2.0 Blocks - Common Blocks
  48  --------------------------------------------------------------*/
  49  
  50  /* Paragraph */
  51  
  52  p.has-drop-cap:not(:focus)::first-letter {
  53      font-size: 5em;
  54      margin-top: 0.1em;
  55  }
  56  
  57  /* Image */
  58  
  59  .wp-block-image figure:not(.aligncenter) {
  60      line-height: 0;
  61      margin: 0 1.714285714rem;
  62  }
  63  
  64  .wp-block-image figure.alignleft {
  65      margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
  66  }
  67  
  68  .wp-block-image figure.alignright {
  69      margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
  70  }
  71  
  72  .wp-block-image figcaption {
  73      padding-top: 0.75em;
  74  }
  75  
  76  /* Gallery */
  77  
  78  .wp-block-gallery {
  79      margin-bottom: 24px;
  80      margin-bottom: 1.714285714rem;
  81  }
  82  
  83  .wp-block-gallery .blocks-gallery-image figcaption,
  84  .wp-block-gallery .blocks-gallery-item figcaption {
  85      left: 0;
  86      right: 0;
  87      text-align: center;
  88      width: auto;
  89  }
  90  
  91  /* Quote */
  92  
  93  .wp-block-quote:not(.is-large):not(.is-style-large) {
  94      border: 0;
  95      padding: 24px;
  96      padding: 1.714285714rem;
  97  }
  98  
  99  .wp-block-quote {
 100      padding: 24px;
 101      padding: 1.714285714rem;
 102  }
 103  
 104  .wp-block-quote cite {
 105      color: inherit;
 106      font-size: inherit;
 107      font-style: italic;
 108  }
 109  
 110  .wp-block-quote.is-large p,
 111  .wp-block-quote.is-style-large p {
 112      font-size: 20px;
 113  }
 114  
 115  /* Audio */
 116  
 117  .wp-block-audio audio {
 118      display: block;
 119      margin-bottom: 1.714285714rem;
 120      width: 100%;
 121  }
 122  
 123  /* Cover */
 124  
 125  .wp-block-cover-image.aligncenter,
 126  .wp-block-cover.aligncenter {
 127      display: flex;
 128  }
 129  
 130  /* File */
 131  
 132  .wp-block-file .wp-block-file__button {
 133      background-color: #e6e6e6;
 134      background-repeat: repeat-x;
 135      background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
 136      background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
 137      background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
 138      background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
 139      background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6);
 140      border: 1px solid #d2d2d2;
 141      border-radius: 3px;
 142      box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
 143      color: #7c7c7c;
 144      font-family: inherit;
 145      font-size: 11px;
 146      font-size: 0.785714286rem;
 147      font-weight: normal;
 148      line-height: 1.428571429;
 149      padding: 6px 10px;
 150      padding: 0.428571429rem 0.714285714rem;
 151  }
 152  
 153  .wp-block-file .wp-block-file__button:hover,
 154  .wp-block-file .wp-block-file__button:focus {
 155      background-color: #ebebeb;
 156      background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
 157      background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
 158      background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
 159      background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
 160      background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
 161      background-repeat: repeat-x;
 162      color: #5e5e5e;
 163  }
 164  
 165  .wp-block-file .wp-block-file__button:focus {
 166      background-color: #e1e1e1;
 167      background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
 168      background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
 169      background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
 170      background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
 171      background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1);
 172      background-repeat: repeat-x;
 173      border-color: transparent;
 174      box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
 175      color: #757575;
 176  }
 177  
 178  .rtl .wp-block-file * + .wp-block-file__button {
 179      margin-left: 0.75em;
 180      margin-right: 0;
 181  }
 182  
 183  /* Video */
 184  
 185  .wp-block-video video:not(:last-child) {
 186      margin-bottom: 0;
 187  }
 188  
 189  /*--------------------------------------------------------------
 190  3.0 Blocks - Formatting
 191  --------------------------------------------------------------*/
 192  
 193  /* Code */
 194  
 195  pre.wp-block-code {
 196      border: 0;
 197      padding: 0;
 198  }
 199  
 200  /* Pullquote */
 201  
 202  .wp-block-pullquote__citation,
 203  .wp-block-pullquote cite,
 204  .wp-block-pullquote footer {
 205      font-size: 14px;
 206      text-transform: none;
 207  }
 208  
 209  /* Table */
 210  
 211  .wp-block-table {
 212      border-bottom: 1px solid #ededed;
 213      border-collapse: collapse;
 214      border-spacing: 0;
 215      font-size: 14px;
 216      line-height: 2;
 217      margin: 0 0 20px;
 218      width: 100%;
 219  }
 220  
 221  .wp-block-table th {
 222      border: 0;
 223      font-weight: bold;
 224      padding: 6px 10px 6px 0;
 225      text-transform: uppercase;
 226  }
 227  
 228  .has-text-color th {
 229      color: inherit;
 230  }
 231  
 232  .wp-block-table td {
 233      border: 0;
 234      border-top: 1px solid #ededed;
 235      padding: 6px 10px 6px 0;
 236  }
 237  
 238  .wp-block-table[style*="font-size"] *,
 239  .wp-block-table[class*="-font-size"] * {
 240      font-size: inherit;
 241  }
 242  
 243  /*--------------------------------------------------------------
 244  4.0 Blocks - Layout Elements
 245  --------------------------------------------------------------*/
 246  
 247  /* Buttons */
 248  
 249  .wp-block-button .wp-block-button__link {
 250      border: 1px solid #d2d2d2;
 251      font-family: inherit;
 252      font-size: 11px;
 253      font-size: 0.785714286rem;
 254      font-weight: normal;
 255      line-height: 1.428571429;
 256      padding: 6px 10px;
 257      padding: 0.428571429rem 0.714285714rem;
 258  }
 259  
 260  .entry-content .wp-block-button__link,
 261  .entry-content .wp-block-button__link:visited {
 262      background-color: #e6e6e6;
 263      color: #7c7c7c;
 264  }
 265  
 266  .is-style-outline .wp-block-button__link,
 267  .is-style-outline .wp-block-button__link:visited {
 268      color: currentColor;
 269  }
 270  
 271  .wp-block-button.is-style-outline .wp-block-button__link,
 272  .wp-block-button.is-style-outline .wp-block-button__link:visited {
 273      background-color: inherit;
 274      border-color: inherit;
 275  }
 276  
 277  .entry-content .wp-block-button__link:hover,
 278  .entry-content .wp-block-button__link:visited:hover,
 279  .entry-content .wp-block-button__link:focus {
 280      background-color: #ebebeb;
 281      color: #5e5e5e;
 282  }
 283  
 284  .entry-content .wp-block-button__link:active {
 285      background-color: #e1e1e1;
 286      color: #757575;
 287  }
 288  
 289  .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) {
 290      background-repeat: repeat-x;
 291      background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
 292      background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
 293      background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
 294      background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
 295      background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6);
 296  }
 297  
 298  .wp-block-button__link:not(.has-text-color) {
 299      box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
 300  }
 301  
 302  .wp-block-button__link:not(.has-background):hover,
 303  .wp-block-button__link:not(.has-background):focus {
 304      background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
 305      background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
 306      background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
 307      background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
 308      background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
 309      background-repeat: repeat-x;
 310  }
 311  
 312  .wp-block-button__link:not(.has-background):active {
 313      background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
 314      background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
 315      background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
 316      background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
 317      background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1);
 318      background-repeat: repeat-x;
 319      border-color: transparent;
 320  }
 321  
 322  .wp-block-button__link:not(.has-text-color):active {
 323      box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
 324  }
 325  
 326  /* Separator */
 327  
 328  .wp-block-separator {
 329      border: 0;
 330  }
 331  
 332  /* Media & Text */
 333  
 334  .wp-block-media-text {
 335      margin-bottom: 24px;
 336      margin-bottom: 1.714285714rem;
 337  }
 338  
 339  .wp-block-media-text *:last-child {
 340      margin-bottom: 0;
 341  }
 342  
 343  /* Navigation */
 344  
 345  .site-content .wp-block-navigation {
 346      overflow: visible;
 347  }
 348  
 349  /*--------------------------------------------------------------
 350  5.0 Blocks - Widgets
 351  --------------------------------------------------------------*/
 352  
 353  /* Archives, Categories & Latest Posts */
 354  
 355  .wp-block-archives.aligncenter,
 356  .wp-block-categories.aligncenter,
 357  .wp-block-latest-posts.aligncenter {
 358      list-style-position: inside;
 359      text-align: center;
 360  }
 361  
 362  /* Latest Comments */
 363  
 364  .wp-block-latest-comments {
 365      margin: 0;
 366      padding: 0;
 367  }
 368  
 369  .wp-block-latest-comments .avatar,
 370  .wp-block-latest-comments__comment-avatar {
 371      border-radius: 0;
 372      box-shadow: none;
 373  }
 374  
 375  .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
 376  .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
 377      margin-left: 60px;
 378  }
 379  
 380  .wp-block-latest-comments__comment,
 381  .wp-block-latest-comments__comment-excerpt,
 382  .wp-block-latest-comments__comment-excerpt p {
 383      font-size: 14px;
 384  }
 385  
 386  .wp-block-latest-comments__comment-excerpt p:last-child {
 387      margin-bottom: 0;
 388  }
 389  
 390  .wp-block-latest-comments__comment-date {
 391      color: #5e5e5e;
 392  }
 393  
 394  .wp-block-latest-comments .wp-block-latest-comments__comment {
 395      margin: 0;
 396      padding: 24px 0;
 397      padding: 1.714285714rem 0 0;
 398  }
 399  
 400  .wp-block-latest-comments article {
 401      margin-bottom: 0;
 402  }
 403  
 404  /*--------------------------------------------------------------
 405  6.0 Blocks - Colors
 406  --------------------------------------------------------------*/
 407  
 408  .entry-content .has-blue-color,
 409  .entry-content .has-blue-color:visited {
 410      color: #21759b;
 411  }
 412  
 413  .entry-content .has-blue-background-color,
 414  .entry-content .has-blue-background-color:visited {
 415      background-color: #21759b;
 416  }
 417  
 418  .entry-content .has-dark-gray-color,
 419  .entry-content .has-dark-gray-color:visited {
 420      color: #373737;
 421  }
 422  
 423  .entry-content .has-dark-gray-background-color,
 424  .entry-content .has-dark-gray-background-color:visited {
 425      background-color: #373737;
 426  }
 427  
 428  .entry-content .has-medium-gray-color,
 429  .entry-content .has-medium-gray-color:visited {
 430      color: #9f9f9f;
 431  }
 432  
 433  .entry-content .has-medium-gray-background-color,
 434  .entry-content .has-medium-gray-background-color:visited {
 435      background-color: #9f9f9f;
 436  }
 437  
 438  .entry-content .has-light-gray-color,
 439  .entry-content .has-light-gray-color:visited {
 440      color: #e6e6e6;
 441  }
 442  
 443  .entry-content .has-light-gray-background-color,
 444  .entry-content .has-light-gray-background-color:visited {
 445      background-color: #e6e6e6;
 446  }
 447  
 448  .entry-content .has-white-color,
 449  .entry-content .has-white-color:visited {
 450      color: #fff;
 451  }
 452  
 453  .entry-content .has-white-background-color,
 454  .entry-content .has-white-background-color:visited {
 455      background-color: #fff;
 456  }