ThemeShaper Forums » Thematic

[closed]

presenting an unfinshed commented default.css

(1 post)
  • Started 8 years ago by David
  • This topic is not a support question
  1. Ok. I have never been able to get Firebug to work until today. So i put my second monitor into use and tried to get my head around the unadulterated menu with Firebug. After a very frustrating first hour or so i figured out, somewhat, how to work it and i have to say that this is one cool toy to have around.

    I have been trying to style the menu for a couple of days now and it has not gone my way. I am not webmaster and only have limited experience with my own site and its code.
    But i think i know how to get the menu buttons to have a color, can change their box sizes and style the typeface inside and out of them. I now can even style the border around the menu which i would not have been able to do so quickly if it were not for Firebug.

    I asked yesterday, i think, if anybody had a commented CSS and nobody replied so i thought i would make one then. I only know a little bit and only tried to comment stuff that was on the default menu that i could change in appearance on the other screen.

    For a n00b like me walking in and getting this information right off the bat would have been nice. That is why i asked for it. So, i am gonna pass this on for what its worth since it will help me and hope somebody else who does not have Firebug will get some use out of it.

    I did try searching the forum for this information and did spend a fair amount of time trying to find something like this but could not find anything other than snippets here and there to use.

    There are lots of people who really do not need to have lots and lots of widgets and things right away and could use the default setup which is the 2c-r-fixed.css i believe. I am one of them. I like the minimalist look with little to distract
    from what needs to be read which in my case is not all that much.Plus i have had to stare at screens like that for almost 15 years now. Its only been in the last 5 years or so that the pages on the web have seriously gotten ridiculous and filled with stuff.

    My main problem using a child theme was what to change in the default CSS to get what i want. Now i have a better understanding of it. Somewhat.

    So please feel free to comment yourself and give me stuff to change if you see something wrong. I know that lots of stuff is inherited and i may not know about it.
    But with what is below i know that somebody will have a good start without the need to ask too many questions and tie people up who are developing this theme.

    So, vielen dank meine damen und herren und ich jetzt gebe euch etwas zurueck das ich selbst gebaut habe.

    Don't think i can use the umlaut aber ist doch egal.

    Ok. Take it easy on me now. I am only trying to help people so if i get something wrong tell me and i will fix it. I do not want to spread false and bad information.

    One more thing. There is quite a bit of empty space that is not commented since i had no idea and rather than spreading bad information that i do not even know i left it empty for somebody else to comment on if they know what it is.

    Anything that is suffixed with a ?? i was not sure about so dont count on it.

    Cheers.

    /* i am using the default 2c-r-fixed.css so your milage may vary. I loaded the test pages that filled the pages and went from there */

    /* =Global Elements
    -------------------------------------------------------------- */

    body, input, textarea {
    font:15px Georgia,serif; /* change the typeface and size */
    line-height:22px;
    }
    p, ul, ol, dd, pre {/* all paragraphs,un-ordered lists,ordered lists,dd??,preformed text get this margin on */
    margin-bottom:22px; /* bottom of it. Too much space between text then change this to less */
    }
    pre, code { /* preformed text..text with structure you want to preserve, and Code...like computer code get */
    font:14px Monaco, monospace; /* these parameters but you can change them to make smaller or bigger size */
    line-height:22px; /* space between lines?? */
    }
    blockquote {
    color:#666; /* color of text in a block quote-could be a paragraph?? */
    font-style:italic; /* italic, normal, oblique and their color */
    }
    table {
    border:1px solid #ccc; /* if u use tables this is width of their border size and color/ can use dashed??*/
    border-width:1px 1px 0 1px; /* Top Right Bottom and LEFT width?? */
    font-size:13px; /* size of font inside the table..use padding if necessary- or adjusts automatically??*/
    line-height:18px; /* space between line heights inside a table ?? */
    margin:0 0 22px 0; /* margins- or space outside the table?? */
    text-align:left; /* aligns the text inside the table to left, right - center?? */
    }
    caption {
    text-align:left; /* left, right / center?? */
    }

    tr { /* table row bottom border size, solid-dashed-what else?? and color */
    border-bottom:1px solid #ccc;
    }
    th, td { /* i know td is table data.stuff inside the table cell but th??padding,abstand-space between these items */
    padding: .7em 1.25em;
    }
    hr { /* creates a horizontal line at the bottom of some text - picture?? */
    background-color:#ccc; /* color background of the horizontal line?? */
    border:0; /* border around the horizontal line?? */
    color:#ccc; /* color of the horizontal line?? */
    height:1px; /* height of the horizontal line?? */
    margin-bottom:22px; /* space between bottom of HR and whatever is underneath it?? */
    }
    a:link { /* an active unvisited links color */
    color:#004B91;
    }
    a:visited { /* a links color changes to this when you come back to the page the link was on */
    color:#743399;
    }
    a:active, /* currently hovered over links color?? */
    a:hover {
    color: #FF4B33;
    }

    /* =Header
    -------------------------------------------------------------- */

    #header { /* not sure really but think it has to do with alpha or opacity of the header ?? */
    z-index:2;
    }
    #branding { /* this is either the blog title or a picture and its relationship with space around it */
    padding:88px 0 44px 0; /* Top Right Bottom and Left padding in that order i believe?? */
    }
    #blog-title { /* main text at top, your blogs title. If you use picture in child theme this gets nullified?? */
    font-family:Arial,sans-serif; /* typeface of your blog..there are many to choose from ..*/
    font-size:34px; /* size of the words ..change to suit your needs */
    font-weight:bold; /* bold, normal, or 100 to 900 to make it bigger */
    line-height:40px; /* space between lines?? or is this the height of the line?? */
    }
    #blog-title a { /* your blogs title hover color and text decoration */
    color:#000; /*can over-ride style with inline css i think so can be anythign as it seems tied to main content*/
    text-decoration:none; /* overline, linethrough, underline and blinking text can be used */
    }
    #blog-title a:active, /* your blogs title hover coler and text decoration?? */
    #blog-title a:hover {
    color: #FF4B33; /* change the blog titles hover over color?? */
    }
    #blog-description { /* i think its the text area under the blogs title. I had text under mine that i removed so */ color:#666; /* color your blog title */ /* i think that was it?? */
    font-size:13px; /* size of the words ..change to suit your needs */
    font-style:italic; /* italic, normal, oblique*/
    }

    /* =Menu
    -------------------------------------------------------------- */

    .skip-link {
    display:none;
    }
    #access {
    border-bottom:1px solid #ccc; /* Main Menu Border bottom....the line under the menu?? */
    height:32px;
    font-size:13px; /* size of the words ..change to suit your needs */
    overflow:visible;
    z-index:100;
    }
    /*** ESSENTIAL STYLES ***/
    .sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    .sf-menu { /* increase Vertical line height of main menu separators */
    line-height: 1.0;
    }
    .sf-menu ul {
    position: absolute;
    top: -999em;
    width: 10em; /* left offset of submenus need to match (see below) */
    }
    .sf-menu ul li {
    width: 100%;
    }
    .sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
    }
    .sf-menu li {
    float: left;
    position: relative;
    }
    .sf-menu a { /* Main menu disappears if you select display:none; or you can make a hidden class to make it go away*/
    display: block;
    position: relative;
    }
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
    left: 0;
    top: 2.5em; /* match top ul list item height */
    z-index: 99;
    }
    ul.sf-menu li:hover li ul,
    ul.sf-menu li.sfHover li ul {
    top: -999em;
    }
    ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
    }
    ul.sf-menu li li:hover li ul,
    ul.sf-menu li li.sfHover li ul {
    top: -999em;
    }
    ul.sf-menu li li li:hover ul,
    ul.sf-menu li li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
    }

    /*** THEMATIC SKIN ***/
    .sf-menu { /* Main Menu Far Right Border ONLY and not inside Border Color and width */
    border-right:1px solid #ccc; /* change the border width in pixels, solid, dotted?? and color */
    float:left; /* Mainmenu is default left but can slide to right with float:right; can we center it? No*/
    } /* floats are only Left and Right */
    .ie6 .sf-menu {
    margin-bottom: -1px;
    }
    .sf-menu a {
    border-left:1px solid #ccc; /* changes the LEFT BORDER on the main default menu */
    border-top:1px solid #ccc; /* changes the TOP BORDER on the main default menu */
    border-bottom:1px solid #ccc; /* changes the BOTTOM BORDER on the main default menu */
    padding:9px 13px; /* inside space between text and Border menu?? */
    text-decoration:none; /* underline, line through, overline or blinking text?? */
    }
    .windows .sf-menu a {
    font-size: 12px; /* Main Menu Font Size/ Change padding to suit your needs?? */
    padding:9px 13px 10px; /* Top Right and Bottom abstand...uh..space */
    }
    .sf-menu .current_page_item a,/* Bottom Border of MAIN MENU color of currently used page/ not when hover over ?? */
    .sf-menu .current_page_ancestor a,
    .sf-menu .current_page_parent a {
    border-bottom-color:#fff;
    }
    .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
    color: #666; /* The MAIN MENU BACKGROUND COLOR. on mousever changes to transparent or deep white */
    } /* childrend and grandchildren DO NOT INHERIT this unfortunately ..damn */

    .sf-menu li { /* main menu Parent pages BACKGROUND COLOR */
    background: #fff;
    }
    .sf-menu li li { /* main menu Children pages BACKGROUND COLOR?? Do not have children cant test*/
    background: #fff;
    }
    .sf-menu li li li { /* main menu GRANDCHILDREN pages BACKGROUND COLOR?? Do not have grandchildren cant test */
    background: #9AAEDB;
    }
    .sf-menu li:hover, .sf-menu li.sfHover,
    .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: #fafafa;
    outline: 0;
    border-bottom-color:#ccc;
    }
    .sf-menu ul { /* Main Menu CHILDREN of Parents Border properties */
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    }
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
    top:32px; /* overriding essential styles */
    }
    .sf-menu ul ul {
    margin-top:0;
    }
    .sf-menu ul a { /* Main menu childrens Color but when hovered over changes to transparent or white */
    background:#fafafa;
    border-bottom:none;
    }
    .sf-menu ul a:hover {
    color: #FF4B33;
    }

    /* =Content
    -------------------------------------------------------------- */

    #main {
    clear:both;
    padding:66px 0 22px 0;
    }
    .page-title {
    font-size:13px;
    line-height:18px;
    padding:0 0 44px 0;
    }
    .attachment .page-title {
    font-style:italic;
    }
    .page-title a {
    color:#666;
    text-decoration:none;
    }
    .page-title a:active,
    .page-title a:hover {
    color: #FF4B33;
    }
    .page-title span {
    font-style:italic;
    }
    .page-title .meta-nav {
    font-style:normal;
    }
    .hentry {
    padding:0 0 22px 0;
    }
    .single .hentry {
    padding:0;
    }
    .home #content .sticky {
    border:1px solid #ccc;
    margin:0 0 66px 0;
    padding:22px 20px 0 20px;
    }
    .entry-title {/*entry title.H3 type thing above everything and first text on comment page.says:page with comments*/
    font-family:Arial,sans-serif; /* in teh default thematics page */
    font-size:26px; /* size of font to suit your needs */
    font-weight:bold; /* bold, normal, or 100 to 900 to make it bigger */
    line-height:26px; /* the height of the line..so a line size */
    padding:0 0 7px 0; /* Top, Right, Bottom and Left padding */
    }
    .entry-title a {
    color:#000;
    text-decoration:none;
    }
    .entry-title a:active,
    .entry-title a:hover {
    color: #FF4B33;
    }
    .entry-meta {
    color:#666;
    font-size:13px;
    font-style:italic;
    line-height:18px;
    }
    .entry-meta .author {
    }
    .entry-meta .n {
    font-size:11px;
    font-style:normal;
    letter-spacing:0.05em;
    text-transform:uppercase;
    }
    .entry-meta a {
    color:#666;
    text-decoration:none;
    }
    .entry-meta a:active,
    .entry-meta a:hover {
    color: #FF4B33;
    }
    .entry-meta abbr {
    border:none;
    cursor:text;
    font-size:11px;
    font-style:normal;
    letter-spacing:0.05em;
    text-transform:uppercase;
    }
    .entry-content { /* i think this is inherited from the text that is under the "page with comments" comment*/
    padding:22px 0 0 0;
    }
    .entry-content h1,
    .entry-content h2 {
    font-family:Arial,sans-serif;
    font-size:19px;
    font-weight:bold;
    padding:28px 0 14px 0;
    }
    .entry-content h3 {
    font-size:17px;
    font-style:italic;
    padding:28px 0 14px 0;
    }
    .entry-content h4 {
    font-size:11px;
    font-family:Arial,sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.05em;
    }
    .entry-content table {
    margin-left:1px;
    }
    .entry-content embed {
    margin:0 0 22px 0;
    }
    .entry-utility {
    clear:both;
    color:#666;
    font-size:13px;
    line-height:18px;
    margin:0 0 44px 0;
    }
    .entry-utility a {
    color:#666;
    font-style:italic;
    text-decoration:none;
    }
    .entry-utility a:active,
    .entry-utility a:hover {
    color: #FF4B33;
    }
    .edit-link {
    clear:both;
    display:block;
    }
    .page-link {
    font-size:13px;
    font-weight:bold;
    line-height:18px;
    margin:0 0 22px 0;
    padding:22px 0 0 0;
    word-spacing:0.5em;
    }
    .page-link a {
    border:1px solid #ccc;
    color:#666;
    font-weight:normal;
    padding:0.5em 0.75em;
    text-decoration:none;
    }
    .page-link a:active,
    .page-link a:hover {
    color: #FF4B33;
    }
    ul#links-page,
    ul#archives-page {
    list-style:none;
    margin-left:0;
    overflow:hidden;
    }
    li.content-column {
    float:left;
    margin-right:20px;
    width:45%;
    }
    .gallery {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    padding:0 0 22px 0;
    }
    .gallery .gallery-row {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0;
    }
    .gallery .gallery-item {
    overflow: hidden;
    float: left;
    margin: 0;
    text-align: center;
    list-style: none;
    padding: 0;
    }
    .gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
    max-width: 89%;
    height: auto;
    padding: 1%;
    margin: 0 auto;
    border: none !important;
    }
    .gallery-caption {
    margin-left: 0;
    }
    .wp-caption-text,
    .gallery-caption {
    color:#666;
    font-size:13px;
    line-height:18px;
    }
    #author-info {
    margin:0 0 44px 0;
    overflow:hidden;
    }
    #author-info .avatar {
    float:left;
    margin:.3em 1em 0 0;
    }

    /* =Attachments
    -------------------------------------------------------------- */

    .attachment-jpeg #container,
    .attachment-png #container {
    width:100%;
    }
    .attachment-jpeg #content,
    .attachment-png #content {
    width:930px;
    }
    .attachment-jpeg #comments,
    .attachment-png #comments {
    width:540px;
    overflow:hidden;
    }
    .attachment-jpeg .main-aside,
    .attachment-png .main-aside {
    display:none;
    }

    /* =Navigation
    -------------------------------------------------------------- */

    .navigation {
    color:#666;
    font-size:13px;
    line-height:18px;
    margin:0px 0 22px 0;
    overflow:hidden;
    }
    .navigation a {
    color:#666;
    font-style:italic;
    text-decoration:none;
    }
    .navigation a:active,
    .navigation a:hover {
    color: #FF4B33;
    }
    .navigation .meta-nav {
    font-style:normal;
    }
    .nav-previous {
    float: left;
    width:50%;
    }
    .nav-next {
    float: right;
    width:50%;
    text-align:right;
    }
    #nav-above,#nav-below {
    width: 100%;
    }
    #nav-above {
    display:none;
    }
    .paged #nav-above {
    display:block;
    padding:0 0 44px 0;
    }

    /* =Comments
    -------------------------------------------------------------- */

    #comments {
    clear:both;
    padding:22px 0 0 0;
    }
    #comments,/* controls text of the contributors name and comment type such as Auhtor, contributor and anonymous*/
    #comments input,
    #comments textarea {
    font-size:13px; /* increase to suit your needs but make it too big and you have to change Box parameters too */
    line-height:18px; /* line height */
    }
    #comments code {
    font-size:12px;
    line-height:18px;
    }
    #comments h3 { /* changes POST a Comment Text above a comment Box */
    font-family:Arial,sans-serif; /* to whatver text style you want */
    font-size:15px; /* to whatever size you want */
    font-weight:bold; /* to either BOLD, Normal, or Oblique
    line-height:22px; /* space between Post a comment and Logged in below it */
    padding:0 0 18px 0;
    }
    #comments-list {
    padding:0 0 18px 0;
    }
    #comments-list ol,
    #comments-list ul {
    list-style:none;
    margin:0;
    }
    #comments-list ol {
    border:1px solid #ccc;
    border-bottom:none;
    margin:0 0 18px 0;
    }
    #comments-list li { /* this is the box where a comment goes when approved
    background:#fafafa;
    border-bottom:1px solid #ccc;
    padding:18px 1.5em 0 1.5em;
    position:relative;
    }
    #comments-list li.alt {
    background:#fff;/* changes background color of a commented box.author and anonymous only NOT a contributer??*/
    }
    #comments-list li.bypostauthor {
    background:#FFFFCC;
    }
    #comments-list ul li {
    border:1px solid #ccc;
    margin:0 0 18px 0;
    }
    #comments-list li .avatar {
    position:absolute;
    top:22px;
    left:1.5em;
    width:36px;
    height:36px;
    }
    #comments-list .comment-author {
    font-weight:bold;
    padding:9px 0 0 46px;
    }
    #comments-list .comment-meta {
    color:#666;
    font-size:11px;
    padding:0 0 9px 46px;
    }
    #comments-list .comment-meta a {
    color:#666;
    font-style:italic;
    text-decoration:none;
    }
    #comments-list .comment-meta a:active,
    #comments-list .comment-meta a:hover {
    color: #FF4B33;
    }
    .comment-reply-link {
    font-size:11px;
    padding:0 0 18px 0;
    text-align:right;
    }
    .comment-reply-link a {
    color:#666;
    font-style:italic;
    text-decoration:none;
    }
    .comment-reply-link a:active,
    .comment-reply-link a:hover {
    color: #FF4B33;
    }
    .comment-navigation {
    font-weight:bold;
    padding:0 0 18px 0;
    margin-right:0.5em;
    }
    .comment-navigation a {
    border:1px solid #ccc;
    color:#666;
    font-weight:normal;
    padding:0.5em 0.75em;
    text-decoration:none;
    }
    .comment-navigation a:active,
    .comment-navigation a:hover {
    color: #FF4B33;
    }
    .comment-navigation a,
    .comment-navigation span {
    margin-right:0.5em;
    }
    #trackbacks-list .comment-content {
    position:absolute;
    left:-10000px;
    }
    #respond {
    background:#fff;
    margin-bottom:22px;
    overflow:hidden;
    padding:18px 0 0 0;
    position:relative;
    }
    #comments-list #respond {
    border-bottom:1px solid #ccc;
    margin:0 0 18px 0;
    padding:18px 1.5em;
    }
    #comments-list ul #respond {
    border:1px solid #ccc;
    margin:0;
    }
    #cancel-comment-reply {
    font-size:11px;
    position:absolute;
    top:18px;
    right:1.5em;
    }
    #cancel-comment-reply a {
    color:#666;
    }
    #respond .required {
    color:#FF4B33;
    font-weight:bold;
    }
    .form-section label {
    font-size:11px;
    }
    .form-section input {
    margin:0 0 18px 0;
    width:98%;
    }
    .form-section textarea {
    width:99%;
    }
    #form-allowed-tags p {
    color:#666;
    font-size:11px;
    margin:0;
    }
    #form-allowed-tags span {
    font-style:italic;
    }
    #form-allowed-tags code {
    font-size:11px;
    line-height:normal;
    }
    .form-submit {
    padding:18px 0 0 0;
    text-align:right;
    }
    .subscribe-to-comments {
    color:#666;
    float:left;
    font-size:11px;
    margin:0;
    padding:18px 0 0 0;
    }
    .solo-subscribe-to-comments {
    color:#666;
    font-size:11px;
    padding:18px 0 0 0;
    }
    .comment_license {
    color:#666;
    clear:both;
    font-size:11px;
    margin:0;
    padding:18px 0 0 0;
    }

    /* =Asides, Sidebars & Widget-Ready Areas
    -------------------------------------------------------------- */

    .aside,
    .aside input { /* controls text in ALL asides */
    font-size:13px; /* increase or decrease to make asides text smaller or bigger to suit your needs */
    line-height:18px; /* space between the lines */
    margin-bottom:6px; /* seems to move ALL text in the right asides BUT the search bar and search bar title */
    }/* i was able to move the asides text right over and top of the search bar while it still shows */

    .aside p,
    .aside ul,
    .aside ol,
    .aside dd,
    .aside pre {
    margin-bottom:18px; /* seems to move PRIMARY aside text box Border up and down..the one with the search box */
    }
    .aside pre,
    .aside code {
    font-size:12px;
    line-height:18px;
    }
    .aside .current_page_item a {
    color: #FF4B33;
    }
    .aside .current_page_item .page_item a { /* seems to change asides H3 titles and bullet colors */
    color:#666;
    }
    .aside .current_page_item .page_item a:hover,
    .aside .current_page_item .page_item a:active {
    color: #FF4B33;
    }
    .aside {
    color:#666; /* color of links in the asides or widgets...dont know if they have been clicked yet though */
    }
    .aside a {
    color:#666;
    }
    .aside a:active,
    .aside a:hover {
    color: #FF4B33;
    }
    .aside h3 { /* ALL asides H3 headers...titles of the widgets */
    font-size:15px; /* change to suit needs */
    font-style:italic; /* italic, normal, oblique */
    line-height:22px; /* puts space between the H3 titles of widgets and text below it */
    }
    .aside h3 a { /* you can change this to underline but not recommended to make a non-link look like a link..confuses*/
    text-decoration:none; /* overline, linethrough, underline and blinking text can be used */
    }
    .aside caption {
    font-size:11px;
    font-family:Arial,sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.05em;
    }
    .aside ul {/* changes H3 titles bullet in all asides it seems to a list that you can order.e.g. A,b,c,d or I,II,III*/
    list-style:none;/* IF you had them that is as they are off by default. If you do this then list will go */
    margin-left:0; /* out side of the main aside box..the one with the search box */
    }
    .aside ul ul {
    list-style:disc; /* bullets in front of links in the asides - Dont know what outside and none are?? */
    margin:0 0 22px 20px;
    }
    .aside ul ul li {
    padding:1px 0; /* padding or space between ALL links in the right asides */
    }
    .aside ul ul ul {
    margin-bottom:0;
    }
    .aside form,
    .aside table {
    margin-bottom:22px;
    }
    .aside table {
    border:none;
    }
    .aside thead {
    border:1px solid #ccc;
    }
    .aside tbody {
    border:1px solid #ccc;
    }
    .aside th, .aside td {
    border-right:1px solid #ccc;
    padding:.25em .8em;
    }
    .aside tfoot tr {
    border:none;
    }
    .aside tfoot td {
    border-color:transparent;
    }
    .widget_tag_cloud {
    margin:0 0 22px 0;
    }
    .aside #searchsubmit {
    display: none;
    }
    /*
    Main Asides
    */
    .main-aside ul {
    padding:0 20px;
    }
    .main-aside h3 {
    }
    .main-aside ul ul {/* can move the links under the H3 headers of asides to the right slightly by increasing this by 1*/
    padding:0; /* any more than that with default settings and text stops moving - cos of padding elsewhere?? */
    }
    #primary {/* primary aside with search box */
    border:1px solid #ccc; /* the border of the primary aside box */
    padding:18px 0 0 0; /* 18px is TOP padding 0 0 0 are right,bottom and left padding */
    margin-bottom:22px; /* space between bottom border and whatever is underneath it..increase to get more space */
    }
    /*
    Content Asides
    */
    #content .aside {
    border:1px solid #ccc;
    margin:0 0 22px 0;
    padding:18px 0 0 0;
    }
    #content .aside ul {
    padding:0 20px;
    }
    #content .aside h3 {
    font-family:Georgia,serif;
    font-weight:normal;
    font-size:17px;
    font-style:italic;
    padding:0 0 7px 0;
    text-transform:none;
    }
    #content .aside ul ul {
    padding:0;
    }
    /*
    Footer Asides
    */
    #subsidiary {
    padding:33px 0 0 0;
    }

    /* =Footer
    -------------------------------------------------------------- */

    #footer {
    border-top:1px solid #ccc; /* the 1 pixel line right above the footer */
    margin-top:22px; /* increase space between teh footer line and text underneath */
    }
    #siteinfo {
    color:#666;
    font-size:11px;
    line-height:18px;
    padding:22px 0 44px 0;
    }
    #siteinfo a {
    color:#666;
    }
    #siteinfo a:active,
    #siteinfo a:hover {
    color: #FF4B33;
    }

    /* =PageNavi
    -------------------------------------------------------------- */

    /* Using !important to override PageNavi CSS */

    .wp-pagenavi {
    margin:0 0 0 -.5em;
    padding:0.5em 0;
    }
    .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {
    border:1px solid #ccc !important;
    color:#666!important;
    font-style:normal;
    margin:0 .375em !important;
    padding:0.5em 0.25em !important;
    }
    .wp-pagenavi a:visited {
    border:1px solid #ccc !important;
    color:#666 !important;
    }
    .wp-pagenavi a:hover {
    border:1px solid #ccc !important;
    color:#FF4B33 !important;
    }
    .wp-pagenavi a:active {
    border:1px solid #ccc !important;
    color:#FF4B33 !important;
    }
    .wp-pagenavi span.pages {
    border:none !important;
    color:#666 !important;
    margin:0 !important;
    padding:0 !important;
    }
    .wp-pagenavi span.current {
    border:none !important;
    color:#666 !important;
    font-weight:normal !important;
    margin:0 !important;
    padding:0 !important;
    }
    .wp-pagenavi span.extend {
    background-color:#FFFFFF;
    border:1px solid #000000;
    color:#000000;
    margin:2px;
    padding:2px 4px;
    }

    Posted 8 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.