]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-admin/css/media.css
WordPress 3.9
[autoinstalls/wordpress.git] / wp-admin / css / media.css
index 157ecdf6692bcab07ae283b137b678052bac9c16..e6bbdcbb1600308b7136381f69e2540096fe360b 100644 (file)
@@ -1 +1,724 @@
-div#media-upload-header{margin:0;padding:0 5px;font-weight:bold;position:relative;border-bottom-width:1px;border-bottom-style:solid;}body#media-upload ul#sidemenu{font-weight:normal;margin:0 5px;left:0;bottom:-1px;float:none;overflow:hidden;}div#media-upload-error{margin:1em;font-weight:bold;}form{margin:1em;}#search-filter{text-align:right;}th{position:relative;}.media-upload-form label.form-help,td.help{font-family:sans-serif;font-style:italic;font-weight:normal;}.media-upload-form p.help{margin:0;padding:0;}.media-upload-form fieldset{width:100%;border:none;text-align:justify;margin:0 0 1em 0;padding:0;}.image-align-none-label{background:url(../images/align-none.png) no-repeat center left;}.image-align-left-label{background:url(../images/align-left.png) no-repeat center left;}.image-align-center-label{background:url(../images/align-center.png) no-repeat center left;}.image-align-right-label{background:url(../images/align-right.png) no-repeat center left;}tr.image-size td{width:460px;}tr.image-size div.image-size-item{float:left;width:25%;margin:0;}#library-form .progress,#gallery-form .progress,.insert-gallery,.describe.startopen,.describe.startclosed{display:none;}.media-item .thumbnail{max-width:128px;max-height:128px;}thead.media-item-info tr{background-color:transparent;}thead.media-item-info th,thead.media-item-info td{border:none;margin:0;}.form-table thead.media-item-info{border:8px solid #fff;}abbr.required{text-decoration:none;border:none;}.describe label{display:inline;}.describe td{vertical-align:middle;padding:0 5px 8px 0;}.describe td.error{padding:2px 8px;}.describe td.A1{width:132px;}.describe input[type="text"],.describe textarea{width:460px;border-width:1px;border-style:solid;}.hidden{height:0;width:0;overflow:hidden;border:none;}#media-upload p.ml-submit{padding:1em 0;}#media-upload p.help,#media-upload label.help{font-family:sans-serif;font-style:italic;font-weight:normal;}#media-upload tr.image-size td.field{text-align:center;}#media-upload #media-items{border-width:1px;border-style:solid;border-bottom:none;width:623px;}#media-upload .media-item{border-bottom-width:1px;border-bottom-style:solid;min-height:36px;width:100%;}#media-upload .ui-sortable .media-item{cursor:move;}.filename{line-height:36px;padding:0 10px;overflow:hidden;}#media-upload .describe{width:100%;clear:both;cursor:default;}#media-upload .slidetoggle{border-top-width:1px;border-top-style:solid;}#media-upload .describe th.label{padding-top:.2em;text-align:left;min-width:120px;}#media-upload tr.align td.field{text-align:center;}#media-upload tr.image-size{margin-bottom:1em;height:3em;}#media-upload #filter{width:623px;}#media-upload #filter .subsubsub{margin:8px 0;}#filter .tablenav select{border-style:solid;border-width:1px;padding:2px;vertical-align:top;width:auto;}#media-upload .del-attachment{display:none;margin:5px 0;}.menu_order{float:right;font-size:11px;margin:10px 10px 0;}.menu_order_input{border:1px solid #ddd;font-size:10px;padding:1px;width:23px;}.ui-sortable-helper{background-color:#fff;border:1px solid #aaa;opacity:.6;filter:alpha(opacity=60);}#media-upload th.order-head{width:20%;text-align:center;}#media-upload th.actions-head{width:25%;text-align:center;}#media-upload a.wp-post-thumbnail{margin:0 20px;}#media-items a.delete{display:block;float:right;}#media-upload .widefat{width:626px;border-style:solid solid none;}.sorthelper{height:37px;width:623px;display:block;}#gallery-settings th.label{width:160px;}#gallery-settings #basic th.label{padding:5px 5px 5px 0;}#gallery-settings .title{clear:both;padding:0 0 3px;font-size:1.6em;border-bottom:1px solid #DADADA;}h3.media-title{font-size:1.6em;}h4.media-sub-title{border-bottom:1px solid #DADADA;font-size:1.3em;margin:12px;padding:0 0 3px;}#gallery-settings .title,h3.media-title,h4.media-sub-title{font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;color:#5A5A5A;}#gallery-settings .describe td{vertical-align:middle;height:3em;}#gallery-settings .describe th.label{padding-top:.5em;text-align:left;}#gallery-settings .describe{padding:5px;width:615px;clear:both;cursor:default;}#gallery-settings .describe select{width:15em;}#gallery-settings .describe select option,#gallery-settings .describe td{padding:0;}#gallery-settings label,#gallery-settings legend{font-size:13px;color:#464646;margin-right:15px;}#gallery-settings .align .field label{margin:0 1.5em 0 0;}#gallery-settings p.ml-submit{border-top:1px solid #dfdfdf;}#gallery-settings select#columns{width:6em;}#sort-buttons{font-size:.8em;margin:3px 25px -8px 0;text-align:right;max-width:625px;}#sort-buttons a{text-decoration:none;}#sort-buttons #asc,#sort-buttons #showall{padding-left:5px;}#sort-buttons span{margin-right:25px;}
\ No newline at end of file
+/*------------------------------------------------------------------------------
+  14.0 - Media Screen
+------------------------------------------------------------------------------*/
+
+.media-item .describe {
+       border-collapse: collapse;
+       width: 100%;
+       border-top: 1px solid #dfdfdf;
+       clear: both;
+       cursor: default;
+}
+
+.media-item.media-blank .describe {
+       border: 0;
+}
+
+.media-item .describe th {
+       vertical-align: top;
+       text-align: left;
+       padding: 5px 10px 10px;
+       width: 140px;
+}
+
+.media-item .describe .align th {
+       padding-top: 0;
+}
+
+.media-item .media-item-info tr {
+       background-color: transparent;
+}
+
+.media-item .describe td {
+       padding: 0 8px 8px 0;
+       vertical-align: top;
+}
+
+.media-item thead.media-item-info td {
+       padding: 4px 10px 0;
+}
+
+.media-item .media-item-info .A1B1 {
+       padding: 0 0 0 10px;
+}
+
+.media-item td.savesend {
+       padding-bottom: 15px;
+}
+
+.media-item .thumbnail {
+       max-height: 128px;
+       max-width: 128px;
+}
+
+#wpbody-content #async-upload-wrap a {
+       display: none;
+}
+
+.media-upload-form {
+       margin-top: 20px;
+}
+
+.media-upload-form td label {
+       margin-right: 6px;
+       margin-left: 2px;
+}
+
+.media-upload-form .align .field label {
+       display: inline;
+       padding: 0 0 0 23px;
+       margin: 0 1em 0 3px;
+       font-weight: 600;
+}
+
+.media-upload-form tr.image-size label {
+       margin: 0 0 0 5px;
+       font-weight: 600;
+}
+
+.media-upload-form th.label label {
+       font-weight: 600;
+       margin: 0.5em;
+       font-size: 13px;
+}
+
+.media-upload-form th.label label span {
+       padding: 0 5px;
+}
+
+.media-item .describe input[type="text"],
+.media-item .describe textarea {
+       width: 460px;
+}
+
+.media-item .describe p.help {
+       margin: 0;
+       padding: 0 0 0 5px;
+}
+
+.media-item .edit-attachment,
+.describe-toggle-on,
+.describe-toggle-off {
+       display: block;
+       line-height: 36px;
+       float: right;
+}
+
+.media-item .describe-toggle-off,
+.media-item.open .describe-toggle-on {
+       display: none;
+}
+
+.media-item.open .describe-toggle-off {
+       display: block;
+}
+
+#media-items .media-item {
+       border-bottom: 1px solid #dfdfdf;
+       min-height: 36px;
+       position: relative;
+       width: 100%;
+}
+
+#media-items {
+       width: 623px;
+}
+
+.media-new-php #media-items {
+       margin: 1em 0;
+}
+
+#media-items:empty {
+       border: 0 none;
+}
+
+.media-item .filename {
+       line-height: 36px;
+       overflow: hidden;
+}
+
+.media-item .error-div {
+       padding-left: 10px;
+}
+
+.media-item .pinkynail {
+       float: left;
+       margin: 2px 10px 0 0;
+       max-width: 40px;
+       max-height: 32px;
+}
+
+.media-item .startopen,
+.media-item .startclosed {
+       display: none;
+}
+
+.media-item .original {
+       position: relative;
+       height: 34px;
+}
+
+.media-item .progress {
+       float: right;
+       height: 22px;
+       margin: 7px 0 0;
+       width: 200px;
+       line-height: 2em;
+       padding: 0;
+       overflow: hidden;
+       margin-bottom: 2px;
+       -webkit-border-radius: 22px;
+       border-radius: 22px;
+       background: #ddd;
+       -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
+       box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
+}
+
+.media-item .bar {
+       z-index: 9;
+       width: 0;
+       height: 100%;
+       margin-top: -22px;
+       -webkit-border-radius: 22px;
+       border-radius: 22px;
+       background-color: #0074a2;
+       -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
+       box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
+}
+
+.media-item .progress .percent {
+       z-index: 10;
+       position: relative;
+       width: 200px;
+       padding: 0;
+       color: #fff;
+       text-align: center;
+       line-height: 22px;
+       font-weight: 400;
+       text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
+}
+
+.upload-php .fixed .column-parent {
+       width: 15%;
+}
+
+.js .html-uploader #plupload-upload-ui {
+       display: none;
+}
+
+.js .html-uploader #html-upload-ui {
+       display: block;
+}
+
+.media-upload-form .media-item.error {
+       margin: 0;
+       padding: 0;
+}
+
+.media-upload-form .media-item.error p,
+.media-item .error-div {
+       line-height: 16px;
+       margin: 5px 10px;
+       padding: 0;
+}
+
+.media-item .error-div a.dismiss {
+       display: block;
+       float: right;
+       margin: 5px 4px 0 15px;
+}
+
+/*------------------------------------------------------------------------------
+  14.1 - Media Library
+------------------------------------------------------------------------------*/
+
+.find-box {
+       background-color: #fff;
+       -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
+       box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
+       width: 600px;
+       overflow: hidden;
+       margin-left: -300px;
+       position: fixed;
+       top: 30px;
+       bottom: 30px;
+       left: 50%;
+       z-index: 100105;
+}
+
+.find-box-head {
+       background: #fcfcfc;
+       border-bottom: 1px solid #dfdfdf;
+       height: 36px;
+       font-size: 18px;
+       font-weight: 600;
+       line-height: 36px;
+       padding: 0 36px 0 16px;
+       position: absolute;
+       top: 0;
+       left: 0;
+       right: 0;
+}
+
+.find-box-inside {
+       overflow: auto;
+       padding: 16px;
+       background-color: #fff;
+       position: absolute;
+       top: 37px;
+       bottom: 45px;
+       overflow-y: scroll;
+       width: 100%;
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+.find-box-search {
+       padding-bottom: 16px;
+}
+
+.find-box-search .spinner {
+       float: none;
+       left: 125px;
+       position: absolute;
+       top: 18px;
+}
+
+#find-posts-input,
+#find-posts-search {
+       float: left;
+}
+
+#find-posts-input {
+       width: 140px;
+       height: 28px;
+       margin: 0 4px 0 0;
+}
+
+.widefat .found-radio {
+       padding-right: 0;
+       width: 16px;
+}
+
+#find-posts-close {
+       width: 36px;
+       height: 36px;
+       position: absolute;
+       top: 0;
+       right: 0;
+       cursor: pointer;
+       text-align: center;
+       color: #666;
+}
+
+#find-posts-close:hover {
+       color: #2ea2cc;
+}
+
+#find-posts-close:before {
+       font: normal 20px/36px 'dashicons';
+       vertical-align: top;
+       speak: none;
+       -webkit-font-smoothing: antialiased;
+       -moz-osx-font-smoothing: grayscale;
+       content: '\f158';
+}
+
+.find-box-buttons {
+       padding: 8px 16px;
+       background: #fcfcfc;
+       border-top: 1px solid #dfdfdf;
+       position: absolute;
+       bottom: 0;
+       left: 0;
+       right: 0;
+}
+
+@media screen and ( max-width: 782px ) {
+       .find-box-inside {
+               bottom: 57px;
+       }
+}
+
+@media screen and ( max-width: 660px ) {
+
+       .find-box {
+               top: 0;
+               bottom: 0;
+               left: 0;
+               right: 0;
+               margin: 0;
+               width: 100%;
+       }
+
+}
+
+.ui-find-overlay {
+       position: fixed;
+       top: 0;
+       left: 0;
+       right: 0;
+       bottom: 0;
+       background: #000;
+       opacity: 0.7;
+       filter: alpha(opacity=70);
+       z-index: 100100;
+}
+
+ul#dismissed-updates {
+       display: none;
+}
+
+form.upgrade {
+       margin-top: 8px;
+}
+
+form.upgrade .hint {
+       font-style: italic;
+       font-size: 85%;
+       margin: -0.5em 0 2em 0;
+}
+
+#poststuff .inside .the-tagcloud {
+       margin: 5px 0 10px;
+       padding: 8px;
+       border: 1px solid #ddd;
+       line-height: 1.8em;
+       word-spacing: 3px;
+       -webkit-border-radius: 6px;
+       border-radius: 6px;
+}
+
+.drag-drop #drag-drop-area {
+       border: 4px dashed #bbb;
+       height: 200px;
+}
+
+.drag-drop .drag-drop-inside {
+       margin: 70px auto 0;
+       width: 250px;
+}
+
+.drag-drop-inside p {
+       color: #aaa;
+       font-size: 14px;
+       margin: 5px 0;
+       display: none;
+}
+
+.drag-drop .drag-drop-inside p {
+       text-align: center;
+}
+
+.drag-drop-inside p.drag-drop-info {
+       font-size: 20px;
+}
+
+.drag-drop .drag-drop-inside p,
+.drag-drop-inside p.drag-drop-buttons {
+       display: block;
+}
+
+/*
+#drag-drop-area:-moz-drag-over {
+       border-color: #83b4d8;
+}
+border color while dragging a file over the uploader drop area */
+.drag-drop.drag-over #drag-drop-area {
+       border-color: #83b4d8;
+}
+
+#plupload-upload-ui {
+       position: relative;
+}
+
+
+/*------------------------------------------------------------------------------
+  14.2 - Image Editor
+------------------------------------------------------------------------------*/
+
+.wp_attachment_details label[for="content"] {
+       font-size: 13px;
+       line-height: 1.5;
+       margin: 1em 0;
+}
+
+.wp_attachment_details #attachment_caption {
+       height: 4em;
+}
+
+.describe .image-editor {
+       vertical-align: top;
+}
+
+.imgedit-wrap {
+       position: relative;
+}
+
+.imgedit-settings p {
+       margin: 8px 0 0;
+}
+
+.describe .imgedit-wrap .imgedit-settings {
+       padding: 0 5px;
+}
+
+.wp_attachment_holder div.updated {
+       margin-top: 0;
+}
+
+.wp_attachment_holder .imgedit-wrap > div {
+       height: auto;
+       overflow: hidden;
+}
+
+.wp_attachment_holder .imgedit-wrap .imgedit-panel-content {
+       padding-right: 16px;
+       width: auto;
+       overflow: hidden;
+}
+
+.wp_attachment_holder .imgedit-wrap .imgedit-settings {
+       float: right;
+       width: 250px;
+}
+
+.imgedit-settings input {
+       margin-top: 0;
+       vertical-align: middle;
+}
+
+.imgedit-wait {
+       position: absolute;
+       top: 0;
+       background: #fff url(../images/spinner.gif) no-repeat center;
+       -webkit-background-size: 20px 20px;
+       background-size: 20px 20px;
+       opacity: 0.7;
+       filter: alpha(opacity=70);
+       width: 100%;
+       height: 500px;
+       display: none;
+}
+
+.no-float {
+       float: none;
+}
+
+.media-disabled,
+.imgedit-settings .disabled  {
+       color: grey;
+}
+
+.wp_attachment_image,
+.A1B1 {
+       overflow: hidden;
+}
+
+.wp_attachment_image .button,
+.A1B1 .button {
+       float: left;
+}
+
+.no-js .wp_attachment_image .button {
+       display: none;
+}
+
+.wp_attachment_image .spinner,
+.A1B1 .spinner {
+       float: left;
+       padding: 0 0 4px 0;
+       vertical-align: bottom;
+}
+
+.imgedit-menu {
+       margin: 0 0 12px;
+       min-width: 300px;
+}
+
+.imgedit-menu div {
+       float: left;
+       width: 32px;
+       border: 1px solid #d5d5d5;
+       background: #f1f1f1;
+       margin: 0 8px 0 0;
+       height: 32px;
+       -webkit-font-smoothing: antialiased;
+       -moz-osx-font-smoothing: grayscale;
+       text-align: center;
+       line-height: 28px;
+       color: #777;
+       cursor: pointer;
+}
+
+.imgedit-menu div:before {
+       font: normal 20px/1 'dashicons';
+       speak: none;
+       vertical-align: middle;
+}
+
+.imgedit-menu div:hover {
+       border-color: #c1c1c1;
+       background-color: #eaeaea;
+       color: #333;
+}
+
+.imgedit-menu div.disabled {
+       border-color: #ccc;
+       background-color: #ddd;
+       color: #777;
+       filter: alpha(opacity=50);
+       opacity: 0.5;
+       cursor: default;
+}
+
+.imgedit-crop:before {
+       content:'\f165';
+}
+
+.imgedit-rleft:before {
+       content:'\f166';
+}
+
+.imgedit-rright:before {
+       content:'\f167';
+}
+
+.imgedit-flipv:before {
+       content:'\f168';
+}
+
+.imgedit-fliph:before {
+       content:'\f169';
+}
+
+.imgedit-undo:before {
+       content:'\f171';
+}
+
+.imgedit-redo:before {
+       content:'\f172';
+}
+
+.imgedit-crop-wrap {
+       position: relative;
+}
+
+.imgedit-crop {
+       margin: 0 8px 0 0;
+}
+
+.imgedit-rleft {
+       margin: 0 3px;
+}
+
+.imgedit-rright {
+       margin: 0 8px 0 3px;
+}
+
+.imgedit-flipv {
+       margin: 0 3px;
+}
+
+.imgedit-fliph {
+       margin: 0 8px 0 3px;
+}
+
+.imgedit-undo {
+       margin: 0 3px;
+}
+
+.imgedit-redo {
+       margin: 0 8px 0 3px;
+}
+
+.imgedit-applyto img {
+       margin: 0 8px 0 0;
+}
+
+.imgedit-group-top {
+       margin: 5px 0;
+}
+
+#poststuff .imgedit-group-top h3 {
+       padding: 0;
+}
+
+.imgedit-group-top h3 a {
+       text-decoration: none;
+}
+
+.imgedit-applyto .imgedit-label {
+       padding: 2px 0 0;
+       display: block;
+}
+
+.imgedit-help {
+       display: none;
+       font-style: italic;
+}
+
+a.imgedit-help-toggle {
+       text-decoration: none;
+}
+
+.form-table td.imgedit-response {
+       padding: 0;
+}
+
+.imgedit-submit {
+       margin: 8px 0;
+}
+
+.imgedit-submit-btn {
+       margin-left: 20px;
+}
+
+.imgedit-wrap .nowrap {
+       white-space: nowrap;
+}
+
+span.imgedit-scale-warn {
+       color: red;
+       font-size: 20px;
+       font-style: normal;
+       visibility: hidden;
+       vertical-align: middle;
+}
+
+.imgedit-group {
+       margin-bottom: 8px;
+       padding: 2px 10px;
+}
+
+audio, video {
+       display: inline-block;
+       max-width: 100%;
+}
+
+.mejs-container {
+       width: 100%;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-o-min-device-pixel-ratio: 5/4),
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+       .imgedit-wait {
+               background-image: url(../images/spinner-2x.gif);
+       }
+}
+
+@media screen and ( max-width: 782px ) {
+       .wp_attachment_details label[for="content"] {
+               font-size: 14px;
+               line-height: 1.5em;
+       }
+}