web/wp-content/themes/classic/style.css
changeset 136 bde1974c263b
equal deleted inserted replaced
135:53cff4b4a802 136:bde1974c263b
       
     1 /*
       
     2 Theme Name: WordPress Classic
       
     3 Theme URI: http://wordpress.org/
       
     4 Description: The original WordPress theme that graced versions 1.2.x and prior.
       
     5 Version: 1.5
       
     6 Author: Dave Shea
       
     7 Tags: mantle color, variable width, two columns, widgets
       
     8 
       
     9 Default WordPress by Dave Shea || http://mezzoblue.com
       
    10 Modifications by Matthew Mullenweg || http://photomatt.net
       
    11 This is just a basic layout, with only the bare minimum defined.
       
    12 Please tweak this and make it your own. :)
       
    13 */
       
    14 
       
    15 .screen-reader-text { 
       
    16 	position: absolute; 
       
    17 	left: -1000em; 
       
    18 }
       
    19 
       
    20 a {
       
    21 	color: #675;
       
    22 }
       
    23 
       
    24 a img {
       
    25 	border: none;
       
    26 }
       
    27 
       
    28 a:visited {
       
    29 	color: #342;
       
    30 }
       
    31 
       
    32 a:hover {
       
    33 	color: #9a8;
       
    34 }
       
    35 
       
    36 acronym, abbr {
       
    37 	border-bottom: 1px dashed #333;
       
    38 }
       
    39 
       
    40 acronym, abbr, span.caps {
       
    41 	font-size: 90%;
       
    42 	letter-spacing: .07em;
       
    43 }
       
    44 
       
    45 acronym, abbr {
       
    46 	cursor: help;
       
    47 }
       
    48 
       
    49 blockquote {
       
    50 	border-left: 5px solid #ccc;
       
    51 	margin-left: 1.5em;
       
    52 	padding-left: 5px;
       
    53 }
       
    54 
       
    55 body {
       
    56 	background: #fff;
       
    57 	border: 2px solid #565;
       
    58 	border-bottom: 1px solid #565;
       
    59 	border-top: 3px solid #565;
       
    60 	color: #000;
       
    61 	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
       
    62 	margin: 0;
       
    63 	padding: 0;
       
    64 }
       
    65 
       
    66 cite {
       
    67 	font-size: 90%;
       
    68 	font-style: normal;
       
    69 }
       
    70 
       
    71 h2 {
       
    72 	border-bottom: 1px dotted #ccc;
       
    73 	font: 95% "Times New Roman", Times, serif;
       
    74 	letter-spacing: 0.2em;
       
    75 	margin: 15px 0 2px 0;
       
    76 	padding-bottom: 2px;
       
    77 }
       
    78 
       
    79 h3 {
       
    80 	border-bottom: 1px dotted #eee;
       
    81 	font-family: "Times New Roman", Times, serif;
       
    82 	margin-top: 0;
       
    83 }
       
    84 
       
    85 ol#comments li p {
       
    86 	font-size: 100%;
       
    87 }
       
    88 
       
    89 p, li, .feedback {
       
    90 	font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
       
    91 	letter-spacing: -1px;
       
    92 }
       
    93 
       
    94 /* classes used by the_meta() */
       
    95 ul.post-meta {
       
    96 	list-style: none;
       
    97 }
       
    98 
       
    99 ul.post-meta span.post-meta-key {
       
   100 	font-weight: bold;
       
   101 }
       
   102 
       
   103 .credit {
       
   104 	background: #90a090;
       
   105 	border-top: 3px double #aba;
       
   106 	color: #fff;
       
   107 	font-size: 11px;
       
   108 	margin: 10px 0 0 0;
       
   109 	padding: 3px;
       
   110 	text-align: center;
       
   111 }
       
   112 
       
   113 .credit a:link, .credit a:hover {
       
   114 	color: #fff;
       
   115 }
       
   116 
       
   117 .feedback {
       
   118 	color: #ccc;
       
   119 	text-align: right;
       
   120 	clear: both;
       
   121 }
       
   122 
       
   123 .meta {
       
   124 	font-size: .75em;
       
   125 }
       
   126 
       
   127 .meta li, ul.post-meta li {
       
   128 	display: inline;
       
   129 }
       
   130 
       
   131 .meta ul {
       
   132 	display: inline;
       
   133 	list-style: none;
       
   134 	margin: 0;
       
   135 	padding: 0;
       
   136 }
       
   137 
       
   138 .meta, .meta a {
       
   139 	color: #808080;
       
   140 	font-weight: normal;
       
   141 	letter-spacing: 0;
       
   142 }
       
   143 
       
   144 .storytitle {
       
   145 	margin: 0;
       
   146 }
       
   147 
       
   148 .storytitle a {
       
   149 	text-decoration: none;
       
   150 }
       
   151 
       
   152 #commentform #author, #commentform #email, #commentform #url, #commentform textarea {
       
   153 	background: #fff;
       
   154 	border: 1px solid #333;
       
   155 	padding: .2em;
       
   156 }
       
   157 
       
   158 #commentform textarea {
       
   159 	width: 100%;
       
   160 }
       
   161 
       
   162 #commentlist li ul {
       
   163 	border-left: 1px solid #ddd;
       
   164 	font-size: 110%;
       
   165 	list-style-type: none;
       
   166 }
       
   167 
       
   168 #commentlist li .avatar {
       
   169 	float: right;
       
   170 	margin-right: 25px;
       
   171 	border: 1px dotted #ccc;
       
   172 	padding: 2px;
       
   173 }
       
   174 
       
   175 #content {
       
   176 	margin: 30px 13em 0 3em;
       
   177 	padding-right: 60px;
       
   178 }
       
   179 
       
   180 #header {
       
   181 	background: #90a090;
       
   182 	border-bottom: 3px double #aba;
       
   183 	border-left: 1px solid #9a9;
       
   184 	border-right: 1px solid #565;
       
   185 	border-top: 1px solid #9a9;
       
   186 	font: italic normal 230% 'Times New Roman', Times, serif;
       
   187 	letter-spacing: 0.2em;
       
   188 	margin: 0;
       
   189 	padding: 15px 10px 15px 60px;
       
   190 }
       
   191 
       
   192 #header a {
       
   193 	color: #fff;
       
   194 	text-decoration: none;
       
   195 }
       
   196 
       
   197 #header a:hover {
       
   198 	text-decoration: underline;
       
   199 }
       
   200 
       
   201 #menu {
       
   202 	background: #fff;
       
   203 	border-left: 1px dotted #ccc;
       
   204 	border-top: 3px solid #e0e6e0;
       
   205 	padding: 20px 0 10px 30px;
       
   206 	position: absolute;
       
   207 	right: 2px;
       
   208 	top: 0;
       
   209 	width: 11em;
       
   210 }
       
   211 
       
   212 #menu form {
       
   213 	margin: 0 0 0 13px;
       
   214 }
       
   215 
       
   216 #menu input#s {
       
   217 	width: 80%;
       
   218 	background: #eee;
       
   219 	border: 1px solid #999;
       
   220 	color: #000;
       
   221 }
       
   222 
       
   223 #menu ul {
       
   224 	color: #ccc;
       
   225 	font-weight: bold;
       
   226 	list-style-type: none;
       
   227 	margin: 0;
       
   228 	padding-left: 3px;
       
   229 	text-transform: lowercase;
       
   230 }
       
   231 
       
   232 #menu ul li {
       
   233 	font: italic normal 110% 'Times New Roman', Times, serif;
       
   234 	letter-spacing: 0.1em;
       
   235 	margin-top: 10px;
       
   236 	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
       
   237 }
       
   238 
       
   239 #menu ul ul {
       
   240 	font-variant: normal;
       
   241 	font-weight: normal;
       
   242 	line-height: 100%;
       
   243 	list-style-type: none;
       
   244 	margin: 0;
       
   245 	padding: 0;
       
   246 	text-align: left;
       
   247 }
       
   248 
       
   249 #menu ul ul li {
       
   250 	border: 0;
       
   251 	font: normal normal 12px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
       
   252 	letter-spacing: 0;
       
   253 	margin-top: 0;
       
   254 	padding: 0;
       
   255 	padding-left: 12px;
       
   256 }
       
   257 
       
   258 #menu ul ul li a {
       
   259 	color: #000;
       
   260 	text-decoration: none;
       
   261 }
       
   262 
       
   263 #menu ul ul li a:hover {
       
   264 	border-bottom: 1px solid #809080;
       
   265 }
       
   266 
       
   267 #menu ul ul ul.children {
       
   268 	font-size: 142%;
       
   269 	padding-left: 4px;
       
   270 }
       
   271 
       
   272 #wp-calendar {
       
   273 	border: 1px solid #ddd;
       
   274 	empty-cells: show;
       
   275 	font-size: 14px;
       
   276 	margin: 0;
       
   277 	width: 90%;
       
   278 }
       
   279 
       
   280 #wp-calendar #next a {
       
   281 	padding-right: 10px;
       
   282 	text-align: right;
       
   283 }
       
   284 
       
   285 #wp-calendar #prev a {
       
   286 	padding-left: 10px;
       
   287 	text-align: left;
       
   288 }
       
   289 
       
   290 #wp-calendar a {
       
   291 	display: block;
       
   292 	text-decoration: none;
       
   293 }
       
   294 
       
   295 #wp-calendar a:hover {
       
   296 	background: #e0e6e0;
       
   297 	color: #333;
       
   298 }
       
   299 
       
   300 #wp-calendar caption {
       
   301 	color: #999;
       
   302 	font-size: 16px;
       
   303 	text-align: left;
       
   304 }
       
   305 
       
   306 #wp-calendar td {
       
   307 	color: #ccc;
       
   308 	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
       
   309 	letter-spacing: normal;
       
   310 	padding: 2px 0;
       
   311 	text-align: center;
       
   312 }
       
   313 
       
   314 #wp-calendar td.pad:hover {
       
   315 	background: #fff;
       
   316 }
       
   317 
       
   318 #wp-calendar td:hover, #wp-calendar #today {
       
   319 	background: #eee;
       
   320 	color: #bbb;
       
   321 }
       
   322 
       
   323 #wp-calendar th {
       
   324 	font-style: normal;
       
   325 	text-transform: capitalize;
       
   326 }
       
   327 
       
   328 /* Captions & aligment */
       
   329 .aligncenter,
       
   330 div.aligncenter {
       
   331 	display: block;
       
   332 	margin-left: auto;
       
   333 	margin-right: auto;
       
   334 }
       
   335 
       
   336 .alignleft {
       
   337 	float: left;
       
   338 }
       
   339 
       
   340 .alignright {
       
   341 	float: right;
       
   342 }
       
   343 
       
   344 .wp-caption {
       
   345 	border: 1px solid #ddd;
       
   346 	text-align: center;
       
   347 	background-color: #f3f3f3;
       
   348 	padding-top: 4px;
       
   349 	margin: 10px;
       
   350 	-moz-border-radius: 3px;
       
   351 	-khtml-border-radius: 3px;
       
   352 	-webkit-border-radius: 3px;
       
   353 	border-radius: 3px;
       
   354 }
       
   355 
       
   356 .wp-caption img {
       
   357 	margin: 0;
       
   358 	padding: 0;
       
   359 	border: 0 none;
       
   360 }
       
   361 
       
   362 .wp-caption p.wp-caption-text {
       
   363 	font-size: 11px;
       
   364 	line-height: 17px;
       
   365 	padding: 0 4px 5px;
       
   366 	margin: 0;
       
   367 }
       
   368 /* End captions & aligment */