web/wp-admin/css/media.css
changeset 204 09a1c134465b
parent 194 32102edaa81b
equal deleted inserted replaced
203:f507feede89a 204:09a1c134465b
     1 div#media-upload-header{margin:0;padding:5px 5px 0;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}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:0;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{margin:0 0 5px}#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}.form-table thead.media-item-info{border:8px solid #fff}abbr.required{text-decoration:none;border:0}.describe label{display:inline}.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}#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 .ui-sortable .media-item{cursor:move}#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 1em 0 3px}#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}p.media-types{margin:1em}tr.not-image{display:none}table.not-image tr.not-image{display:table-row}table.not-image tr.image-only{display:none}
     1 /* Styles for the media library iframe (not used on the Library screen) */
       
     2 
       
     3 div#media-upload-header {
       
     4 	margin: 0;
       
     5 	padding: 5px 5px 0;
       
     6 	font-weight: bold;
       
     7 	position: relative;
       
     8 	border-bottom-width: 1px;
       
     9 	border-bottom-style: solid;
       
    10 }
       
    11 
       
    12 body#media-upload ul#sidemenu {
       
    13 	font-weight: normal;
       
    14 	margin: 0 5px;
       
    15 	left: 0;
       
    16 	bottom: -1px;
       
    17 	float: none;
       
    18 	overflow: hidden;
       
    19 }
       
    20 
       
    21 form {
       
    22 	margin: 1em;
       
    23 }
       
    24 
       
    25 #search-filter {
       
    26 	text-align: right;
       
    27 }
       
    28 
       
    29 th {
       
    30 	position: relative;
       
    31 }
       
    32 
       
    33 .media-upload-form label.form-help, td.help {
       
    34 	font-family: sans-serif;
       
    35 	font-style: italic;
       
    36 	font-weight: normal;
       
    37 }
       
    38 
       
    39 .media-upload-form p.help {
       
    40 	margin: 0;
       
    41 	padding: 0;
       
    42 }
       
    43 
       
    44 .media-upload-form fieldset {
       
    45 	width: 100%;
       
    46 	border: none;
       
    47 	text-align: justify;
       
    48 	margin: 0 0 1em 0;
       
    49 	padding: 0;
       
    50 }
       
    51 
       
    52 /* specific to the image upload form */
       
    53 
       
    54 .image-align-none-label {
       
    55 	background: url(../images/align-none.png) no-repeat center left;
       
    56 }
       
    57 
       
    58 .image-align-left-label {
       
    59 	background: url(../images/align-left.png) no-repeat center left;
       
    60 }
       
    61 
       
    62 .image-align-center-label {
       
    63 	background: url(../images/align-center.png) no-repeat center left;
       
    64 }
       
    65 
       
    66 .image-align-right-label {
       
    67 	background: url(../images/align-right.png) no-repeat center left;
       
    68 }
       
    69 
       
    70 tr.image-size td {
       
    71 	width: 460px;
       
    72 }
       
    73 
       
    74 tr.image-size div.image-size-item {
       
    75 	margin: 0 0 5px;
       
    76 }
       
    77 
       
    78 #library-form .progress,
       
    79 #gallery-form .progress,
       
    80 .insert-gallery,
       
    81 .describe.startopen,
       
    82 .describe.startclosed {
       
    83 	display: none;
       
    84 }
       
    85 
       
    86 .media-item .thumbnail {
       
    87 	max-width: 128px;
       
    88 	max-height: 128px;
       
    89 }
       
    90 
       
    91 thead.media-item-info tr {
       
    92 	background-color: transparent;
       
    93 }
       
    94 
       
    95 .form-table thead.media-item-info {
       
    96 	border: 8px solid #fff;
       
    97 }
       
    98 
       
    99 abbr.required {
       
   100 	text-decoration: none;
       
   101 	border: none;
       
   102 }
       
   103 
       
   104 .describe label {
       
   105 	display: inline;
       
   106 }
       
   107 
       
   108 .describe td.error {
       
   109 	padding: 2px 8px;
       
   110 }
       
   111 
       
   112 .describe td.A1 {
       
   113 	width: 132px;
       
   114 }
       
   115 
       
   116 .describe input[type="text"],
       
   117 .describe textarea {
       
   118 	width: 460px;
       
   119 	border-width: 1px;
       
   120 	border-style: solid;
       
   121 }
       
   122 
       
   123 /* Specific to Uploader */
       
   124 
       
   125 #media-upload p.ml-submit {
       
   126 	padding: 1em 0;
       
   127 }
       
   128 
       
   129 #media-upload p.help,
       
   130 #media-upload label.help {
       
   131 	font-family: sans-serif;
       
   132 	font-style: italic;
       
   133 	font-weight: normal;
       
   134 }
       
   135 
       
   136 #media-upload .ui-sortable .media-item {
       
   137 	cursor: move;
       
   138 }
       
   139 
       
   140 #media-upload tr.image-size {
       
   141 	margin-bottom: 1em;
       
   142 	height: 3em;
       
   143 }
       
   144 
       
   145 #media-upload #filter {
       
   146 	width: 623px;
       
   147 }
       
   148 
       
   149 #media-upload #filter .subsubsub {
       
   150 	margin: 8px 0;
       
   151 }
       
   152 
       
   153 #filter .tablenav select {
       
   154 	border-style: solid;
       
   155 	border-width: 1px;
       
   156 	padding: 2px;
       
   157 	vertical-align: top;
       
   158 	width: auto;
       
   159 }
       
   160 
       
   161 #media-upload .del-attachment {
       
   162 	display: none;
       
   163 	margin: 5px 0;
       
   164 }
       
   165 
       
   166 .menu_order {
       
   167 	float: right;
       
   168 	font-size: 11px;
       
   169 	margin: 10px 10px 0;
       
   170 }
       
   171 
       
   172 .menu_order_input {
       
   173 	border: 1px solid #ddd;
       
   174 	font-size: 10px;
       
   175 	padding: 1px;
       
   176 	width: 23px;
       
   177 }
       
   178 
       
   179 .ui-sortable-helper {
       
   180 	background-color: #fff;
       
   181 	border: 1px solid #aaa;
       
   182 	opacity: 0.6;
       
   183 	filter: alpha(opacity=60);
       
   184 }
       
   185 
       
   186 #media-upload th.order-head {
       
   187 	width: 20%;
       
   188 	text-align: center;
       
   189 }
       
   190 
       
   191 #media-upload th.actions-head {
       
   192 	width: 25%;
       
   193 	text-align: center;
       
   194 }
       
   195 
       
   196 #media-upload a.wp-post-thumbnail {
       
   197 	margin: 0 20px;
       
   198 }
       
   199 
       
   200 #media-upload .widefat {
       
   201 	width: 626px;
       
   202 	border-style: solid solid none;
       
   203 }
       
   204 
       
   205 .sorthelper {
       
   206 	height: 37px;
       
   207 	width: 623px;
       
   208 	display: block;
       
   209 }
       
   210 
       
   211 #gallery-settings th.label {
       
   212 	width: 160px;
       
   213 }
       
   214 
       
   215 #gallery-settings #basic th.label {
       
   216 	padding: 5px 5px 5px 0;
       
   217 }
       
   218 
       
   219 #gallery-settings .title {
       
   220 	clear: both;
       
   221 	padding: 0 0 3px;
       
   222 	font-size: 1.6em;
       
   223 	border-bottom: 1px solid #DADADA;
       
   224 }
       
   225 
       
   226 h3.media-title  {
       
   227 	font-size: 1.6em;
       
   228 }
       
   229 
       
   230 h4.media-sub-title  {
       
   231 	border-bottom: 1px solid #DADADA;
       
   232 	font-size: 1.3em;
       
   233 	margin: 12px;
       
   234 	padding: 0 0 3px;
       
   235 }
       
   236 
       
   237 #gallery-settings .title,
       
   238 h3.media-title,
       
   239 h4.media-sub-title {
       
   240 	font-family: Georgia,"Times New Roman",Times,serif;
       
   241 	font-weight: normal;
       
   242 	color: #5A5A5A;
       
   243 }
       
   244 
       
   245 #gallery-settings .describe td {
       
   246 	vertical-align: middle;
       
   247 	height: 3em;
       
   248 }
       
   249 
       
   250 #gallery-settings .describe th.label {
       
   251 	padding-top: .5em;
       
   252 	text-align: left;
       
   253 }
       
   254 
       
   255 #gallery-settings .describe {
       
   256 	padding: 5px;
       
   257 	width: 615px;
       
   258 	clear: both;
       
   259 	cursor: default;
       
   260 }
       
   261 
       
   262 #gallery-settings .describe select {
       
   263 	width: 15em;
       
   264 }
       
   265 
       
   266 #gallery-settings .describe select option,
       
   267 #gallery-settings .describe td {
       
   268 	padding: 0;
       
   269 }
       
   270 
       
   271 #gallery-settings label,
       
   272 #gallery-settings legend {
       
   273 	font-size: 13px;
       
   274 	color: #464646;
       
   275 	margin-right: 15px;
       
   276 }
       
   277 
       
   278 #gallery-settings .align .field label {
       
   279 	margin: 0 1em 0 3px;
       
   280 }
       
   281 
       
   282 #gallery-settings p.ml-submit {
       
   283 	border-top: 1px solid #dfdfdf;
       
   284 }
       
   285 
       
   286 #gallery-settings select#columns {
       
   287 	width: 6em;
       
   288 }
       
   289 
       
   290 #sort-buttons {
       
   291 	font-size: 0.8em;
       
   292 	margin: 3px 25px -8px 0;
       
   293 	text-align: right;
       
   294 	max-width: 625px;
       
   295 }
       
   296 
       
   297 #sort-buttons a {
       
   298 	text-decoration: none;
       
   299 }
       
   300 
       
   301 #sort-buttons #asc,
       
   302 #sort-buttons #showall {
       
   303 	padding-left: 5px;
       
   304 }
       
   305 
       
   306 #sort-buttons span {
       
   307 	margin-right: 25px;
       
   308 }
       
   309 
       
   310 p.media-types {
       
   311 	margin: 1em;
       
   312 }
       
   313 
       
   314 tr.not-image {
       
   315 	display: none;
       
   316 }
       
   317 
       
   318 table.not-image tr.not-image {
       
   319 	display: table-row;
       
   320 }
       
   321 
       
   322 table.not-image tr.image-only {
       
   323 	display: none;
       
   324 }
       
   325 
       
   326 /**
       
   327  * HiDPI Displays
       
   328  */
       
   329 @media print,
       
   330   (-o-min-device-pixel-ratio: 5/4),
       
   331   (-webkit-min-device-pixel-ratio: 1.25),
       
   332   (min-resolution: 120dpi) {
       
   333 
       
   334 	.image-align-none-label {
       
   335 		background-image: url("../images/align-none-2x.png?ver=20120916");
       
   336 		background-size: 21px 15px;
       
   337 	}
       
   338 
       
   339 	.image-align-left-label {
       
   340 		background-image: url("../images/align-left-2x.png?ver=20120916");
       
   341 		background-size: 22px 15px;
       
   342 	}
       
   343 
       
   344 	.image-align-center-label {
       
   345 		background-image: url("../images/align-center-2x.png?ver=20120916");
       
   346 		background-size: 21px 15px;
       
   347 	}
       
   348 
       
   349 	.image-align-right-label {
       
   350 		background-image: url("../images/align-right-2x.png?ver=20120916");
       
   351 		background-size: 22px 15px;
       
   352 	}
       
   353 }