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