wp/wp-content/themes/twentythirteen/css/editor-style.css
changeset 5 5e2f62d02dcd
parent 0 d970ebf37754
child 7 cf61fcea0001
equal deleted inserted replaced
4:346c88efed21 5:5e2f62d02dcd
    12  * 3.0 - Text Elements
    12  * 3.0 - Text Elements
    13  * 4.0 - Links
    13  * 4.0 - Links
    14  * 5.0 - Alignment
    14  * 5.0 - Alignment
    15  * 6.0 - Tables
    15  * 6.0 - Tables
    16  * 7.0 - Images
    16  * 7.0 - Images
    17  * 8.0 - Post Formats
    17  * 8.0 - Galleries
    18  * 9.0 - RTL
    18  * 9.0 - Audio/Video
       
    19  * 10.0 - Post Formats
       
    20  * 11.0 - RTL
       
    21  * 12.0 - Media Queries
    19  * ----------------------------------------------------------------------------
    22  * ----------------------------------------------------------------------------
    20  */
    23  */
    21 
    24 
    22 
    25 
    23 /**
    26 /**
   340 	margin: 0;
   343 	margin: 0;
   341 	padding: 0;
   344 	padding: 0;
   342 	text-align: left;
   345 	text-align: left;
   343 }
   346 }
   344 
   347 
       
   348 .html5-captions .wp-caption {
       
   349 	padding: 0;
       
   350 }
       
   351 
   345 .wp-caption.alignleft {
   352 .wp-caption.alignleft {
   346 	margin: 5px 10px 5px 0;
   353 	margin: 5px 10px 5px 0;
   347 }
   354 }
   348 
   355 
       
   356 .html5-captions .wp-caption.alignleft {
       
   357 	margin-right: 20px;
       
   358 }
       
   359 
   349 .wp-caption.alignright {
   360 .wp-caption.alignright {
   350 	margin: 5px 0 5px 10px;
   361 	margin: 5px 0 5px 10px;
       
   362 }
       
   363 
       
   364 .wp-caption.alignright img,
       
   365 .wp-caption.alignright .wp-caption-dd {
       
   366 	padding-left: 10px;
       
   367 }
       
   368 
       
   369 .html5-captions .wp-caption.alignright {
       
   370 	margin-left: 20px;
       
   371 }
       
   372 
       
   373 .html5-captions .wp-caption.alignright img,
       
   374 .html5-captions .wp-caption.alignright .wp-caption-dd {
       
   375 	padding: 0;
   351 }
   376 }
   352 
   377 
   353 .wp-caption-dt {
   378 .wp-caption-dt {
   354 	margin: 0;
   379 	margin: 0;
   355 }
   380 }
   364 	margin-bottom: 24px;
   389 	margin-bottom: 24px;
   365 	padding: 0;
   390 	padding: 0;
   366 }
   391 }
   367 
   392 
   368 .mceTemp + ul,
   393 .mceTemp + ul,
   369 .mceTemp + ol  {
   394 .mceTemp + ol {
   370 	list-style-position: inside;
   395 	list-style-position: inside;
   371 }
   396 }
   372 
   397 
   373 
   398 
   374 /**
   399 /**
   375  * 8.0 Post Formats
   400  * 8.0 Galleries
       
   401  * ----------------------------------------------------------------------------
       
   402  */
       
   403 
       
   404 .gallery .gallery-item {
       
   405 	float: left;
       
   406 	margin: 0 4px 4px 0;
       
   407 	overflow: hidden;
       
   408 	padding: 0;
       
   409 	position: relative;
       
   410 }
       
   411 
       
   412 .gallery-columns-1 .gallery-item {
       
   413 	max-width: 100%;
       
   414 	width: auto;
       
   415 }
       
   416 
       
   417 .gallery-columns-2 .gallery-item {
       
   418 	max-width: 48%;
       
   419 	max-width: -webkit-calc(50% - 14px);
       
   420 	max-width:         calc(50% - 14px);
       
   421 	width: auto;
       
   422 }
       
   423 
       
   424 .gallery-columns-3 .gallery-item {
       
   425 	max-width: 32%;
       
   426 	max-width: -webkit-calc(33.3% - 11px);
       
   427 	max-width:         calc(33.3% - 11px);
       
   428 	width: auto;
       
   429 }
       
   430 
       
   431 .gallery-columns-4 .gallery-item {
       
   432 	max-width: 23%;
       
   433 	max-width: -webkit-calc(25% - 9px);
       
   434 	max-width:         calc(25% - 9px);
       
   435 	width: auto;
       
   436 }
       
   437 
       
   438 .gallery-columns-5 .gallery-item {
       
   439 	max-width: 19%;
       
   440 	max-width: -webkit-calc(20% - 8px);
       
   441 	max-width:         calc(20% - 8px);
       
   442 	width: auto;
       
   443 }
       
   444 
       
   445 .gallery-columns-6 .gallery-item {
       
   446 	max-width: 15%;
       
   447 	max-width: -webkit-calc(16.7% - 7px);
       
   448 	max-width:         calc(16.7% - 7px);
       
   449 	width: auto;
       
   450 }
       
   451 
       
   452 .gallery-columns-7 .gallery-item {
       
   453 	max-width: 13%;
       
   454 	max-width: -webkit-calc(14.28% - 7px);
       
   455 	max-width:         calc(14.28% - 7px);
       
   456 	width: auto;
       
   457 }
       
   458 
       
   459 .gallery-columns-8 .gallery-item {
       
   460 	max-width: 11%;
       
   461 	max-width: -webkit-calc(12.5% - 6px);
       
   462 	max-width:         calc(12.5% - 6px);
       
   463 	width: auto;
       
   464 }
       
   465 
       
   466 .gallery-columns-9 .gallery-item {
       
   467 	max-width: 9%;
       
   468 	max-width: -webkit-calc(11.1% - 6px);
       
   469 	max-width:         calc(11.1% - 6px);
       
   470 	width: auto;
       
   471 }
       
   472 
       
   473 .gallery-columns-1 .gallery-item:nth-of-type(1n),
       
   474 .gallery-columns-2 .gallery-item:nth-of-type(2n),
       
   475 .gallery-columns-3 .gallery-item:nth-of-type(3n),
       
   476 .gallery-columns-4 .gallery-item:nth-of-type(4n),
       
   477 .gallery-columns-5 .gallery-item:nth-of-type(5n),
       
   478 .gallery-columns-6 .gallery-item:nth-of-type(6n),
       
   479 .gallery-columns-7 .gallery-item:nth-of-type(7n),
       
   480 .gallery-columns-8 .gallery-item:nth-of-type(8n),
       
   481 .gallery-columns-9 .gallery-item:nth-of-type(9n) {
       
   482 	margin-right: 0;
       
   483 }
       
   484 
       
   485 .gallery-columns-1 .gallery-item:nth-of-type(1n),
       
   486 .gallery-columns-2 .gallery-item:nth-of-type(2n - 1),
       
   487 .gallery-columns-3 .gallery-item:nth-of-type(3n - 2),
       
   488 .gallery-columns-4 .gallery-item:nth-of-type(4n - 3),
       
   489 .gallery-columns-5 .gallery-item:nth-of-type(5n - 4),
       
   490 .gallery-columns-6 .gallery-item:nth-of-type(6n - 5),
       
   491 .gallery-columns-7 .gallery-item:nth-of-type(7n - 6),
       
   492 .gallery-columns-8 .gallery-item:nth-of-type(8n - 7),
       
   493 .gallery-columns-9 .gallery-item:nth-of-type(9n - 8) {
       
   494 	margin-left: 12px; /* Compensate for the default negative margin on .gallery, which can't be changed. */
       
   495 }
       
   496 
       
   497 .gallery .gallery-caption {
       
   498 	background-color: rgba(0, 0, 0, 0.7);
       
   499 	box-sizing: border-box;
       
   500 	color: #fff;
       
   501 	font-size: 14px;
       
   502 	line-height: 1.3;
       
   503 	margin: 0;
       
   504 	max-height: 50%;
       
   505 	opacity: 0;
       
   506 	padding: 2px 8px;
       
   507 	position: absolute;
       
   508 	bottom: 0;
       
   509 	left: 0;
       
   510 	text-align: left;
       
   511 	-webkit-transition: opacity 400ms ease;
       
   512 	transition:         opacity 400ms ease;
       
   513 	width: 100%;
       
   514 }
       
   515 
       
   516 .gallery .gallery-caption:before {
       
   517 	box-shadow: 0 -10px 15px #000 inset;
       
   518 	content: "";
       
   519 	height: 100%;
       
   520 	min-height: 49px;
       
   521 	position: absolute;
       
   522 	left: 0;
       
   523 	top: 0;
       
   524 	width: 100%;
       
   525 }
       
   526 
       
   527 .gallery-item:hover .gallery-caption {
       
   528 	opacity: 1;
       
   529 }
       
   530 
       
   531 .gallery-columns-7 .gallery-caption,
       
   532 .gallery-columns-8 .gallery-caption,
       
   533 .gallery-columns-9 .gallery-caption {
       
   534 	display: none;
       
   535 }
       
   536 
       
   537 
       
   538 /**
       
   539  * 9.0 Audio/Video
       
   540  * ----------------------------------------------------------------------------
       
   541  */
       
   542 .mejs-mediaelement,
       
   543 .mejs-container .mejs-controls {
       
   544 	background: #220e10;
       
   545 }
       
   546 
       
   547 .mejs-controls .mejs-time-rail .mejs-time-loaded,
       
   548 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
       
   549 	background: #fff;
       
   550 }
       
   551 
       
   552 .mejs-controls .mejs-time-rail .mejs-time-current {
       
   553 	background: #ea9629;
       
   554 }
       
   555 
       
   556 .mejs-controls .mejs-time-rail .mejs-time-total,
       
   557 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
       
   558 	background: #595959;
       
   559 }
       
   560 
       
   561 .mejs-controls .mejs-time-rail span,
       
   562 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
       
   563 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
       
   564 	border-radius: 0;
       
   565 }
       
   566 
       
   567 
       
   568 /**
       
   569  * 10.0 Post Formats
   376  * ----------------------------------------------------------------------------
   570  * ----------------------------------------------------------------------------
   377  */
   571  */
   378 
   572 
   379 /* Aside */
   573 /* Aside */
   380 .post-format-aside {
   574 .post-format-aside {
   539 	color: #fbfaf3;
   733 	color: #fbfaf3;
   540 }
   734 }
   541 
   735 
   542 
   736 
   543 /**
   737 /**
   544  * 9.0 RTL
   738  * 11.0 RTL
   545  * ----------------------------------------------------------------------------
   739  * ----------------------------------------------------------------------------
   546  */
   740  */
   547 
   741 
   548 html .mceContentBody.rtl {
   742 html .mceContentBody.rtl {
   549 	direction: rtl;
   743 	direction: rtl;
   574 .rtl.post-format-status:before,
   768 .rtl.post-format-status:before,
   575 .rtl.post-format-status > p:first-child:before {
   769 .rtl.post-format-status > p:first-child:before {
   576 	background: none;
   770 	background: none;
   577 	content: none;
   771 	content: none;
   578 }
   772 }
       
   773 
       
   774 
       
   775 /**
       
   776  * 12.0 Media Queries
       
   777  */
       
   778 
       
   779 @media screen and (max-width: 604px) {
       
   780 	body, img, .wp-caption {
       
   781 		max-width: 100%;
       
   782 	}
       
   783 
       
   784 	img, .wp-caption {
       
   785 		width: auto !important;
       
   786 	}
       
   787 }