Rockwell

• 

  girls4translation · Member · Mar 15, 2011 at 7:05 pm

  • Copy link
  • Add topic to favorites

  /*
  Theme Name: Rockwell
  Description: Check Rockwell Documentation in case you need directions.
  Author: Site5.com
  Author URI: http://gk.site5.com/t/202
  */

  /* MAIN STYLES
  ——————————————-*/
  * { margin: 0; padding: 0; }

  body, html {
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333;
  margin:0;
  padding:0;
  background:#202020 url(‘images/bk_body.jpg’) repeat-x 0 0;
  line-height:135%
  }

  ul {
  list-style:none;
  }

  a {
  text-decoration:none;
  }

  a:hover {
  border:none;
  }

  #colLeft a:hover {
  border:none;
  }

  #colRightInner a:hover {
  border:none;
  }

  a:focus {
  outline:none;
  }

  p {
  margin:1em 0;
  }

  /* LAYOUT STRUCTURE
  ————————————————–*/
  #wrapper {
  margin:0 auto;
  width:960px;
  }

  #header {
  height:204px;
  position:relative;
  z-index:99;
  }

  #content {
  padding:15px 0 20px;

  }

  #colLeft{
  width:610px;
  border:7px solid #EAEAE3;
  float:left;
  background:#fff;
  padding:17px 13px 17px 18px;
  }

  #colRight {
  width:288px;
  float:left;
  padding-left:15px;
  position:relative;
  }

  #footer {

  border-top:2px solid #333;
  padding:12px 0 35px 0;
  width:960px;
  margin:1px auto;
  color:#868686;
  position:relative;
  font-size:11px;
  }

  /* HEADER ELEMENTS
  ————————————————–*/
  /* — logo –*/
  #logoTag {
  position:absolute;
  top:65px;
  left:0;
  }

  #logoTag #logo {
  height:85px;
  background:url(‘images/bk_logo_left.png’) no-repeat;
  padding-left:12px;
  float:left
  }

  #logoTag #logoImg {
  background:none;
  padding:0;
  float:left;
  padding-top:3px;
  padding-right:10px;
  }

  #logoTag #logoImg img {
  border:none;
  }

  #logoTag #logo h1 a {
  display:block;
  padding-right:12px;
  background:url(‘images/bk_logo_right.png’) no-repeat 100% 0;
  color:#fff;
  font-size:34px;
  padding-top:14px;
  height:61px;
  float:left;
  line-height:100%
  }

  #logoTag #tagline {
  float:left;
  padding-top:14px;
  padding-left:15px;
  color:#CFD5DA;
  text-transform:uppercase;
  width:300px;
  }

  #topLinks {
  position:absolute;
  top:9px;
  left:0;
  }

  #footerLinks {
  position:absolute;
  top:12px;
  right:0;
  }

  #topLinks ul li, #footerLinks ul li {
  float:left;
  background:url(‘images/bullet_top.jpg’) no-repeat 0 50%;
  padding-left:7px;
  padding-right:15px
  }

  #topLinks ul li a, #footerLinks ul li a {
  color:#868686;
  font-size:11px;
  text-decoration:none;
  text-transform:capitalize;
  border:none;
  }

  /* TOP MENU */

  #topMenu {
  position:absolute;
  bottom:0;
  left:0;
  width:958px;
  }

  #topMenu ul.sf-menu {
  margin-left:-1px;
  }

  #topMenu ul.sf-menu li {
  float:left;
  line-height:43px;
  padding:0 12px;
  }
  #topMenu ul.sf-menu li a {
  text-decoration:none;
  text-transform:uppercase;
  border:none;
  }
  #topMenu ul.sf-menu li a:hover {
  color:#FFF;
  }

  #topMenu ul.sf-menu li li {
  background:#D02458;
  padding-right:15px;
  padding-top:5px;
  }

  #topMenu ul.sf-menu li ul.sub-menu, #topMenu ul.sf-menu li ul.children {
  border-bottom:none;
  }

  #topMenu ul.sf-menu li ul.sub-menu li, #topMenu ul.sf-menu li ul.children li, #topMenu ul.sf-menu li.page_item ul li {
  position:relative;
  line-height:100%;
  height:28px;
  text-transform:none;
  }
  #topMenu ul.sf-menu li ul.sub-menu li a, #topMenu ul.sf-menu li ul.children li a, #topMenu ul.sf-menu li.page_item ul li a {
  text-decoration: none;
  display:block;
  padding-top:7px;
  line-height:100%;
  border:none;
  text-transform:none;
  }
  #topMenu ul.sf-menu li ul.sub-menu li a:hover, #topMenu ul.sf-menu li ul.children li a:hover, #topMenu ul.sf-menu li.page_item ul li a:hover{
  color:#fff;

  }
  #topMenu ul.sf-menu li ul.sub-menu li ul.sub-menu, #topMenu ul.sf-menu li ul.children li ul.children {
  border: none;

  }
  #topMenu ul.sf-menu li ul.sub-menu li ul.sub-menu a, #topMenu ul.sf-menu li ul.children li ul.children a {
  text-decoration: none;
  position:relative;
  border:none;
  }
  #topMenu ul.sf-menu li ul.sub-menu, #topMenu ul.sf-menu li.page_item ul, #topMenu ul.sf-menu li ul.children
  {
  margin:13px 0 0 0;

  }
  #topMenu ul.sf-menu li ul.sub-menu ul.sub-menu, #topMenu ul.children li ul.sub-menu ul.children
  {
  margin:0 0 0 38px;
  }

  /* ————————*/

  #socialLinks {
  position:absolute;
  right:10px;
  bottom:10px;
  }

  #socialLinks a {
  display:block;
  float:left;
  padding-right:10px;
  border:none;
  }

  #socialLinks a img {
  border:none;
  }

  #site5top {
  position:absolute;
  top:9px;
  right:0;
  }

  #site5top a {
  display:block;
  width:200px;
  height:19px;
  background:url(‘images/site5_top.jpg’) no-repeat 0 0;
  text-indent:-9999px
  }

  /* COLLEFT ELEMENTS
  ———————————————-*/
  .searchQuery, #archive-title {
  border-bottom:1px solid #E2E2D8;
  padding:0 0 10px;
  margin-bottom:15px;
  }

  .searchQuery strong, #archive-title strong {
  font-size:14px;
  }

  #colLeft h1 {
  border-bottom:1px dotted #999;
  padding:0;
  font-family:Georgia, “Times New Roman”, Times, serif;
  color:#333;
  font-size:32px;
  letter-spacing:-1px;
  line-height:110%;
  text-decoration:none;
  font-weight:normal;
  }

  .alignleft {
  float:left;
  margin:5px 15px 5px 0;
  }

  .alignright {
  float:right;
  margin:5px 0 5px 15px;
  }

  #colLeft img, #colLeft a img {
  padding:8px;
  background:none;
  background:#F0F0F0;
  border:none;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  }

  #colLeft .blogItem {
  margin-bottom:10px;
  padding-bottom:10px;
  }

  #colLeft .blogItem .itemTitle {
  position:relative;
  background:url(‘images/bk_dotted_vert.gif’) repeat-y 58px 0;
  margin-bottom:10px
  }

  #colLeft .blogItem .date{
  float:left;
  width:47px;
  height:50px;
  text-align:center;
  padding-right:25px;
  }

  #colLeft .blogItem .date .month{
  color:#ccc;
  font-size:10px;
  text-transform:uppercase;
  padding-bottom:5px;
  }

  #colLeft .blogItem .date .day {
  font-size:20px;
  color:#fff;
  font-weight:bold;
  line-height:130%;
  }

  #colLeft .blogItem .itemTitle h1 {
  border:none;
  }

  #colLeft .blogItem .itemTitle h1 a{
  border-bottom:1px dotted #999;
  padding:0;
  font-family:Georgia, “Times New Roman”, Times, serif;
  color:#333;
  font-size:32px;
  letter-spacing:-1px;
  line-height:110%;
  text-decoration:none;
  font-weight:normal;
  }

  #colLeft .blogItem .metadata {
  padding:5px 0 8px;
  border-top:1px solid #E2E2D8;
  border-bottom:1px solid #E2E2D8;

  font-size:11px;
  }

  #colLeft .blogItem a.more-link {
  display:block;
  width:90px;
  height:24px;
  text-align:center;
  clear:both;
  border:none;
  line-height:22px;
  margin-top:10px;
  }

  #colLeft .social {
  border:1px dashed #9FD9FF;
  background:#EAF7FF;
  padding: 0 10px;
  }

  #colLeft .social p {
  padding-left:5px;
  margin:0.8em 0 0.5em;
  }

  #colLeft .social a {
  border:none;
  }

  #colLeft .social a img {
  padding:5px;
  border:none;
  background:none;
  }

  #colLeft .social a:hover img {

  }

  #colLeft .social strong {
  color:#00C1F2;
  }

  #colLeft h2#comments {
  border-bottom:1px solid #E2E2D8;
  padding:20px 0 15px;
  }

  /* COLRIGHT ELEMENTS
  ———————————————-*/
  #boxAbout {
  border:1px solid #626262;
  background:#1B1B1B url(‘images/bk_box_about.jpg’) no-repeat 0 0;
  color:#838383;
  margin-bottom:12px; padding-left:12px; padding-right:12px; padding-top:13px; padding-bottom:5px
  }

  #boxAbout h2 {
  border-bottom:1px solid #626262;
  padding-bottom:8px;
  color:#ccc;
  }

  #colRightInner {
  border:7px solid #EAEAE3;
  background:#fff;
  padding:8px 8px 15px;
  position:relative;
  }

  #colRightInner h2 {
  font-size:16px;
  padding:5px 0 8px;
  border-bottom:1px solid #E2E2D8;
  }

  #colRightInner ul {
  padding-bottom:10px;
  }

  #colRightInner ul li {
  padding:6px 0;
  border-bottom:1px solid #E2E2D8;
  }

  #colRightInner ul li a {
  color:#666;
  border:none;
  }

  #colRight #recentcomments .url {
  font-weight:bold;
  }

  #colRight #ads {
  padding-bottom:5px;
  width:290px;
  }

  #colRight #ads a {
  float:left;
  margin:0 7px 6px 0;
  border:none;
  }

  #colRight #ads a img {
  border:none;
  }

  #colRight #flickr {
  margin-top:10px;
  }

  #colRight #flickr a {
  border:none;
  }

  #colRight #flickr a img {
  border:none;
  padding:10px 11px 0 0;
  }

  #colRight #flickr h2{
  background:url(‘images/flickr_logo.jpg’) no-repeat 0 0;
  padding-left:66px;
  padding-top:7px
  }

  a#site5_sidebar {
  display:block;
  width:240px;
  height:68px;
  /*text-indent:-9999px;
  background:url(images/site5_sidebar.jpg) 0 0 no-repeat;*/
  }

  /*COMMENTS
  ———————————————*/
  #colLeft ul.commentlist {
  margin-bottom:10px;
  list-style-type:none;
  }

  #colLeft ul.commentlist li {
  background:none;
  border-bottom:1px solid #E2E2D8;
  padding:10px 0;
  padding-left:40px;
  }

  #colLeft ul.commentlist li .avatar {
  float:left;
  width:32px;
  margin-left:-40px;
  padding:0;
  border:none;
  }

  #colLeft ul.commentlist li img {
  border:none;
  padding:0;

  }

  * html #colLeft ul.commentlist li .avatar {
  margin-bottom:-20px;
  }

  #colLeft ul.commentlist li .commentmetadata {
  font-size:11px;
  color:#777;
  }

  /* FORMS
  ————————————————-*/
  #searchform {
  position:absolute;
  right:0;
  top:80px;
  }

  #searchform input {
  border:1px solid #626262;
  background:#000;
  padding:5px 4px 6px;
  color:#999;
  width:215px;
  float:left;
  }

  #searchform input#searchsubmit {
  width:65px;
  height:30px;
  border:medium none;
  background:url(‘images/bk_search_but.jpg’) no-repeat 0 0;
  cursor:pointer
  }

  /* post comment */

  #commentform label {
  display:block;
  padding:5px 0 2px;
  }

  #commentform input, #commentform textarea {
  border:1px solid #ddd;
  padding:5px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  width:300px;
  }

  #commentform textarea {
  width:500px;
  }

  #commentform input#submit{
  border:none;
  width:90px;
  height:24px;
  text-align:center;
  padding-top:4px;
  margin-top:5px;
  }

  /* contact */

  #contact label {
  display:block;
  padding:8px 0 2px;
  }

  #contact input, #contact textarea {
  border:1px solid #ddd;
  padding:5px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  width:300px;
  }

  #contact textarea {
  width:500px;
  }

  #contact input.submit {
  border:none;
  width:90px;
  height:24px;
  text-align:center;
  padding-top:4px;
  margin-top:15px;
  }

  .errormsg, .successmsg{
  background:#FEF4F1;
  border:1px solid #F7A68A;
  color:#DA4310;
  padding:10px;
  }

  .successmsg {
  border:1px solid #9FD9FF;
  background:#EAF7FF;
  color:#00BFF5;
  }

  /* CLEARING
  —————————————————*/
  .clearfix:after {
  content: “.”;
  display:block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
  .clearfix {
  display: block;
  }
  /* Hides from IE-mac */
  * html .clearfix {height: 1%;}
  .clearfix {display: block;}
  /* End hide from IE-mac */

  .clear {
  clear: both;
  }

  .noclear {
  clear: none;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Mar 15, 2011 at 7:46 pm

  • Copy link

  We cannot add themes at wordpress.COM, we are limited to the themes found in the dashboard under appearance > themes. Themes found on the internet are for self-hosted wordpress blogs using the software from wordpress.ORG.

  http://en.support.wordpress.com/themes/adding-new-themes/
  http://en.support.wordpress.com/com-vs-org/

  If you have CSS editing experience, you can get the paid custom CSS upgrade and renew it annually. It will allow you to stylize the appearance of themes you find here > Appearance > Themes, but it does not allow you to change the functionality, by editing the underlying template. It does not allow you to remove footer links to the theme designer or to wordpress.com. Also note that CSS is theme specific, so you cannot use the CSS stylesheets from other themes with the themes here at wordpress.COM.

  Since there is no official Staff support for the CSS upgrade, and precious little Volunteer support, I recommend that you don’t buy the upgrade unless you have at least moderate understanding of HTML and CSS because you must be prepared to do the work on your own.

  If you are considering purchasing the upgrade, you can go to Appearance > Edit CSS. There wordpress has provided a preview function where you can try before you buy.

  http://en.support.wordpress.com/custom-css/
  http://en.support.wordpress.com/editing-css/

  If you do purchase the upgrade be sure to read this article before starting your editing > http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

• 

  timethief · Member · Mar 15, 2011 at 7:48 pm

  • Copy link

  If your are not referring to the wordpress.COM free hosted blog linked to your usernam, but are actually referring to a wordpress.ORG install then take note that you cannot get support for wordpress.org installs here. All support must come from > http://wordpress.ORG/support/