[Summary view] [Print] [Text view]

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