the whole shebang

November 1, 2006

Tutorial: CSS Nov-1-2006

Filed under: Blogging,Tutorials — wholeshebang @ 7:15 am

This is my CSS, which I modified yet again after adding the LuckyPolls poll:

/* THIS STYLESHEET HAS BEEN MODIFIED.
It is based on the “Rubric” theme…information below. */

/*
Theme Name: Rubric
Theme URI: http://wordpress.com/
Description: A flexible and clean theme with a pen on top.
Version: 1.0
Author: Hadley Wickham
Author URI: http://ineffable.co.nz/
*/

#wpcombar a {
border: none;
}
#wpcombar a:hover {
background: #6da6d1;
color: black;
}

/* Basic typography
——————————————– */

body { margin:0px;
padding:0px;
background-color:#ffffff;
background-image: url(“http://matt.wordpress.com/wp-content/themes/pub/rubric/images/rubric/gradient.gif”);
background-attachment: fixed;
background-position: bottom;
background-repeat: repeat-x;
font-family:Verdana;
font-size:12px;
}

p, td, th, li {
font-size: 1em;
line-height: 1.65em;
}

a:link, a:visited {
text-decoration: none;
color: #B54141;
background:transparent;
}

a:hover {
text-decoration:underline;
background:transparent;
}

div#rap {
padding:0px;
margin:0px;
}

h1#header {
postition:relative;
top:20px;
height:130px;
width:90%;
margin:10px 0px 0px 0px;
padding:20px 20px 0px 0px;
background:url(“https://wholeshebang.wordpress.com/wp-content/themes/pub/rubric/images/rubric/pen-sm.jpg”) no-repeat top right;
font-family:’lucida handwriting’,cursive,script;
font-style:italic;
font-weight: normal;
font-size:35px;
text-align:center;
}

#header a {
padding:0.5em;
text-decoration:none;
}

#header a:link, #header a:visited {
border:0px;
}

#header a:hover {
text-decoration:none;
border:1px #999999 dotted;
background:none;
}

/* Content & menu
——————————————– */

#content {
position:relative;
top:0px;
margin:160px 220px 1.5em 4%;
background:#f9f9f0;
padding:1em 1.5em;
border-top:1px #d9dfcf solid;
border-right: 4px #cfcfcf double;
border-bottom:3px #666666 double;
border-left:1px #afafaf solid;
}

div#menu {
width:180px;
position: absolute;
float: right;
top: 180px;
right:15px;
margin:0px;
padding:0px;
font-size:0.9em;
}
* html #menu { /* make IE put it in the right place */
right:0.9em;
}

div#menu ul {
margin:0px;
padding:0px;
list-style:none;
text-indent:0px;
}

div#menu ul li {
margin:0px;
padding:0px;
text-indent:0px;
}

h2.widgettitle {
margin:1em 0px;
font-weight:bold;
color:#b54141;
font-size:1.1em;
}

div#menu ul li ul {
margin:0px;
padding:0px 0px 0px 0.5em;
list-style:none;
text-indent:0px;
}

div#menu ul li ul li a:link, div#menu a:visited {
color:#000000;
border:none;
}

div#menu ul li ul li a:hover {
color:#b54141;
background:none;
}

div#menu form{
margin: 0;
}

div#menu form br {
display:none;
}

div#menu ul li#text-1 {
margin-top:10px;
border:1px solid #aaaaaa;
background:#f9f9f0;
}

div#menu ul li#text-1 h2 {
text-align:center;
border-bottom:1px solid #aaaaaa;
}

div#menu ul li#text-1 ul {
list-style:circle;
list-style-position:inside;
}

div#menu ul li#text-1 div.pollLinks {
margin-top:8px;
border-top:1px solid #aaaaaa;
text-align:center;
font-weight:normal;
}

/* Post
——————————————– */

div#post {
margin:0px;
padding:0px;
}

div#content h2 {
font-size: 0.9em;
color: #666;
margin:0px;
}

h3 {
font-size: 1.3em;
font-weight: normal;
margin:0.3em 0px 0.33em 0px;
}

.storytitle {
margin:0.25em 0px 0.15em 0px;
}

.storycontent {
font-family:’Bitstream Vera Sans’,’Lucida Sans Unicode’,’Microsoft Sans Serif’,’sans serif’;
margin:1.5em 0px 2em 0px;
}

.storycontent p {
text-indent:1.5em;
}

.storycontent p .credit {
color:#666666;
}

.post-categories {
display: inline;
margin: 0;
padding: 0;
}
.post-categories li {
display: inline;
margin-left: 0 3px 0 0;
padding: 0;
}

.post .meta {
font-size: 0.9em;
color: #666666;
}
.post .meta * {
margin-top: 0;
}

.post .feedback {
margin:2em 0px 3em 0px;
font-size:0.9em;
border-bottom:1px solid #cccccc;
padding:0px;
}

/* Comments
——————————————– */

div#content h2#comments {
margin:0px;
padding:0px;
font-size:1.1em;
font-weight:normal;
}

ol#commentlist {
margin:0px 15px 30px 15px;
padding:0px;
list-style:none;
list-style-position:inside;
font-size:0.9em;
}

ol#commentlist li {
margin:10px 0px 0px 0px;
padding:0px;
border-bottom:2px #ccccdf dotted;
}

ol#commentlist li p {
margin:0px 0px 15px 0px;
text-indent:0px;
text-align:justify;
}

#commentlist li .avatar {
float:left;
padding:0px;
border:1px solid #eeeeee;
margin:0px 15px 0px 0px;
}

form#commentform {
margin:15px 10px;
}

form#commentform h2#postcomment {
margin:15px 0px 0px 0px;
}

form#commentform p {
margin:0px 10px 10px 10px;
font-size:0.9em;
color:#666666;
}

form#commentform textarea {
width:100%;
}

/* Credit
——————————————– */

p.credit {
text-align:center;
font-size:0.9em;
}

p.credit a {
padding:0.5em;
text-decoration:underline;
border:0px;
background:none;
}

p.credit a:hover {
background:#eeeeee;
border:1px #999999 dotted;
}

Advertisements

2 Comments »

  1. Simple , Clean

    Finishing Chk Late WordPress Theme

    soon as i can ( i wair months , but i`ll do my best to finish it before my exams)

    thanx for the comment

    Comment by Hamza — November 1, 2006 @ 9:18 am | Reply

  2. Hi Hamza, nice to meet you.

    So you are in school, too? I am a part-time student who will be studying Computer Science full-time next year. I love website design but want to learn web progamming, too.

    Your graphics are astounding.

    Comment by wholeshebang — November 1, 2006 @ 9:24 am | Reply


RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Create a free website or blog at WordPress.com.

%d bloggers like this: