web/wp-admin/css/media.dev.css
changeset 194 32102edaa81b
parent 136 bde1974c263b
equal deleted inserted replaced
193:2f6f6f7551ca 194:32102edaa81b
       
     1 /* Styles for the media library iframe (not used on the Library screen) */
       
     2 
     1 div#media-upload-header {
     3 div#media-upload-header {
     2 	margin: 0;
     4 	margin: 0;
     3 	padding: 0 5px;
     5 	padding: 5px 5px 0;
     4 	font-weight: bold;
     6 	font-weight: bold;
     5 	position: relative;
     7 	position: relative;
     6 	border-bottom-width: 1px;
     8 	border-bottom-width: 1px;
     7 	border-bottom-style: solid;
     9 	border-bottom-style: solid;
     8 	height: 2.5em;
       
     9 }
    10 }
    10 
    11 
    11 body#media-upload ul#sidemenu {
    12 body#media-upload ul#sidemenu {
    12 	font-weight: normal;
    13 	font-weight: normal;
    13 	margin: 0 5px;
    14 	margin: 0 5px;
    14 	position: absolute;
    15 	left: 0;
    15 	left: 0px;
       
    16 	bottom: -1px;
    16 	bottom: -1px;
    17 }
    17 	float: none;
    18 
    18 	overflow: hidden;
    19 div#media-upload-error {
       
    20 	margin: 1em;
       
    21 	font-weight: bold;
       
    22 }
    19 }
    23 
    20 
    24 form {
    21 form {
    25 	margin: 1em;
    22 	margin: 1em;
    26 }
    23 }
    32 th {
    29 th {
    33 	position: relative;
    30 	position: relative;
    34 }
    31 }
    35 
    32 
    36 .media-upload-form label.form-help, td.help {
    33 .media-upload-form label.form-help, td.help {
    37 	font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
    34 	font-family: sans-serif;
    38 	font-style: italic;
    35 	font-style: italic;
    39 	font-weight: normal;
    36 	font-weight: normal;
    40 }
    37 }
    41 
    38 
    42 .media-upload-form p.help {
    39 .media-upload-form p.help {
    52 	padding: 0;
    49 	padding: 0;
    53 }
    50 }
    54 
    51 
    55 /* specific to the image upload form */
    52 /* specific to the image upload form */
    56 
    53 
    57 
       
    58 .image-align-none-label {
    54 .image-align-none-label {
    59 	background: url(../images/align-none.png) no-repeat center left;
    55 	background: url(../images/align-none.png) no-repeat center left;
    60 }
    56 }
    61 
    57 
    62 .image-align-left-label {
    58 .image-align-left-label {
    74 tr.image-size td {
    70 tr.image-size td {
    75 	width: 460px;
    71 	width: 460px;
    76 }
    72 }
    77 
    73 
    78 tr.image-size div.image-size-item {
    74 tr.image-size div.image-size-item {
    79 	float: left;
    75 	margin: 0 0 5px;
    80 	width: 25%;
       
    81 	margin: 0;
       
    82 }
    76 }
    83 
    77 
    84 #library-form .progress,
    78 #library-form .progress,
    85 #gallery-form .progress,
    79 #gallery-form .progress,
    86 #flash-upload-ui,
       
    87 .insert-gallery,
    80 .insert-gallery,
    88 .describe.startopen,
    81 .describe.startopen,
    89 .describe.startclosed {
    82 .describe.startclosed {
    90 	display: none;
    83 	display: none;
    91 }
    84 }
    97 
    90 
    98 thead.media-item-info tr {
    91 thead.media-item-info tr {
    99 	background-color: transparent;
    92 	background-color: transparent;
   100 }
    93 }
   101 
    94 
   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 {
    95 .form-table thead.media-item-info {
   109 	border: 8px solid #fff;
    96 	border: 8px solid #fff;
   110 }
    97 }
   111 
    98 
   112 abbr.required {
    99 abbr.required {
   114 	border: none;
   101 	border: none;
   115 }
   102 }
   116 
   103 
   117 .describe label {
   104 .describe label {
   118 	display: inline;
   105 	display: inline;
   119 }
       
   120 
       
   121 .describe td {
       
   122 	vertical-align: middle;
       
   123 	padding: 0 5px 8px 0;
       
   124 }
   106 }
   125 
   107 
   126 .describe td.error {
   108 .describe td.error {
   127 	padding: 2px 8px;
   109 	padding: 2px 8px;
   128 }
   110 }
   136 	width: 460px;
   118 	width: 460px;
   137 	border-width: 1px;
   119 	border-width: 1px;
   138 	border-style: solid;
   120 	border-style: solid;
   139 }
   121 }
   140 
   122 
   141 .hidden {
       
   142 	height: 0;
       
   143 	width: 0;
       
   144 	overflow: hidden;
       
   145 	border: none;
       
   146 }
       
   147 
       
   148 /* Specific to Uploader */
   123 /* Specific to Uploader */
   149 
   124 
   150 #media-upload p.ml-submit {
   125 #media-upload p.ml-submit {
   151 	padding: 1em 0;
   126 	padding: 1em 0;
   152 }
   127 }
   153 
   128 
   154 #media-upload p.help,
   129 #media-upload p.help,
   155 #media-upload label.help {
   130 #media-upload label.help {
   156 	font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
   131 	font-family: sans-serif;
   157 	font-style: italic;
   132 	font-style: italic;
   158 	font-weight: normal;
   133 	font-weight: normal;
   159 }
   134 }
   160 
   135 
   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 {
   136 #media-upload .ui-sortable .media-item {
   180 	cursor: move;
   137 	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 }
   138 }
   210 
   139 
   211 #media-upload tr.image-size {
   140 #media-upload tr.image-size {
   212 	margin-bottom: 1em;
   141 	margin-bottom: 1em;
   213 	height: 3em;
   142 	height: 3em;
   350 	color: #464646;
   279 	color: #464646;
   351 	margin-right: 15px;
   280 	margin-right: 15px;
   352 }
   281 }
   353 
   282 
   354 #gallery-settings .align .field label {
   283 #gallery-settings .align .field label {
   355 	margin: 0 1.5em 0 0;
   284 	margin: 0 1em 0 3px;
   356 }
   285 }
   357 
   286 
   358 #gallery-settings p.ml-submit {
   287 #gallery-settings p.ml-submit {
   359 	border-top: 1px solid #dfdfdf;
   288 	border-top: 1px solid #dfdfdf;
   360 }
   289 }
   380 }
   309 }
   381 
   310 
   382 #sort-buttons span {
   311 #sort-buttons span {
   383 	margin-right: 25px;
   312 	margin-right: 25px;
   384 }
   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 }