/* CSS files kept in the 'styles' directory can be used to customize your K2 installation without having to mess with the core K2 files. This in turn makes it easier to upgrade to new K2 version as well as debug any problems that might occur. You select styles from the K2 Options page in the 'Presentation' section of your WordPress administration. For more information on how to use custom styles: http://code.google.com/p/kaytwo/wiki/K2CSSandCustomCSS Author Name : Vera Tavares + Zé Nuno Author Site : Rui Tavares Style Name : RuiTavares.Net Style URI : http://ruitavares.net Version : vers.0.33 2010/03/27 Comments : */ /* from style.css .columns-three #page { width:950px; } #primary { position:relative; float: left; width:500px; padding:10px; } .columns-three .secondary { width:175px; } .secondary { width:200px; float:left; font-size:1em; line-height:1.5em; color:#666; position:relative; padding:0 10px; overflow:hidden; } .columns-three #s.livesearch { width:145px; } #rollingarchives { position:absolute; padding:20px 0; display:block; width:500px; top:0; } #pagetrackwrap { position:absolute; top:6px; left:130px; width:240px; padding-right:9px; background:url('images/sliderbgright.png') no-repeat right center; } #pagetrack { width:240px; height:7px; background:url('images/sliderbgleft.png') no-repeat left center; } body.smartposition #rollingarchives { position:fixed; top:0px; background:#fff; border-bottom:1px solid #eee; width:500px; z-index:10; padding-top:10px; padding-bottom:30px; } - color and stuff from style.css - body { font-size:62.5%; color:#444; background:#eee; } .secondary { color:#666; } .archivepages { color:#999; } #primary .metalink a, #primary .metalink a:visited, .secondary .metalink a, .secondary .metalink a:visited, .secondary span a, .secondary span a:visited { color:#999; } .single #primary .k2-asides .entry-content { font-size:1.5em; color:#999; } .entry-content { font-size:1.2em; line-height:1.8em; text-align:justify; color:#444; } - header stuff - #header { position:relative; height:200px; background:#3371A3; background-position:top right; } h1 { font-size:3em; } h1.blog-title { font-weight:bold; letter-spacing:-1px; padding:75px 40px 0; } h1.blog-title a, #header .description { text-decoration:none; color:#993300; } - original dueling sidebars... - body.columns-three #primary { margin-left:195px; } body.columns-three #sidebar-1 { left:-520px; margin-left:-195px; } ours wrong sidebars!?! body.columns-three #primary { margin-left: 220px; } body.columns-three #sidebar-1 { left:-520px; margin-left:-220px; } before correction on font size on Sep 28th: body { font-size:76%; } .entry-head h3.entry-title a { font-style:italic; font-weight:bolder; font-size:1.5em; } #page { background:#eee; border:none; } #header { margin-left:0px; background:#eee url("img/page_blog.gif") center top no-repeat; height:51px; } http://ruitavares.net/wp-content/themes/ruitavares-k2rc7/styles/ruitavares/img/page_blog.gif #header { margin-left:0px; background:#fff url("img/page_blog.gif") center top no-repeat; height:51px; } #header { margin-left:0px; background:#fff; height:51px; } #primary { position:relative; float: left; width:500px; padding:10px; } .columns-three .secondary { width:175px; } .secondary { width:200px; float:left; font-size:1em; line-height:1.5em; color:#666; position:relative; padding:0 10px; overflow:hidden; } .columns-three #s.livesearch { width:145px; } body.columns-three #primary { margin-left:195px; } body.columns-three #sidebar-1 { left:-520px; margin-left:-195px; } 200 -> 140 175 -> 140 ganhamos: 60+35 = 95 500+95 = 595 ~580? 500 para 580 +80! #primary { position:relative; float: left; width:580px; padding:5px; } .columns-three .secondary { width:140px; } .secondary { width:140px; padding:0 5px; } .columns-three #s.livesearch { width:110px; } body.columns-three #primary { margin-left:150px; } body.columns-three #sidebar-1 { left:-600px; margin-left:-150px; } ... afinal vamos aumentar um pouco a 3. coluna... +15px? +/-... #primary { position:relative; float: left; width:570px; padding:5px; } .columns-three .secondary { width:155px; } .secondary { width:140px; padding:0 5px; } .columns-three #s.livesearch { width:110px; } body.columns-three #primary { margin-left:150px; } body.columns-three #sidebar-1 { left:-590px; margin-left:-150px; } 3 columns #primary { position:relative; float:left; width:570px; padding:5px; } .columns-three .secondary { width:155px; } .secondary { width:140px; padding:0 5px; } .columns-three #s.livesearch { width:110px; } body.columns-three #primary { margin-left:150px; } body.columns-three #sidebar-1 { left:-590px; margin-left:-150px; } 3 columns - old k2 #primary { position:relative; float:left; width:570px; padding:5px; } .columns-three .secondary { width:155px; } .secondary { width:140px; padding:0 5px; } .columns-three #s.livesearch { width:110px; } body.columns-three #primary { margin-left:150px; } body.columns-three #sidebar-1 { left:-590px; margin-left:-150px; } dueling sidebars body.columns-three #primary { margin-left:195px; } body.columns-three #sidebar-1 { position:relative; left:-520px; margin-left:-195px; } body.columns-three .template-image #primary { margin-left:0; } #sidebar-2 { width:140px; padding:0 5px; } #primary { position:relative; float:left; width:570px; padding:5px; margin-left:150px; } #sidebar-1 { position:relative; left:-590px; margin-left:-150px; } body.columns-three .template-image #primary { margin-left:0; } */ /* 3 columns */ #sidebar-2 { width:140px; padding:0 5px; } #primary { position:relative; float:left; width:570px; padding:5px; margin-left:140px; } #sidebar-1 { width:130px; position:relative; left:-590px; margin-left:-130px; } body.columns-three .template-image #primary { margin-left:0; } /* blog */ body { font-size:84%; } body, h1, h2, h3, h4 { font-family:Garamond,Times; } strong, em, b, i { font-family:Garamond,Times; } #page { background:#fff; border:none; } #header { height:80px; background:#eee; } h1 { font-size:3em; } h1.blog-title { font-weight:bold; letter-spacing:-1px; padding:0px 170px 0; color:#FCA644; font-size:5em; } h1.blog-title a, #header .description { text-decoration:none; color:#993300; } h1.blog-title a:hover { text-decoration:none; } h1.blog-title { visibility:visible; } #header { margin-left:0px; background:#fff; } ul.menu, #footer { visibility:hidden; } .entry-content { color:#000; } .entry-head h3.entry-title a { font-style:italic; font-weight:bolder; } /* .entry-head .entry-meta .entry-date abbr { background-color:#E68E45; color:#4F5151; } .entry-head .entry-meta div.entry-time { color:#4F5151; } */ div.page-head h2 { text-align:left; } /* aspecto geral */ a { color:#FCA644; } a:visited { color:#993300; } a:hover { text-decoration:none; color:#993300; } #primary a:hover, #primary a:visited:hover, .secondary a:hover, .secondary a:visited:hover { text-decoration:none; } .columns-three .secondary { text-align:right; } /* aspecto nas colunas */ /* .secondary #ruiograma { background-color:#FDFF00; } */ .secondary #ruiograma .feedlink { visibility:hidden; } .secondary #notas .feedlink { visibility:hidden; } .secondary #ruiografias .feedlink { visibility:hidden; } .secondary #ultimas .feedlink { visibility:hidden; } /* flickr */ .entry-content div.rss-flickr .simplepie h3 a { visibility:hidden; } /* twitter */ .entry-content .simplepie h3 a { font-size:small; } .entry-content .simplepie p small { visibility:hidden; } .entry-content .simplepie h4 { font-size:normal; } .entry-content .simplepie h4 a { font-size:normal; } .entry-content .simplepie h4 .date { font-size:small; } .entry-content div.rss-5dias .simplepie h3 a { visibility:hidden; } .entry-content div.rss-5dias .simplepie p { visibility:visible; } .entry-content div.rss-5dias .simplepie p small { visibility:hidden; } .entry-content div.rss-5dias .simplepie p small img { visibility:hidden; } .entry-content div.rss-5dias .simplepie p img { visibility:visible; } /* flickr-mobileme 2008/11/04 */ .entry-content div.rss-mobileme div.simplepie h4 span.date {visibility:hidden;} .entry-content div.rss-mobileme div.simplepie h3 a {visibility:hidden;} .entry-content div.rss-mobileme div.simplepie p {visibility:hidden;} .entry-content div.rss-mobileme div.simplepie p img {visibility:visible;} .entry-content div.rss-mobileme div.simplepie p small img {visibility:hidden;} /* menulateral */ .secondary #menu div.menulateral { float:left; } .secondary #menu .menulateral a img { padding-bottom:5px; } .secondary #paginas-interiores { float:left; text-align:left; } /* special homepage */ /* .homepage_ruitavares .simplepie { } .homepage_ruitavares .simplepie h3 { visibility:hidden; } .homepage_ruitavares .simplepie h4 { } .homepage_ruitavares .simplepie h4 a { } .homepage_ruitavares .simplepie h4 .date { visibility:hidden; } .homepage_ruitavares .simplepie p { visibility:hidden; } .homepage_ruitavares .simplepie p small { visibility:hidden; } .homepage_ruitavares .simplepie p small img { visibility:hidden; } */