[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  /* Audio */
 127  
 128  .wp-block-audio audio {
 129      display: block;
 130      width: 100%;
 131  }
 132  
 133  /* Cover */
 134  
 135  .wp-block-cover-image.aligncenter,
 136  .wp-block-cover.aligncenter {
 137      clear: both;
 138      display: flex;
 139  }
 140  
 141  .wp-block-cover-image.alignleft,
 142  .wp-block-cover.alignleft {
 143      margin-right: 1.625em;
 144  }
 145  
 146  .wp-block-cover-image.alignright,
 147  .wp-block-cover.alignright {
 148      margin-left: 1.625em;
 149  }
 150  
 151  /* File */
 152  
 153  .wp-block-file .wp-block-file__button {
 154      background: #222;
 155      border: none;
 156      -moz-border-radius: 3px;
 157      border-radius: 3px;
 158      -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
 159      -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
 160      box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
 161      color: #eee;
 162      cursor: pointer;
 163      font-size: 15px;
 164      padding: 5px 22px;
 165      text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
 166  }
 167  
 168  .wp-block-file .wp-block-file__button:active {
 169      background: #1982d1;
 170      color: #bfddf3;
 171  }
 172  
 173  .rtl .wp-block-file * + .wp-block-file__button {
 174      margin-left: 0.75em;
 175      margin-right: 0;
 176  }
 177  
 178  /*--------------------------------------------------------------
 179  3.0 Blocks - Formatting
 180  --------------------------------------------------------------*/
 181  
 182  /* Code */
 183  
 184  .wp-block-code {
 185      background-color: transparent;
 186      border: 0;
 187      padding: 0;
 188  }
 189  
 190  /* Pullquote */
 191  
 192  .wp-block-pullquote__citation,
 193  .wp-block-pullquote cite,
 194  .wp-block-pullquote footer {
 195      color: inherit;
 196  }
 197  
 198  .wp-block-pullquote.alignleft {
 199      margin-right: 1.625em;
 200  }
 201  
 202  .wp-block-pullquote.alignright {
 203      margin-left: 1.625em;
 204  }
 205  
 206  /* Table */
 207  
 208  .wp-block-table {
 209      border-bottom: 1px solid #ddd;
 210      border-collapse: collapse;
 211      border-spacing: 0;
 212      width: 100%;
 213  }
 214  
 215  .wp-block-table th {
 216      border: 0;
 217      font-weight: bold;
 218      padding: 6px 10px 6px 0;
 219      text-transform: uppercase;
 220  }
 221  
 222  .rtl .wp-block-table th {
 223      padding: 6px 0 6px 10px;
 224  }
 225  
 226  .wp-block-table .has-text-color th {
 227      color: currentColor;
 228  }
 229  
 230  .wp-block-table td {
 231      border: 0;
 232      border-top: 1px solid #ddd;
 233      padding: 6px 10px 6px 0;
 234  }
 235  
 236  /*--------------------------------------------------------------
 237  4.0 Blocks - Layout Elements
 238  --------------------------------------------------------------*/
 239  
 240  /* Buttons */
 241  
 242  .wp-block-button .wp-block-button__link {
 243      -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
 244      -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
 245      box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
 246      cursor: pointer;
 247      font-size: 15px;
 248      margin: 20px 0;
 249      padding: 5px 22px;
 250      text-decoration: none;
 251      text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
 252  }
 253  
 254  .is-style-outline .wp-block-button__link:not(.has-text-color) {
 255      color: #222;
 256      text-shadow: none;
 257  }
 258  
 259  .wp-block-button__link,
 260  .wp-block-button .wp-block-button__link:hover,
 261  .wp-block-button .is-style-outline .wp-block-button__link:hover {
 262      background: #222;
 263      color: #eee;
 264  }
 265  
 266  .wp-block-button__link:active {
 267      background: #1982d1;
 268      color: #bfddf3;
 269  }
 270  
 271  /* Separator */
 272  
 273  .wp-block-separator {
 274      border: 0;
 275      max-width: 100px;
 276  }
 277  
 278  .wp-block-separator.is-style-wide,
 279  .wp-block-separator.is-style-dots {
 280      max-width: 100%;
 281  }
 282  
 283  /* Media & Text */
 284  
 285  .wp-block-media-text {
 286      margin-bottom: 1.625em;
 287  }
 288  
 289  .wp-block-media-text *:last-child {
 290      margin-bottom: 0;
 291  }
 292  
 293  /*--------------------------------------------------------------
 294  5.0 Blocks - Widgets
 295  --------------------------------------------------------------*/
 296  
 297  /* Archives, Categories & Latest Posts */
 298  
 299  .wp-block-archives.aligncenter,
 300  .wp-block-categories.aligncenter,
 301  .wp-block-latest-posts.aligncenter {
 302      list-style-position: inside;
 303      margin-left: 2.5em;
 304      text-align: center;
 305  }
 306  
 307  .rtl .wp-block-archives.aligncenter,
 308  .rtl .wp-block-categories.aligncenter,
 309  .rtl .wp-block-latest-posts.aligncenter {
 310      margin-left: 0;
 311      margin-right: 2.5em;
 312  }
 313  
 314  /* Latest Comments */
 315  
 316  .wp-block-latest-comments {
 317      margin: 0;
 318      padding: 0;
 319  }
 320  
 321  .wp-block-latest-comments .avatar,
 322  .wp-block-latest-comments__comment-avatar {
 323      -moz-border-radius: 3px;
 324      border-radius: 3px;
 325      -webkit-box-shadow: 0 1px 2px #ccc;
 326      -moz-box-shadow: 0 1px 2px #ccc;
 327      box-shadow: 0 1px 2px #ccc;
 328  }
 329  
 330  .wp-block-latest-comments__comment,
 331  .wp-block-latest-comments__comment-excerpt,
 332  .wp-block-latest-comments__comment-excerpt p {
 333      font-size: 15px;
 334  }
 335  
 336  .wp-block-latest-comments__comment-excerpt p:last-child {
 337      margin-bottom: 0;
 338  }
 339  
 340  .wp-block-latest-comments__comment-meta,
 341  .wp-block-latest-comments__comment-date {
 342      color: #666;
 343      font-size: 12px;
 344      line-height: 2.2em;
 345  }
 346  
 347  .wp-block-latest-comments__comment-meta a {
 348      font-weight: bold;
 349  }
 350  
 351  .wp-block-latest-comments .wp-block-latest-comments__comment {
 352      -moz-border-radius: 3px;
 353      border-radius: 3px;
 354      margin: 0 0 2.625em;
 355      position: relative;
 356  }
 357  
 358  /* Latest Posts */
 359  
 360  .wp-block-latest-posts.is-grid {
 361      margin-left: 0;
 362      margin-right: 0;
 363  }
 364  
 365  /*--------------------------------------------------------------
 366  6.0 Blocks - Colors
 367  --------------------------------------------------------------*/
 368  
 369  .has-blue-color {
 370      color: #1982d1;
 371  }
 372  
 373  .has-blue-background-color {
 374      background-color: #1982d1;
 375  }
 376  
 377  .has-black-color {
 378      color: #000;
 379  }
 380  
 381  .has-black-background-color {
 382      background-color: #000;
 383  }
 384  
 385  .has-dark-gray-color {
 386      color: #373737;
 387  }
 388  
 389  .has-dark-gray-background-color {
 390      background-color: #373737;
 391  }
 392  
 393  .has-medium-gray-color {
 394      color: #666;
 395  }
 396  
 397  .has-medium-gray-background-color {
 398      background-color: #666;
 399  }
 400  
 401  .has-light-gray-color {
 402      color: #e2e2e2;
 403  }
 404  
 405  .has-light-gray-background-color {
 406      background-color: #e2e2e2;
 407  }
 408  
 409  .has-white-color {
 410      color: #fff;
 411  }
 412  
 413  .has-white-background-color {
 414      background-color: #fff;
 415  }