Graphene 1.1.4 Child: My latest style.css

  • Anonymous

    #519

    Greetings, everyone!

    Here is my latest Graphene 1.1.4 Child Theme style.css code.

    You are welcome to use what You like:

    /*
    Theme Name: Graphene Child
    Theme URI: http://www.yoursite.com/
    Description: Child theme for the Graphene theme
    Author: Your name
    Author URI: http://www.yoursite.com
    Template: graphene
    Version: 0.1.1.4
    */

    @import url("http://www.yoursite.com/wp-content/themes/graphene/style.css");

    /* My modification goes here */

    #top-bar {
    height: 46px;

    }

    .menu li a, .menu li a:visited {
    color: #F5F5F5;
    font: 13px/24px Tahoma;
    padding: 0 4px;
    text-decoration: none;
    }

    .post {
    -moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    -webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    box-shadow: inset 0px 0px 1px 1px #C4C4C4;

    }

    .entry-content p, .slider_post_entry p, .entry-content ul, .entry-content ol, .comment-entry ol{
    font-size: 14px/17px,1em;
    font-family: Tahoma,Helvetica,Arial,sans-serif;
    color: #696A6C;
    }

    .post-meta li {
    font: 12px/18px tahoma;
    list-style-position: outside;
    list-style-type: none;
    }

    .post-meta .post-author, .post-meta .edit-post {
    font: 12px/18px tahoma;
    color: #696A6C;
    }

    .post-tags {
    color: #929292;
    float: left;
    font: 12px/18px tahoma;
    margin-top: 5px;
    width: 250px;
    }

    .slider_post h2 a, .slider_post h2 a:visited{
    font:normal 22px georgia;
    }

    .featured_slider{
    background: -moz-linear-gradient(left top , #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));
    background: linear-gradient(left top, #E0E0E0, #EEEEEE);
    -moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    -webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    }

    .featured_slider #slider_root {
    -moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    -webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    background: none repeat scroll 0 0 #FFFFFF;
    }

    .block-button, .block-button:visited {
    -moz-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0 0 5px #BBBBBB;
    background: -moz-linear-gradient(#CCCCCC, #737373) repeat scroll 0 0 transparent;
    -webkit-border-radius:5px;
    border-radius:5px;
    border: 1px solid #BBBBBB;
    display:block;
    font:bold 12px arial;
    text-decoration:none;
    padding:5px 15px 6px 15px;
    color:#FFFFFF;
    text-shadow:0 -1px 1px #444444;
    margin-top:10px;
    position:relative;
    float:right;
    -webkit-box-shadow:0 0 5px #BBBBBB;
    box-shadow:0 0 5px #BBBBBB;
    background:#B5B5B5;
    background:-moz-linear-gradient(#CCCCCC, #737373);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#CCCCCC), to(#737373));
    background:linear-gradient(#CCCCCC, #737373);
    -pie-background: linear-gradient(#CCCCCC, #737373);
    }

    .block-button:hover{
    text-decoration:none;
    color:#FFFFFF;
    cursor:pointer;
    background:#D4D4D4;
    background:-moz-linear-gradient(#D4D4D4, #737373);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#D4D4D4), to(#737373));
    background:linear-gradient(#D4D4D4, #737373);
    -pie-background: linear-gradient(#D4D4D4, #737373);
    }

    .sliderpost_featured_image img {
    -moz-box-shadow: 0 0 0 #555555;
    }

    .sidebar h3 {
    background:#B5B5B5;
    background: -moz-linear-gradient(#CCCCCC, #737373) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CCCCCC), to(#737373));
    background: linear-gradient(#CCCCCC, #737373);
    -pie-background: linear-gradient(#CCCCCC, #737373);
    border-bottom: 1px solid #9096A1;
    }

    .sidebar, .sidebar p, .sidebar li {
    font-family: Tahoma,Helvetica,Arial,sans-serif;
    font-size: 13px;
    color: #696A6C;
    }

    #previous, #previous a, #previous a:visited, #next-post, #next-post a, #next-post a:visited {
    color: #757575;
    font: 12px tahoma;
    text-decoration: none;
    }

    #footer {
    -moz-box-shadow: 0px 0px 5px 0px #000000;
    -webkit-box-shadow: 0px 0px 5px 0px #000000;
    box-shadow: 0px 0px 5px 0px #000000;
    }

Viewing 1 post (of 1 total)

  • You must be logged in to reply to this topic.