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