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