web/wp-content/themes/bgw/style.css
changeset 1 0d28b7c10758
equal deleted inserted replaced
0:0d9a58d2c515 1:0d28b7c10758
       
     1 /*
       
     2 Theme Name: BGW
       
     3 Theme URI: http://www.simplewpthemes.com
       
     4 Description: 3 sidebar theme, simple & clean
       
     5 Version: 1.0
       
     6 Author: sin2384
       
     7 Author URI: http://www.simplewpthemes.com
       
     8 Tags: gray, fixed width, two columns, widgetized
       
     9 */
       
    10 @import url("css/comments.css");
       
    11 @import url("css/reset.css");
       
    12 @import url("css/superfish.css");
       
    13 @import url("css/featuredcats.css");
       
    14 * {
       
    15   margin: 0;
       
    16   padding: 0;
       
    17 }
       
    18 /***************LINKS*************************/
       
    19 
       
    20 a:link, a:visited {
       
    21   color: #B40000;
       
    22   text-decoration: none;
       
    23 }
       
    24 
       
    25 a:hover {
       
    26   color: #000;
       
    27 }
       
    28 /***************END LINKS*************************/
       
    29 
       
    30 html body {
       
    31   background: #a6a6a5;
       
    32   font-size: 12px;
       
    33   font-family: Tahoma;
       
    34 }
       
    35 
       
    36 /***************LAYOUT*************************/
       
    37 
       
    38 #mainwrap {
       
    39   margin: 0 auto;
       
    40   width: 960px;
       
    41   clear: both;
       
    42 }
       
    43 #header {
       
    44   width: 100%;
       
    45   height: 133px;
       
    46   background: url(images/header.gif) repeat-x;
       
    47 }
       
    48 #headin {
       
    49   margin: 0 auto;
       
    50   width: 960px;
       
    51 }
       
    52 
       
    53 
       
    54 #blogtitle {
       
    55   color: #fff;
       
    56   text-transform: uppercase;
       
    57   float: left;
       
    58   position: relative;
       
    59   top: 10px;
       
    60   left: 0px;
       
    61 }
       
    62 #heading {
       
    63   color: #fff;
       
    64 }
       
    65 
       
    66 .description {
       
    67   text-transform: none;
       
    68   margin-left: 7px;
       
    69   margin-bottom: 24px;
       
    70 
       
    71 }
       
    72 .adv {
       
    73   float: right;
       
    74   margin: 0;
       
    75   padding: 0;
       
    76   position: relative;
       
    77   top: 12px;
       
    78 }
       
    79 
       
    80 /***************NAVIGATION*************************/
       
    81 
       
    82 
       
    83 #top {
       
    84   clear: both;
       
    85   width: 960px;
       
    86   height: 40px;
       
    87   position: relative;
       
    88   z-index: 1;
       
    89   top: 17px;
       
    90 }
       
    91 
       
    92 
       
    93 
       
    94 #top li {
       
    95   /*
       
    96   ili ides vako
       
    97   obrisi display:inline;
       
    98   float: left;
       
    99   background: url(images/navleft.jpg) no-repeat scroll center left;
       
   100   margin: 2px;
       
   101   */
       
   102 }
       
   103 
       
   104 #top li a {
       
   105   float: left;
       
   106   display: block;
       
   107   padding: 14px;
       
   108   color: #fff;
       
   109   /*
       
   110   display: block;
       
   111   padding: 10px;
       
   112   color: #ccc;
       
   113   background: url(images/navright.jpg) no-repeat scroll center right;
       
   114   */
       
   115 }
       
   116 #top li ul {
       
   117   margin-top: 10px;
       
   118 }
       
   119 
       
   120 
       
   121 #top li li {
       
   122   background: #A6A6A5;
       
   123   width: 250px;
       
   124 }
       
   125 #top li ul li:hover, #top li ul li a:hover {
       
   126   background: #F8BC12;
       
   127   color: #fff;
       
   128 }
       
   129 
       
   130 
       
   131 #top li.current_page_item a, #top li a:hover, .sf-with-ul a:hover {
       
   132   background: #F8BC12 ;
       
   133   color: #000;
       
   134 }
       
   135 #top ul li ul {
       
   136   position: absolute;
       
   137   top: 35px;
       
   138 }
       
   139 
       
   140 
       
   141 /***************NAVIGATION*************************/
       
   142 
       
   143 
       
   144 
       
   145 /* Twitter, RSS, Email
       
   146 
       
   147 #topsoc {
       
   148   float: right;
       
   149   margin-top: 10px;
       
   150 }
       
   151 .tweet, .rss, .mail {
       
   152   float: left;
       
   153   margin-left: 20px;
       
   154   margin-right: 5px;
       
   155   display: inline;
       
   156 }
       
   157 
       
   158 End Twitter, RSS, Email */
       
   159 
       
   160 .aboutimage {
       
   161   float: left;
       
   162   border: 1px solid #ccc;
       
   163   padding: 2px;
       
   164   margin: 0px 5px 5px 5px;
       
   165 }
       
   166 #s {
       
   167   width: 200px;
       
   168   float: right;
       
   169   margin: 5px;
       
   170   padding: 5px;
       
   171   border: 1px solid #000;
       
   172   background: #F8F8F8 url(images/search.gif) no-repeat scroll right bottom;
       
   173 }
       
   174 
       
   175 
       
   176 #wrapp {
       
   177   background: #fff;
       
   178   overflow:hidden;
       
   179 }
       
   180 
       
   181 
       
   182 #contentwrap {
       
   183   float: left;
       
   184   width: 480px;
       
   185   background: #fff;
       
   186 }
       
   187 
       
   188 #sidebar {
       
   189   float: left;
       
   190   width: 148px;
       
   191   background: #e5e5e5;
       
   192   border: 1px solid #ccc;
       
   193   margin-top: 4px;
       
   194 }
       
   195 
       
   196 /* ADVERT */
       
   197 
       
   198 .advert{
       
   199  float: right;
       
   200  padding:5px;
       
   201  width: 315px;
       
   202  margin: 0px 0px 10px 0;
       
   203  display: inline;
       
   204  background: #959494;
       
   205  }
       
   206 
       
   207 .advert img{
       
   208  padding:5px;
       
   209  border:none;
       
   210  margin:10px;
       
   211  float: left;
       
   212  }
       
   213 
       
   214  /* END ADVERT */
       
   215 
       
   216 .custom_images {
       
   217   margin-bottom: 15px;
       
   218 }
       
   219 .custom_images img {
       
   220   margin: 0 3px;padding: 0;
       
   221 }
       
   222 
       
   223 
       
   224 #sidebar2 {
       
   225   float: right;
       
   226   width: 325px;
       
   227   background: #e5e5e5;
       
   228   margin-top: 4px;
       
   229   color: #fff;
       
   230 }
       
   231 
       
   232 
       
   233 
       
   234 #sidebar3 {
       
   235   clear: both;
       
   236   width: 100%;
       
   237   background: #202020 url(images/sidebar3.gif) repeat-x;    overflow:hidden;
       
   238   color: red;
       
   239 }
       
   240 .swrap {
       
   241   margin: 0 auto;
       
   242   width: 960px;
       
   243   padding: 50px 0 10px  0;
       
   244 }
       
   245 .widget2 h3 {
       
   246   color: #d0d0d0;
       
   247   font-weight: normal;
       
   248   margin-bottom: 25px;
       
   249 }
       
   250 
       
   251 
       
   252 .widget2 {
       
   253   float: left;
       
   254   width: 200px;
       
   255   font-size: 10px;
       
   256   text-transform: uppercase;
       
   257   margin: 0 15px;
       
   258 }
       
   259 .widget2 ul li {
       
   260   line-height: 25px;
       
   261   background: url(images/dart2.gif) no-repeat scroll 0px 4px;
       
   262   padding-left: 20px;
       
   263 }
       
   264 .widget2 a:link, .widget2 a:visited {
       
   265   color: #fff;
       
   266 }
       
   267 
       
   268 
       
   269 #footer {
       
   270   width: 100%;
       
   271   clear: both;
       
   272   text-align: center;
       
   273   height: 30px;
       
   274   padding: 30px 0 0px 0;
       
   275   background: url(images/footer.gif) repeat-x;
       
   276   color: #fff;
       
   277 }
       
   278 #footer a {
       
   279   color: #fff;
       
   280 }
       
   281 .sponsors {
       
   282   text-align: center;
       
   283 }
       
   284 .sponsors a{
       
   285   color: #1B1A1A;
       
   286 }
       
   287 
       
   288 
       
   289 .inside {
       
   290   padding: 10px;
       
   291 }
       
   292 .in2 {
       
   293   padding: 10px;
       
   294 }
       
   295 .clear {
       
   296   clear: both;
       
   297 }
       
   298 
       
   299 
       
   300 /***************END LAYOUT*************************/
       
   301 
       
   302 /***************WP STYLES*************************/
       
   303 
       
   304 #sidebar h3, .widget h3 {
       
   305   padding: 7px;
       
   306   font-size: 14px;
       
   307   color: #444847;
       
   308 }
       
   309 
       
   310 .side-widget {
       
   311   width: 140px;
       
   312   float: left;
       
   313   margin-bottom: 10px;
       
   314 }
       
   315 
       
   316 
       
   317 .side-widget ul li, .widget ul li {
       
   318   line-height: 30px;
       
   319   padding: 0 15px;
       
   320   border-bottom: 1px solid #ccc;
       
   321   background: url(images/dart.png) no-repeat scroll 0px 10px;
       
   322 }
       
   323 * html .side-widget ul li {
       
   324   padding: 0 0 0 13px;
       
   325 }
       
   326 
       
   327 
       
   328 .side-widget a, .side-widget a:visited {
       
   329   color: #484848;
       
   330 }
       
   331 .side-widget a:hover {
       
   332   color: #000;
       
   333 }
       
   334 
       
   335 
       
   336 .side-widget ul li ul li, .widget ul li ul li {
       
   337   width: 108px;
       
   338   margin-left: -14px;
       
   339   padding-left: 13px;
       
   340   border-bottom: 0;
       
   341   border-top: 1px solid #ccc;
       
   342 }
       
   343 * html .side-widget li {
       
   344 
       
   345 }
       
   346 .widget {
       
   347   float: left;
       
   348   color: #484848;
       
   349 }
       
   350 
       
   351 
       
   352 
       
   353 .widget li {
       
   354    line-height: 20px;
       
   355 }
       
   356 
       
   357 
       
   358 .widget a:link, .widget a:visited {
       
   359   color: #484848;
       
   360 }
       
   361 .widget a:hover {
       
   362   color: #000;
       
   363 }
       
   364 
       
   365 
       
   366 /***************POST STYLES*************************/
       
   367 .post h2 {
       
   368   margin: 5px 0px;
       
   369   text-transform: uppercase;
       
   370  }
       
   371 
       
   372 .post h2 a, post h2 a:visited {
       
   373   color: #b40000;
       
   374   font-size: 14px;
       
   375 }
       
   376 
       
   377 .post h2 a:hover {
       
   378 
       
   379 }
       
   380 
       
   381 .meta {
       
   382   background: #f0f0f0;
       
   383   padding: 5px;
       
   384   color: #000;
       
   385   display: block;
       
   386   border-top: 1px solid #ccc;
       
   387 }
       
   388 
       
   389 
       
   390 .cat {
       
   391 
       
   392 }
       
   393 
       
   394 .author {
       
   395 
       
   396 }
       
   397 .edit {
       
   398 
       
   399 }
       
   400 .comm {
       
   401   background: url(images/comm.gif) repeat-x;
       
   402   padding: 2px 4px 4px 4px;
       
   403   float: right;
       
   404 }
       
   405 .comm a{
       
   406   color: #fff;
       
   407 }
       
   408 
       
   409 a.more-link {
       
   410  background: url(images/more.gif) repeat-x;
       
   411  padding: 2px 4px 4px 4px;
       
   412  color: #fff;
       
   413  float: right;
       
   414  margin-right: 5px;
       
   415  display: inline;
       
   416 }
       
   417 
       
   418 
       
   419 .postmetadata {
       
   420   margin-top: 2px;
       
   421 }
       
   422 
       
   423 .post {
       
   424   padding-bottom: 30px;
       
   425   border-bottom: 1px dotted #ccc;
       
   426 }
       
   427 
       
   428 
       
   429 
       
   430 .entry {
       
   431   line-height: 20px;
       
   432   font-size: 10px;
       
   433   margin: 10px 0 0 0;
       
   434   font-size: 12px;
       
   435 }
       
   436 
       
   437 .entry li {
       
   438   margin-left: 20px;
       
   439   list-style: circle;
       
   440 }
       
   441 
       
   442 .entry ol li {
       
   443   list-style: decimal;
       
   444 }
       
   445 
       
   446 blockquote {
       
   447   border-left: 10px solid #666666;
       
   448   margin-left: 20px;
       
   449 }
       
   450 
       
   451 blockquote p {
       
   452   padding: 10px;
       
   453 }
       
   454 
       
   455 .alignleft {
       
   456   float: left;
       
   457   margin: 0 5px 5px 0px;
       
   458 }
       
   459 
       
   460 .alignright {
       
   461   float: right;
       
   462   margin: 0 5px 5px 5px;
       
   463 }
       
   464 /***************END POST STYLES*************************/
       
   465 #calendar_wrap {
       
   466   text-align: center;
       
   467 }
       
   468 
       
   469 caption {
       
   470   background: #ccc;
       
   471 }
       
   472 
       
   473 #wp-calendar {
       
   474 
       
   475 }
       
   476 
       
   477 th {
       
   478   padding: 6px;
       
   479 }
       
   480 
       
   481 td a:link {
       
   482   background: #CCCCCC;
       
   483   padding: 1px 6px;
       
   484   color: #fff;
       
   485   line-height: 29px;
       
   486 }
       
   487 
       
   488 /***************END WP STYLES*************************/
       
   489 
       
   490