web/wp-admin/css/media.dev.css
changeset 204 09a1c134465b
parent 203 f507feede89a
child 205 a4f7897e21a9
equal deleted inserted replaced
203:f507feede89a 204:09a1c134465b
     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-items a.delete {
       
   201 	display: block;
       
   202 	float: right;
       
   203 }
       
   204 
       
   205 #media-upload .widefat {
       
   206 	width: 626px;
       
   207 	border-style: solid solid none;
       
   208 }
       
   209 
       
   210 .sorthelper {
       
   211 	height: 37px;
       
   212 	width: 623px;
       
   213 	display: block;
       
   214 }
       
   215 
       
   216 #gallery-settings th.label {
       
   217 	width: 160px;
       
   218 }
       
   219 
       
   220 #gallery-settings #basic th.label {
       
   221 	padding: 5px 5px 5px 0;
       
   222 }
       
   223 
       
   224 #gallery-settings .title {
       
   225 	clear: both;
       
   226 	padding: 0 0 3px;
       
   227 	font-size: 1.6em;
       
   228 	border-bottom: 1px solid #DADADA;
       
   229 }
       
   230 
       
   231 h3.media-title  {
       
   232 	font-size: 1.6em;
       
   233 }
       
   234 
       
   235 h4.media-sub-title  {
       
   236 	border-bottom: 1px solid #DADADA;
       
   237 	font-size: 1.3em;
       
   238 	margin: 12px;
       
   239 	padding: 0 0 3px;
       
   240 }
       
   241 
       
   242 #gallery-settings .title,
       
   243 h3.media-title,
       
   244 h4.media-sub-title {
       
   245 	font-family: Georgia,"Times New Roman",Times,serif;
       
   246 	font-weight: normal;
       
   247 	color: #5A5A5A;
       
   248 }
       
   249 
       
   250 #gallery-settings .describe td {
       
   251 	vertical-align: middle;
       
   252 	height: 3em;
       
   253 }
       
   254 
       
   255 #gallery-settings .describe th.label {
       
   256 	padding-top: .5em;
       
   257 	text-align: left;
       
   258 }
       
   259 
       
   260 #gallery-settings .describe {
       
   261 	padding: 5px;
       
   262 	width: 615px;
       
   263 	clear: both;
       
   264 	cursor: default;
       
   265 }
       
   266 
       
   267 #gallery-settings .describe select {
       
   268 	width: 15em;
       
   269 }
       
   270 
       
   271 #gallery-settings .describe select option,
       
   272 #gallery-settings .describe td {
       
   273 	padding: 0;
       
   274 }
       
   275 
       
   276 #gallery-settings label,
       
   277 #gallery-settings legend {
       
   278 	font-size: 13px;
       
   279 	color: #464646;
       
   280 	margin-right: 15px;
       
   281 }
       
   282 
       
   283 #gallery-settings .align .field label {
       
   284 	margin: 0 1em 0 3px;
       
   285 }
       
   286 
       
   287 #gallery-settings p.ml-submit {
       
   288 	border-top: 1px solid #dfdfdf;
       
   289 }
       
   290 
       
   291 #gallery-settings select#columns {
       
   292 	width: 6em;
       
   293 }
       
   294 
       
   295 #sort-buttons {
       
   296 	font-size: 0.8em;
       
   297 	margin: 3px 25px -8px 0;
       
   298 	text-align: right;
       
   299 	max-width: 625px;
       
   300 }
       
   301 
       
   302 #sort-buttons a {
       
   303 	text-decoration: none;
       
   304 }
       
   305 
       
   306 #sort-buttons #asc,
       
   307 #sort-buttons #showall {
       
   308 	padding-left: 5px;
       
   309 }
       
   310 
       
   311 #sort-buttons span {
       
   312 	margin-right: 25px;
       
   313 }
       
   314 
       
   315 p.media-types {
       
   316 	margin: 1em;
       
   317 }
       
   318 
       
   319 tr.not-image {
       
   320 	display: none;
       
   321 }
       
   322 
       
   323 table.not-image tr.not-image {
       
   324 	display: table-row;
       
   325 }
       
   326 
       
   327 table.not-image tr.image-only {
       
   328 	display: none;
       
   329 }