web/wp-admin/css/global.css
branchwordpress
changeset 132 4d4862461b8d
parent 109 03b0d1493584
equal deleted inserted replaced
131:a4642baaf829 132:4d4862461b8d
     1 /* http://meyerweb.com/eric/tools/css/reset/ */
     1 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins{text-decoration:none;}del{text-decoration:line-through;}#wpwrap{height:auto;min-height:100%;width:100%;}#wpcontent{height:100%;padding-bottom:50px;}#wpbody{clear:both;margin-left:175px;}.folded #wpbody{margin-left:60px;}#wpbody-content{float:left;width:100%;}#adminmenu{float:left;clear:left;width:145px;margin-top:15px;margin-right:5px;margin-bottom:15px;margin-left:-160px;position:relative;padding:0;list-style:none;}.folded #adminmenu{margin-left:-45px;}.folded #adminmenu,.folded #adminmenu li.menu-top{width:28px;}#footer{clear:both;position:relative;width:100%;}.inner-sidebar{float:right;clear:right;display:none;width:281px;position:relative;}.inner-sidebar #side-sortables{width:280px;min-height:300px;}.has-right-sidebar .inner-sidebar{display:block;}.has-right-sidebar #post-body{float:left;clear:left;width:100%;margin-right:-340px;}.has-right-sidebar #post-body-content{margin-right:300px;}#col-container{overflow:hidden;padding:0;margin:0;}#col-left{padding:0;margin:0;overflow:hidden;width:39%;}#col-right{float:right;clear:right;overflow:hidden;padding:0;margin:0;width:59%;}.alignleft{float:left;}.alignright{float:right;}.textleft{text-align:left;}.textright{text-align:right;}.clear{clear:both;}.screen-reader-text,.screen-reader-text span{position:absolute;left:-1000em;height:1px;width:1px;overflow:hidden;}.hidden,.js .closed .inside,.js .hide-if-js,.no-js .hide-if-no-js{display:none;}input[type="text"],input[type="password"],textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}input[type="checkbox"],input[type="radio"]{vertical-align:middle;}html,body{height:100%;}body,td,textarea,input,select{font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;font-size:13px;}body,textarea{line-height:1.4em;}input,select{line-height:1em;}p{margin:1em 0;}blockquote{margin:1em;}label{cursor:pointer;}li,dd{margin-bottom:6px;}p,li,dl,dd,dt{line-height:140%;}textarea,input,select{margin:1px;padding:3px;}h1{display:block;font-size:2em;font-weight:bold;margin:.67em 0;}h2{display:block;font-size:1.5em;font-weight:bold;margin:.83em 0;}h3{display:block;font-size:1.17em;font-weight:bold;margin:1em 0;}h4{display:block;font-size:1em;font-weight:bold;margin:1.33em 0;}h5{display:block;font-size:.83em;font-weight:bold;margin:1.67em 0;}h6{display:block;font-size:.67em;font-weight:bold;margin:2.33em 0;}ul.ul-disc{list-style:disc outside;}ul.ul-square{list-style:square outside;}ol.ol-decimal{list-style:decimal outside;}ul.ul-disc,ul.ul-square,ol.ol-decimal{margin-left:1.8em;}ul.ul-disc>li,ul.ul-square>li,ol.ol-decimal>li{margin:0 0 .5em;}.subsubsub{list-style:none;margin:8px 0 5px;padding:0;white-space:nowrap;font-size:11px;float:left;}.subsubsub a{line-height:2;padding:.2em;text-decoration:none;}.subsubsub a .count,.subsubsub a.current .count{color:#999;font-weight:normal;}.subsubsub a.current{font-weight:bold;background:none;border:none;}.subsubsub li{display:inline;margin:0;padding:0;}.widefat{border-width:1px;border-style:solid;border-spacing:0;width:100%;clear:both;margin:0;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.widefat *{word-wrap:break-word;}.widefat a{text-decoration:none;}.widefat td,.widefat th{border-bottom-width:1px;border-bottom-style:solid;font-size:11px;}.widefat td{padding:3px 7px;vertical-align:top;}.widefat td p,.widefat td ol,.widefat td ul{font-size:11px;}.widefat th{padding:7px 7px 8px;text-align:left;line-height:1.3em;}.widefat th input{margin:0 0 0 8px;padding:0;vertical-align:text-top;}.widefat .check-column{width:2.2em;padding:0;}.widefat tbody th.check-column{padding:7px 0 22px;vertical-align:top;}.widefat .num,.column-comments,.column-links,.column-posts{text-align:center;}.widefat th#comments{vertical-align:middle;}.wrap{margin:0 15px 0 5px;}.updated,.error{border-width:1px;border-style:solid;padding:0 .6em;margin:5px 15px 2px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.updated p,.error p{margin:.5em 0;line-height:1;padding:2px;}.wrap .updated,.wrap .error{margin:5px 0 15px;}.wrap h2{font:italic normal normal 24px/29px Georgia,"Times New Roman","Bitstream Charter",Times,serif;margin:0;padding:14px 15px 3px 0;line-height:35px;text-shadow:rgba(255,255,255,1) 0 1px 0;}.wrap h2.long-header{padding-right:0;}
     2 /* v1.0 | 20080212 */
       
     3 
       
     4 html, body, div, span, applet, object, iframe,
       
     5 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
       
     6 a, abbr, acronym, address, big, cite, code,
       
     7 del, dfn, em, font, img, ins, kbd, q, s, samp,
       
     8 small, strike, strong, sub, sup, tt, var,
       
     9 b, u, i, center,
       
    10 dl, dt, dd, ol, ul, li,
       
    11 fieldset, form, label, legend,
       
    12 table, caption, tbody, tfoot, thead, tr, th, td {
       
    13 	margin: 0;
       
    14 	padding: 0;
       
    15 	border: 0;
       
    16 	outline: 0;
       
    17 /*	font-size: 100%;
       
    18 	vertical-align: baseline; */
       
    19 	background: transparent;
       
    20 }
       
    21 body {
       
    22 	line-height: 1;
       
    23 }
       
    24 ol, ul {
       
    25 	list-style: none;
       
    26 }
       
    27 blockquote, q {
       
    28 	quotes: none;
       
    29 }
       
    30 blockquote:before, blockquote:after,
       
    31 q:before, q:after {
       
    32 	content: '';
       
    33 	content: none;
       
    34 }
       
    35 
       
    36 /* remember to define focus styles! */
       
    37 /*
       
    38 :focus {
       
    39 	outline: 0;
       
    40 }
       
    41 */
       
    42 /* remember to highlight inserts somehow! */
       
    43 ins {
       
    44 	text-decoration: none;
       
    45 }
       
    46 del {
       
    47 	text-decoration: line-through;
       
    48 }
       
    49 
       
    50 /* tables still need 'cellspacing="0"' in the markup */
       
    51 /*
       
    52 table {
       
    53 	border-collapse: collapse;
       
    54 	border-spacing: 0;
       
    55 }
       
    56 */
       
    57 /* end reset css */
       
    58 
       
    59 
       
    60 /* 2 column liquid layout */
       
    61 #wpwrap {
       
    62 	height: auto;
       
    63 	min-height: 100%;
       
    64 	width: 100%;
       
    65 }
       
    66 
       
    67 #wpcontent {
       
    68 	height: 100%;
       
    69 	padding-bottom: 50px;
       
    70 }
       
    71 
       
    72 #wpbody {
       
    73 	clear: both;
       
    74 	margin-left: 175px;
       
    75 }
       
    76 
       
    77 .folded #wpbody {
       
    78 	margin-left: 60px;
       
    79 }
       
    80 
       
    81 #wpbody-content {
       
    82 	float: left;
       
    83 	width: 100%;
       
    84 }
       
    85 
       
    86 #adminmenu {
       
    87 	float: left;
       
    88 	clear: left;
       
    89 	width: 145px;
       
    90 	margin-top: 15px;
       
    91 	margin-right: 5px;
       
    92 	margin-bottom: 15px;
       
    93 	margin-left: -160px;
       
    94 	position: relative;
       
    95 	padding: 0;
       
    96 	list-style: none;
       
    97 }
       
    98 
       
    99 .folded #adminmenu {
       
   100 	margin-left: -45px;
       
   101 }
       
   102 
       
   103 .folded #adminmenu,
       
   104 .folded #adminmenu li.menu-top {
       
   105 	width: 28px;
       
   106 }
       
   107 
       
   108 #footer {
       
   109 	clear: both;
       
   110 	position: relative;
       
   111 	width: 100%;
       
   112 }
       
   113 
       
   114 /* inner 2 column liquid layout */
       
   115 .inner-sidebar {
       
   116 	float: right;
       
   117 	clear: right;
       
   118 	display: none;
       
   119 	width: 281px;
       
   120 	position: relative;
       
   121 }
       
   122 
       
   123 .inner-sidebar #side-sortables {
       
   124 	width: 280px;
       
   125 	min-height: 300px;
       
   126 }
       
   127 
       
   128 .has-right-sidebar .inner-sidebar {
       
   129 	display: block;
       
   130 }
       
   131 
       
   132 .has-right-sidebar #post-body {
       
   133 	float: left;
       
   134 	clear: left;
       
   135 	width: 100%;
       
   136 	margin-right: -340px;
       
   137 }
       
   138 
       
   139 .has-right-sidebar #post-body-content {
       
   140 	margin-right: 300px;
       
   141 }
       
   142 
       
   143 /* 2 columns main area */
       
   144 
       
   145 #col-container {
       
   146 	overflow: hidden;
       
   147 	padding: 0;
       
   148 	margin: 0;
       
   149 }
       
   150 
       
   151 #col-left {
       
   152 	padding: 0;
       
   153 	margin: 0;
       
   154 	overflow: hidden;
       
   155 	width: 39%;
       
   156 }
       
   157 
       
   158 #col-right {
       
   159 	float: right;
       
   160 	clear: right;
       
   161 	overflow: hidden;
       
   162 	padding: 0;
       
   163 	margin: 0;
       
   164 	width: 59%;
       
   165 }
       
   166 
       
   167 /* utility classes */
       
   168 .alignleft {
       
   169 	float: left;
       
   170 }
       
   171 
       
   172 .alignright {
       
   173 	float: right;
       
   174 }
       
   175 
       
   176 .textleft {
       
   177 	text-align: left;
       
   178 }
       
   179 
       
   180 .textright {
       
   181 	text-align: right;
       
   182 }
       
   183 
       
   184 .clear {
       
   185 	clear: both;
       
   186 }
       
   187 
       
   188 /* Hide visually but not from screen readers */
       
   189 .screen-reader-text,
       
   190 .screen-reader-text span {
       
   191 	position: absolute;
       
   192 	left: -1000em;
       
   193 	height: 1px;
       
   194 	width: 1px;
       
   195 	overflow: hidden;
       
   196 }
       
   197 
       
   198 .hidden,
       
   199 .js .closed .inside,
       
   200 .js .hide-if-js,
       
   201 .no-js .hide-if-no-js {
       
   202 	display: none;
       
   203 }
       
   204 
       
   205 /* include margin and padding in the width calculation of input and textarea */
       
   206 input[type="text"],
       
   207 input[type="password"],
       
   208 textarea {
       
   209 	-moz-box-sizing: border-box;
       
   210 	-webkit-box-sizing: border-box;
       
   211 	-ms-box-sizing: border-box; /* ie8 only */
       
   212 	box-sizing: border-box;
       
   213 }
       
   214 
       
   215 input[type="checkbox"],
       
   216 input[type="radio"] {
       
   217 	vertical-align: middle;
       
   218 }
       
   219 
       
   220 /* styles for use by people extending the WordPress interface */
       
   221 html,
       
   222 body {
       
   223 	height: 100%;
       
   224 }
       
   225 
       
   226 body,
       
   227 td,
       
   228 textarea,
       
   229 input,
       
   230 select {
       
   231 	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
       
   232 	font-size: 13px;
       
   233 }
       
   234 
       
   235 body,
       
   236 textarea {
       
   237 	line-height: 1.4em;
       
   238 }
       
   239 
       
   240 input,
       
   241 select {
       
   242 	line-height: 1em;
       
   243 }
       
   244 
       
   245 p {
       
   246 	margin: 1em 0;
       
   247 }
       
   248 
       
   249 blockquote {
       
   250 	margin: 1em;
       
   251 }
       
   252 
       
   253 label {
       
   254 	cursor: pointer;
       
   255 }
       
   256 
       
   257 li,
       
   258 dd {
       
   259 	margin-bottom: 6px;
       
   260 }
       
   261 
       
   262 p,
       
   263 li,
       
   264 dl,
       
   265 dd,
       
   266 dt {
       
   267 	line-height: 140%;
       
   268 }
       
   269 
       
   270 textarea,
       
   271 input,
       
   272 select {
       
   273 	margin: 1px;
       
   274 	padding: 3px;
       
   275 }
       
   276 
       
   277 h1 {
       
   278   display: block;
       
   279   font-size: 2em;
       
   280   font-weight: bold;
       
   281   margin: .67em 0;
       
   282 }
       
   283 
       
   284 h2 {
       
   285   display: block;
       
   286   font-size: 1.5em;
       
   287   font-weight: bold;
       
   288   margin: .83em 0;
       
   289 }
       
   290 
       
   291 h3 {
       
   292   display: block;
       
   293   font-size: 1.17em;
       
   294   font-weight: bold;
       
   295   margin: 1em 0;
       
   296 }
       
   297 
       
   298 h4 {
       
   299   display: block;
       
   300   font-size: 1em;
       
   301   font-weight: bold;
       
   302   margin: 1.33em 0;
       
   303 }
       
   304 
       
   305 h5 {
       
   306   display: block;
       
   307   font-size: 0.83em;
       
   308   font-weight: bold;
       
   309   margin: 1.67em 0;
       
   310 }
       
   311 
       
   312 h6 {
       
   313   display: block;
       
   314   font-size: 0.67em;
       
   315   font-weight: bold;
       
   316   margin: 2.33em 0;
       
   317 }
       
   318 
       
   319 ul.ul-disc {
       
   320 	list-style: disc outside;
       
   321 }
       
   322 
       
   323 ul.ul-square {
       
   324 	list-style: square outside;
       
   325 }
       
   326 
       
   327 ol.ol-decimal {
       
   328 	list-style: decimal outside;
       
   329 }
       
   330 
       
   331 ul.ul-disc,
       
   332 ul.ul-square,
       
   333 ol.ol-decimal {
       
   334 	margin-left: 1.8em;
       
   335 }
       
   336 
       
   337 ul.ul-disc > li,
       
   338 ul.ul-square > li,
       
   339 ol.ol-decimal > li {
       
   340 	margin: 0 0 0.5em;
       
   341 }
       
   342 
       
   343 .subsubsub {
       
   344 	list-style: none;
       
   345 	margin: 8px 0 5px;
       
   346 	padding: 0;
       
   347 	white-space: nowrap;
       
   348 	font-size: 11px;
       
   349 	float: left;
       
   350 }
       
   351 
       
   352 .subsubsub a {
       
   353 	line-height: 2;
       
   354 	padding: .2em;
       
   355 	text-decoration: none;
       
   356 }
       
   357 
       
   358 .subsubsub a .count, .subsubsub a.current .count {
       
   359 	color: #999;
       
   360 	font-weight: normal;
       
   361 }
       
   362 
       
   363 .subsubsub a.current {
       
   364 	font-weight: bold;
       
   365 	background: none;
       
   366 	border: none;
       
   367 }
       
   368 
       
   369 .subsubsub li {
       
   370 	display: inline;
       
   371 	margin: 0;
       
   372 	padding: 0;
       
   373 }
       
   374 
       
   375 .widefat {
       
   376 	border-width: 1px;
       
   377 	border-style: solid;
       
   378 	border-spacing: 0;
       
   379 	width: 100%;
       
   380 	clear: both;
       
   381 	margin: 0;
       
   382 	-moz-border-radius: 4px;
       
   383 	-khtml-border-radius: 4px;
       
   384 	-webkit-border-radius: 4px;
       
   385 	border-radius: 4px;
       
   386 }
       
   387 
       
   388 .widefat * {
       
   389 	word-wrap: break-word;
       
   390 }
       
   391 
       
   392 .widefat a {
       
   393 	text-decoration: none;
       
   394 }
       
   395 
       
   396 .widefat td,
       
   397 .widefat th {
       
   398 	border-bottom-width: 1px;
       
   399 	border-bottom-style: solid;
       
   400 	font-size: 11px;
       
   401 	vertical-align: text-top;
       
   402 }
       
   403 
       
   404 .widefat td {
       
   405 	padding: 3px 7px;
       
   406 	vertical-align: top;
       
   407 }
       
   408 
       
   409 .widefat td p,
       
   410 .widefat td ol,
       
   411 .widefat td ul {
       
   412 	font-size: 11px;
       
   413 }
       
   414 
       
   415 .widefat th {
       
   416 	padding: 7px 7px 8px;
       
   417 	text-align: left;
       
   418 	line-height: 1.3em;
       
   419 }
       
   420 
       
   421 .widefat th input {
       
   422 	margin: 0 0 0 8px;
       
   423 	padding: 0;
       
   424 	vertical-align: text-top;
       
   425 }
       
   426 
       
   427 .widefat .check-column {
       
   428 	width: 2.2em;
       
   429 	padding: 0;
       
   430 
       
   431 }
       
   432 
       
   433 .widefat tbody th.check-column {
       
   434 	padding: 7px 0 22px;
       
   435 }
       
   436 
       
   437 .widefat .num,
       
   438 .column-comments,
       
   439 .column-links,
       
   440 .column-posts,
       
   441 .column-parent {
       
   442 	text-align: center;
       
   443 }
       
   444 
       
   445 .widefat th#comments {
       
   446 	vertical-align: middle;
       
   447 }
       
   448 
       
   449 .wrap {
       
   450 	margin: 0 15px 0 5px;
       
   451 }
       
   452 
       
   453 .updated,
       
   454 .error {
       
   455 	border-width: 1px;
       
   456 	border-style: solid;
       
   457 	padding: 0 0.6em;
       
   458 	margin: 5px 15px 2px;
       
   459 	-moz-border-radius: 3px;
       
   460 	-khtml-border-radius: 3px;
       
   461 	-webkit-border-radius: 3px;
       
   462 	border-radius: 3px;
       
   463 }
       
   464 
       
   465 .updated p,
       
   466 .error p {
       
   467 	margin: 0.5em 0;
       
   468 	line-height: 1;
       
   469 	padding: 2px;
       
   470 }
       
   471 
       
   472 .wrap .updated,
       
   473 .wrap .error {
       
   474 	margin: 5px 0 15px;
       
   475 }
       
   476 
       
   477 .wrap h2 {
       
   478 	font: italic normal normal 24px/29px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
       
   479 	margin: 0;
       
   480 	padding: 14px 15px 3px 0;
       
   481 	line-height: 35px;
       
   482 	text-shadow: rgba(255,255,255,1) 0px 1px 0px;
       
   483 }
       
   484 
       
   485 .wrap h2.long-header {
       
   486 	padding-right: 0;
       
   487 }