web/wp-content/themes/elegant-box/styles/black/default.css
changeset 1 0d28b7c10758
equal deleted inserted replaced
0:0d9a58d2c515 1:0d28b7c10758
       
     1 body {
       
     2 	background:#393939;
       
     3 	color:#BABABA;
       
     4 }
       
     5 blockquote, pre {
       
     6 	background:#525252;
       
     7 	border-left:5px solid #3E3E3E;
       
     8 	border-bottom:1px solid #525252;
       
     9 	padding:5px 10px 4px 10px;
       
    10 }
       
    11 a {
       
    12 	color:#EEEEEC;
       
    13 }
       
    14 textarea, .textfield {
       
    15 	border:1px solid #3E3E3E;
       
    16 	padding:3px;
       
    17 	font-size:12px;
       
    18 }
       
    19 textarea {
       
    20 	background:#838383 url(textarea_background.png) repeat-x;
       
    21 	color:#FFF;
       
    22 }
       
    23 .textfield {
       
    24 	background:#686868 url(textfield_background.png) repeat-x;
       
    25 	color:#FFF;
       
    26 }
       
    27 .valid {
       
    28 	color:#fff;
       
    29 }
       
    30 .invalid {
       
    31 	color:#b8b8b8;
       
    32 }
       
    33 .button, 
       
    34 a#cancel-comment-reply-link {
       
    35 	background:#3F3F3F;
       
    36 	border-color:#737373 #272727 #272727 #737373;
       
    37 	color:#898989 !important;
       
    38 	color:#DDD;
       
    39 }
       
    40 .button:hover, 
       
    41 a#cancel-comment-reply-link:hover {
       
    42 	background:#333;
       
    43 	border-color:#272727 #333 #333 #272727;
       
    44 	color:#DDD !important;
       
    45 }
       
    46 .sided, 
       
    47 .wp-caption {
       
    48 	background:#525252;
       
    49 	border:1px solid #2F2F2F;
       
    50 }
       
    51 a .sided:hover {
       
    52 	background:#787878;
       
    53 }
       
    54 .boxcaption, 
       
    55 .box, 
       
    56 #related_posts, 
       
    57 #related_posts ul li {
       
    58 	border-color:#3E3E3E;
       
    59 	background:#525252;
       
    60 }
       
    61 .boxcaption h3, 
       
    62 #related_posts h3 {
       
    63 	background:#3E3E3E;
       
    64 }
       
    65 .messagebox .content {
       
    66 	background:#525252;
       
    67 }
       
    68 .bottom_separator {
       
    69 	border-bottom:1px dashed #787878;
       
    70 }
       
    71 
       
    72 /* header START */
       
    73 #header {
       
    74 	border-bottom:1px solid #343434;
       
    75 }
       
    76 #header .inner {
       
    77 	background:#4f4f4f;
       
    78 	border-bottom:1px solid #606060;
       
    79 }
       
    80 #header .caption {
       
    81 	border-color:#3E3E3E;
       
    82 }
       
    83 #title a {
       
    84 	color:#999;
       
    85 	text-decoration:none;
       
    86 }
       
    87 #title a:hover {
       
    88 	color:#CCC;
       
    89 }
       
    90 #tagline {
       
    91 	color:#787878;
       
    92 }
       
    93 #navigation li a {
       
    94 	border-color:#777;
       
    95 }
       
    96 #searchbox .textfield {
       
    97 	background:#fff url(search_background.gif) no-repeat left;
       
    98 	background-position:0 0 !important;
       
    99 	background-position:0 -21px;
       
   100 }
       
   101 #searchbox .textfield:focus {
       
   102 	background-position:0 -21px !important;
       
   103 }
       
   104 #searchbox .searchtip {
       
   105 	color:#999;
       
   106 }
       
   107 #navigation li a#feed img {
       
   108 	background-image:url(feed_switch.gif);
       
   109 }
       
   110 #navigation li a#twitter img {
       
   111 	background-image:url(twitter_switch.gif);
       
   112 }
       
   113 /* header END */
       
   114 
       
   115 /* submenu START */
       
   116 #navigation li ul {
       
   117 	background:#606060;
       
   118 	border-color:#393939;
       
   119 }
       
   120 /* submenu END */
       
   121 
       
   122 /* main START */
       
   123 #container {
       
   124 	background:#525252 url(background.jpg) repeat;
       
   125 }
       
   126 #content {
       
   127 	background:#606060 url(content_background.gif) repeat-y top right;
       
   128 	border-top:1px solid #393939;
       
   129 	border-left:1px solid #393939;
       
   130 	border-bottom:1px solid #2F2F2F;
       
   131 	border-right:1px solid #2F2F2F;
       
   132 }
       
   133 #bottom .postnav {
       
   134 	border-top:1px dashed #787878;
       
   135 }
       
   136 #bottom .anchor span {
       
   137 	background:url(go_top.gif) no-repeat left center;
       
   138 }
       
   139 #notice {
       
   140 	border:1px solid #393939;
       
   141 }
       
   142 #notice .inner {
       
   143 	background:#4B4B4B;
       
   144 	border-top:1px solid #787878;
       
   145 	border-right:1px solid #515151;
       
   146 	border-bottom:1px solid #515151;
       
   147 	border-left:1px solid #787878;
       
   148 }
       
   149 #notice .icon {
       
   150 	background:url(notice.gif) no-repeat top left;
       
   151 }
       
   152 #notice .content .separator {
       
   153 	border-right:1px solid #787878;
       
   154 }
       
   155 #main {
       
   156 	padding-right:14px;
       
   157 	padding-left:14px;
       
   158 	border-top:1px solid #787878;
       
   159 	border-left:1px solid #787878;
       
   160 	border-right:1px solid #2F2F2F;
       
   161 }
       
   162 .post .title h2 {
       
   163 	color:#EEEEEC;
       
   164 	padding-bottom:3px;
       
   165 	border-bottom:1px solid #494949;
       
   166 }
       
   167 .post .comments {
       
   168 	background:url(comment.gif) no-repeat bottom left;
       
   169 }
       
   170 .post .title a {
       
   171 	color:#EEEEEC;
       
   172 	text-decoration:none;
       
   173 }
       
   174 .post .title a:hover {
       
   175 	color:#CCC;
       
   176 }
       
   177 .post .info {
       
   178 	border-top:1px solid #787878;
       
   179 }
       
   180 .post .content table {
       
   181 	background:#666;
       
   182 	border-color:#2A2A2A;
       
   183 }
       
   184 .post .content th, 
       
   185 .post .content td {
       
   186 	border-color:#2A2A2A;
       
   187 }
       
   188 .post .content tr.even td {
       
   189 	background:#555;
       
   190 }
       
   191 .post .content th {
       
   192 	background:#444;
       
   193 }
       
   194 /* main END */
       
   195 
       
   196 /* sidebar START */
       
   197 #sidebar {
       
   198 	background:#4b4b4b;
       
   199 	border-top:1px solid #787878;
       
   200 	border-left:1px solid #787878;
       
   201 }
       
   202 #sidebar h3, 
       
   203 .widget .showcase {
       
   204 	background:#525252;
       
   205 }
       
   206 #sidebar a h3 {
       
   207 	color:#BABABA;
       
   208 }
       
   209 #styleswitcher, #sidebar a:hover h3 {
       
   210 	background:#686868;
       
   211 }
       
   212 #styleswitcher span.color {
       
   213 	background:#4f4f4f;
       
   214 	border:1px solid #aaa;
       
   215 }
       
   216 #styleswitcher #style-black {
       
   217 	margin-top:0px;
       
   218 }
       
   219 #styleswitcher #style-black a img {
       
   220 	background:#4f4f4f;
       
   221 	width:12px;
       
   222 	height:12px;
       
   223 }
       
   224 .widget ul li {
       
   225 	border-bottom:1px solid #525252;
       
   226 }
       
   227 .widget ul li ul li {
       
   228 	border-top:1px solid #525252;
       
   229 }
       
   230 .sidedate {
       
   231 	color:#999;
       
   232 }
       
   233 /* sidebar END */
       
   234 
       
   235 /* footer START */
       
   236 #footer {
       
   237 	border-top:1px solid #343434;
       
   238 }
       
   239 #footer .inner {
       
   240 	background:#393939;
       
   241 	border-top:1px solid #494949;
       
   242 }
       
   243 /* footer END */
       
   244 
       
   245 /* comments START */
       
   246 .commentlist .comment {
       
   247 	background:#464646;
       
   248 	border-color:#393939;
       
   249 }
       
   250 .userinfo {
       
   251 	background:#3E3E3E;
       
   252 	border-bottom:1px solid #393939;
       
   253 }
       
   254 .userinfo .userpic img {
       
   255 	border:1px solid #FFF;
       
   256 	background-color:#FFF;
       
   257 }
       
   258 #comments_rss {
       
   259 	background:url(feed.gif) no-repeat top left;
       
   260 }
       
   261 #trackbacks {
       
   262 	border-color:#2F2F2F;
       
   263 }
       
   264 #trackbacks .caption {
       
   265 	background:#525252;
       
   266 }
       
   267 #trackbacks li {
       
   268 	border-color:#3E3E3E;
       
   269 }
       
   270 /* comment END */
       
   271 
       
   272 /* calendar START */
       
   273 #calendar_wrap {
       
   274 	background:#525252;
       
   275 }
       
   276 #wp-calendar th {
       
   277 	background:#686868;
       
   278 }
       
   279 /* calendar END */
       
   280 
       
   281 /* wp-pagenavi START */
       
   282 .wp-pagenavi a:hover {
       
   283 	background:#686868;
       
   284 }
       
   285 .wp-pagenavi span.current {
       
   286 	background:#525252;
       
   287 }
       
   288 /* wp-pagenavi END */
       
   289 
       
   290 /* wp-recentcomments START */
       
   291 .rc_item .rc_avatar img {
       
   292 	background:#FFF;
       
   293 	border-color:#FFF;
       
   294 }
       
   295 /* wp-recentcomments END */
       
   296 
       
   297 /* wp-syntax START */
       
   298 .wp_syntax {
       
   299 	color:#333;
       
   300 	background:#CCC;
       
   301 	border:1px solid #999;
       
   302 }
       
   303 .wp_syntax .line_numbers {
       
   304 	color:#FFF;
       
   305 	background:#999;
       
   306 }
       
   307 /* wp-syntax END */