Language: CSS

info (30-Jul @ 05:44)

Syntax Highlighted Code

  1. /* messages
  2. ----------------------------------------------------------------------------*/
  3. .error, .info { width: 100%; margin: 20px 0; padding: 10px 0; color: #fff; }
  4. .error { background: #c00; }
  5. .info { background: #0c0; }

Plain Code

/* messages
----------------------------------------------------------------------------*/
.error, .info { width: 100%; margin: 20px 0; padding: 10px 0; color: #fff; }
.error { background: #c00; }
.info { background: #0c0; }

Untitled CSS (28-Jul @ 20:22)

Syntax Highlighted Code

  1. body {
  2.     margin: 10px;
  3.     padding: 0;
  4.     font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  5. [92 more lines...]

Plain Code

body { 
    margin: 10px;
    padding: 0; 
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    background-color: #EDEDEC;
}

#wrapper {
    width: 760px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 250px;
    width: 1000px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 960px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

Untitled CSS (28-Jul @ 15:19)

Syntax Highlighted Code

  1. /* basic elements */
  2. html {
  3.     margin: 0;
  4.     padding: 0;
  5. [35 more lines...]

Plain Code

/* basic elements */
html {
    margin: 0;
    padding: 0;
    }
body { 
    font: 75% georgia, sans-serif;
    line-height: 1.88889;
    color: #555753; 
    background: #fff url(blossoms.jpg) no-repeat bottom right; 
    margin: 0; 
    padding: 0;
    }
p { 
    margin-top: 0; 
    text-align: justify;
    }
h3 { 
    font: italic normal 1.4em georgia, sans-serif;
    letter-spacing: 1px; 
    margin-bottom: 0; 
    color: #7D775C;
    }
a:link { 
    font-weight: bold; 
    text-decoration: none; 
    color: #B7A5DF;
    }
a:visited { 
    font-weight: bold; 
    text-decoration: none; 
    color: #D4CDDC;
    }
a:hover, a:active { 
    text-decoration: underline; 
    color: #9685BA;
    }
acronym {
    border-bottom: none;
    }

Untitled CSS (26-Jul @ 21:47)

Syntax Highlighted Code

  1. body,fieldset,form,ul,li,p,html,img,a,h2,blockquote {
  2.     border:none;
  3.     margin:0;
  4.     padding:0;
  5. [385 more lines...]

Plain Code

body,fieldset,form,ul,li,p,html,img,a,h2,blockquote {
    border:none;
    margin:0;
    padding:0;
    list-style:none;
    font-family:helvetica,arial,sans-serif;
    text-transform:lowercase;
}

body {
}

.clear{
    clear:both;
}
.red {
    color:#df0000;
}

.i {
    font-style:italic;
}

.b {
    font-weight:bold;
}

#project_bar_hidden {
    background:green;
    height:20px;
    width:100%;
    position:fixed;
    opacity:0.1;
}

#project_bar {
    background:#000;
    padding:0.4em;
    font-size:1em;
    position:fixed;
    width:100%;
    color:#fff;
    margin-top:-40px;
}

#project_bar:hover {
    /*margin-top:0;
    opacity:1;
    border-bottom:0;*/
}

#project_bar div {
    float:left;
    width:500px;
}

#project_bar a {
    display:block;
    float:right;
    background:#999;
    color:#fff;
    border:1px solid #333;
    padding:0.25em 0.5em;
    margin-right:10px;
}

#project_bar a:hover {
    background:#333;
    color:#fff;
    border:1px solid #999;
    text-decoration:none;
}

#wrapper {
    width:26em;
    padding:1.5em;
    margin:0 auto;
    background:#fff;
}

#logo {
    float:left;
    width:15em;
}

#logo a {
    display:block;
    text-decoration:none;
    color:#000;
}

h1 span.red{
    padding:0 0 0 10px;
}

h1 {
    font-size:4.5em;
    letter-spacing:-0.1em;
    color:black;
}

#nav {
    padding:3em 0 0 0.25em;
    width:10em;
    float:left;
}

#nav ul {
    border-left:1px solid black;
    padding:0 0 0 1.25em;
    font-size:0.8em;
}

#nav ul li {
    margin:0px 0 0.6em 0;
}

#nav ul li a {
    color:black;
}

#nav ul li a:hover {
    color:#df0000;
}

form h2 {
    font-size:3em;
    font-weight:normal;
}

form ul {
    padding:0 0 1.7em 0;
}

.help {
    font-weight:bold;
    font-size:0.4em;
    margin:0 0 0 -0.3em;
    cursor:help;
}

label.cancel {
    display:block;
    float:right;
    font-size:0.4em;
    margin:-1.4em 0 0 0;
    cursor:pointer;
    color:#614141;
}

label.cancel:hover {
    color:#df0000;
}

.submit {
    border:none;
    display:block;
    width:100%;
    background:#ffadad;
    color:#614141;
    padding:0.5em;
    font-size:1.5em;
    font-weight:bold;
    border-right:1px solid #ff6464;
    border-bottom:1px solid #ff6464;
    text-align:center;
    text-decoration:none;
}

.submit:hover {
    cursor:pointer;
}

.submit:active {
    border-top:1px solid #301818;
    border-left:1px solid #301818;
    background:#f00;
    color:#610000;
    border-right:none;
    border-bottom:none;
}

#badges {
    padding:2em 0 0 0;
}

#growl_box {
    width:200px;
    position:fixed;
    top:10px;
    right:10px;
    background:black;
    display:none;
    color:#fff;
    padding:10px;
    font-size:0.8em;
    line-height:1.3em;
}

#growl_box a {
    float:right;
    text-decoration:none;
    font-weight:bold;
    font-size:1em;
    padding:0 0 0.2em 0.2em;
}

.info {
    display:none;
} 

#overlay {
    background:#000;
    position:absolute;
    z-index:998;
    opacity:0;
}

#popup {
    position:absolute;
    z-index:999;
    opacity:0;
    background:#fff;
    overflow:auto;
}

#popup_content {
    padding:10px 10px 0px 10px;
}

#popup_close span {
    cursor:pointer;
    font-weight:bold;
    color:#df0000;
    display:block;
    width:50px;
    float:right;
    border:1px solid blue;
}

#popup_content p{
    padding:0 0 1em 0;
    text-transform:none;
    line-height:1.2em;
}

#popup_content ul {
    padding-left:10px;
}

#popup_content ul li {
    padding:0 0 0.5em 0;
    line-height:1em;
    list-style:disc;
}

#popup_content h3 {
    padding:0;
    margin:0 0 0.7em 0;
    border-bottom:1px solid #000;
}

#remember {
    color:#999;
    font-size:0.8em;
    line-height:1.3em;
}

#table_of_contents ul {
    padding:0 0 0 1em;
}

#table_of_contents ul li ul li{
    list-style-type:lower-roman;
}

#table_of_contents ul li {
    padding:0.2em 0 0 0;
    list-style-type:upper-roman;
}

#table_of_contents ul li a{
    color:#000;
}

#table_of_contents ul li a:hover{
    color:#df0000;
}

#wrapper h3 {
    border-bottom:1px solid black;
    padding-bottom:0;
}

#wrapper h4 {
    margin-bottom:0;
    border-bottom:1px dotted black;
}

.num_list {
    padding:0.5em 0 0 1em;
}

.num_list li{
    list-style-type:decimal;
    margin:0.2em 0 0.2em 0;
}

#documentation {
    font-size:0.9em;
}

#documentation p {
    padding:0.4em 0 0.4em 0;
    line-height:1.2em;
}

code,blockquote {
    background:#ccc;
    padding:0.5em;
    display:block;
    border:1px solid #999;
    overflow:auto;
    margin-bottom:0.3em;
}

.email_reveal {
    display:block;
    margin:0 auto;
}

.myemail {
    text-align:center;
}

.myemail a{
    font-size:0.8em;
    color:#000;
}

.myemail a:hover{
    color:#df0000;
}

/* Welcome and how-to styles */

span.welcome_left,span.welcome_right {
    display:block;
    margin:10px 0 0 0;
}

span.welcome_left {
    float:left;
}

span.welcome_right {
    float:right;
}

a.welcome {
    padding:3px;
    color:#df0000;
    text-decoration:none;
}

a.welcome:hover {
    color:#fff;
    background:#df0000;
    text-decoration:none;
}

a {
    color:#df0000;
    text-decoration:none;
}

a:hover {
    color:#df0000;
    text-decoration:underline;
}

.submit_skip {
    border:0;
    background:transparent;
    color:#df0000;
}

.submit_skip:hover {
    text-decoration:underline;
}

Untitled CSS (16-Jul @ 20:26)

Syntax Highlighted Code

  1. <style type="text/css" media="screen">
  2.     body {
  3.         margin: 0;
  4.         padding: 0;
  5. [45 more lines...]

Plain Code

<style type="text/css" media="screen">
    body {
        margin: 0;
        padding: 0;
        background: #1a1613 url(images/bg_tutBody.gif) repeat-x;
    }
    img { border: 0; }
    
    #siteWrap { /* The wrapper for my page icons and bubbles */
        margin: 287px auto 0 auto;
        width: 642px;
        height: 345px;
        position: relative;
        background: transparent url(images/bg_pageWrap.jpg) no-repeat top left;
    }
    
    #pageWrap { /* Wrapper for my page icons */
        position: absolute;
        z-index: 5;
        top: 138px;
        left: 134px;

    }
    /* Page specific styles */
    #psdPage {
        margin-right: 19px;
        float: left;
        cursor: pointer;
    }
    #netPage {
        margin-right: 20px;
        float: left;
        cursor: pointer;
    }    
    #audioPage {
        float: left;
        cursor: pointer;
    }
    #bubbleWrap { /* Wrapper for my bubbles */
        position: absolute;
        z-index: 10;
        left: 158px;
        top: 30px;
    }
    .bubble {
        position: absolute;
    }

</style>

Untitled CSS (16-Jul @ 20:13)

Syntax Highlighted Code

  1. sdfgsdfgsfdg

Plain Code

sdfgsdfgsfdg

qwdsd (2-Jul @ 12:54)

Syntax Highlighted Code

  1. * html #web{table-layout:none!;}

Plain Code

* html #web{table-layout:none!;}

Untitled CSS (24-Jun @ 14:22)

Syntax Highlighted Code

  1. @charset "utf-8";
  2. /* WACS Styles */
  3. /* v1.0 | 20080423 */
  4.  
  5. [1142 more lines...]

Plain Code

@charset "utf-8";
/* WACS Styles */
/* v1.0 | 20080423 */

/* General definitions */
body { background: #f7ecce; color: #000000; font: normal 11px/17px Arial, Helvetica, sans-serif; }
.clear-both { clear: both }
/* Text formating definitions */
h2 {
    float: right;
    font: bold 1.3em/1.7em Verdana, Helvetica, Arial, sans-serif;
    color: #ba3e30;
}
h3, h4 {
    font: bold 1.0em/1.7em Verdana, Helvetica, Arial, sans-serif;
    color: #ba3e30;
    display: block;
    clear: both;
    margin: 10px 0 5px 0;
}
h4 {
    font: bold .9em/1.7em Verdana, Helvetica, Arial, sans-serif;
    padding: 0 0 5px 0;
}
p {
    clear: both;
    width: 100%;
}

/* General layout styling */
#header,
#footer {
    margin: 0 auto;
    width: 720px;
}
#dashlarge #header,
#dashlarge #footer {
    width: 840px;
}
#privacy #header p {
    width: 685px;
}
#header {
    height: 50px;
    text-align: right;
}
    #header p {
        font-weight: bold;
        font-size: 9px;
        font-family: Arial, Helvetica, sans-serif;
        text-align: right;
        padding: 25px 10px 0 0;
    }
        #header span.logintext {
            display: block;
            float: right;
            color: #748752;
        }
        #header span.logintext strong {
            color: #cc2508;
        }
        #header a.logout {
            display: block;
            float: right;
            color: #f7ecce;
            text-decoration: none;
            background: transparent url(../newimages/bt.log-out.png) 0 0 no-repeat;
            width: 54px;
            height: 18px;
            margin: 0 0 0 10px;
        }
        #header a.logout:hover {
            background-position: 0 -18px;
        }
    #header #login form {
        padding: 15px;
    }
        #header #login form input {
            border: 1px solid #748752;
            padding: 2px;
            font-size: 10px;
        }
        #header #login form input.loginbtn {
            background: transparent url(../newimages/bt.login.png) 0 0 no-repeat;
            width: 54px;
            height: 18px;
            cursor: pointer;
        }
        #header #login form input.loginbtn:hover {
            background: transparent url(../newimages/bt.login.png) 0 -18px no-repeat;
        }
        #header #login form label {
            color: #748752;
            margin: 8px 0 7px 0;
            font-size: 10px;
            font-weight: bold;
        }
#wrapper {
    margin: 0 auto;
    width: 725px;
    padding: 5px 0 5px 5px;
    background-color: #f4e6be;
}
#dashlarge #wrapper {
    width: 845px;
}
    #content {
        float: left;
        width: 405px;
        background-color: #fff;
        padding: 10px 35px;
    }
    #content embed {
        margin: 0 0 0 -10px;
    }
    #dashlarge #content {
        width: 525px;
    }
    #content2 {
        margin: 5px 5px 0 0;
        background-color: #fff;
        padding: 20px 20px;
    }
        #content2 h2 {
            float: left;
        }
/* AssetListAppContent params */
        #AssetListAppButtons {
            width: 800px;
            padding: 0 0 20px 0;
        }
            #AssetListAppCol1 {
                float: left;
                width: 240px;
            }
            #AssetListAppCol2 {
                float: left;
                width: 560px;
            }
/* END */
    #dashlarge #content2 {
        width: 800px;
    }
    #dashnormal #content2 {
        width: 680px;
    }
    #overview #content2 {
        padding: 20px 35px;
    }
        #swappermenu ul {
            float: left;
            padding: 30px 30px 30px 0;
        }
        #swappermenu ul li {
            width: 130px;
        }
        #swappermenu ul li.last {
            margin: 20px 0 0 0;
        }
        #swappermenu ul li a {
            display: block;
            width: 130px;
            color: #333333;
            text-decoration: none;
            padding: 3px 0 3px 5px;
        }
        #swappermenu ul li a.odd:hover,
        #swappermenu ul li.ui-tabs-selected a.odd,
        #swappermenu ul li a.eve:hover,
        #swappermenu ul li.ui-tabs-selected a.eve {
            background: #748751;
            color: #ffffff;
        }
        #swappermenu ul li a.odd {
            background: #f4e6be;
        }
        #swappermenu ul li a.eve {
            background: #f7ecce;
        }
        #swappermenu div p {
            padding: 0 0 5px 0;
        }
        #swappermenu div p strong {
            color: #748751;
        }
        .ui-tabs-hide {
            display: none;
        }
        .ui-tabs-panel {
            float: left;
            width: 460px;
            padding: 15px;
            background: transparent;
        }
    

        #breadcrumb {
            width: 200px;
            float: right;
            margin: -70px 0 0 0;
            text-align: right;
        }
        #breadcrumb span {
            display: block;
            color: #5c8da6;
            text-decoration: underline;
        }
        #breadcrumb strong {
            display: block;
            color: #748751;
        }
        h1#logo {
            width: 198px;
            height: 156px;
            display: block;
            margin: -40px 0 0 -47px;
        }
            h1#logo a {
                display: block;
                background: transparent url(../newimages/wacs-logo.png) no-repeat 0 0;
                text-indent: -9999px;
                width: 198px;
                height: 156px;
            }
        ul#top-links {
            float: right;
            margin: -126px 35px 0 0;
        }
            ul#top-links li {
                float: left;
            }
                ul#top-links li a {
                    display: block;
                    width: 66px;
                    height: 29px;
                    text-indent: -9999px;
                }
                ul#top-links li a.bt-home {
                    background: transparent url(../newimages/buttons-top.png) 0 0 no-repeat;
                }
                ul#top-links li a.bt-overview {
                    background: transparent url(../newimages/buttons-top.png) -66px 0 no-repeat;
                }
                ul#top-links li a.bt-faq {
                    background: transparent url(../newimages/buttons-top.png) -132px 0 no-repeat;
                }
                ul#top-links li a.bt-students {
                    background: transparent url(../newimages/buttons-top.png) -198px 0 no-repeat;
                }
                ul#top-links li a.bt-home:hover {
                    background: transparent url(../newimages/buttons-top.png) 0 -29px no-repeat;
                }
                ul#top-links li a.bt-overview:hover {
                    background: transparent url(../newimages/buttons-top.png) -66px -29px no-repeat;
                }
                ul#top-links li a.bt-faq:hover {
                    background: transparent url(../newimages/buttons-top.png) -132px -29px no-repeat;
                }
                ul#top-links li a.bt-students:hover {
                    background: transparent url(../newimages/buttons-top.png) -198px -29px no-repeat;
                }
                ul#top-links li a.bt-home-active {
                    background: transparent url(../newimages/buttons-top.png) 0 -58px no-repeat;
                }
                ul#top-links li a.bt-overview-active {
                    background: transparent url(../newimages/buttons-top.png) -66px -58px no-repeat;
                }
                ul#top-links li a.bt-faq-active {
                    background: transparent url(../newimages/buttons-top.png) -132px -58px no-repeat;
                }
                ul#top-links li a.bt-students-active {
                    background: transparent url(../newimages/buttons-top.png) -198px -58px no-repeat;
                }
        #content a {
            color: #5C8DA6;
        }
        #content p.warning {
            color: #b63e30;
        }
        #content p.narrow {
            width: 320px;
        }
        #content a#demo {
            float: right;
            display: block;
            width: 77px;
            height:90px;
            margin: -60px 0 0 0;
            text-decoration: none;
        }
        #content a#demo span.viewdemo {
            display: block;
            width: 90px;
            height: 14px;
            margin: 5px 0 0 0;
            text-indent: -9999px;
            line-height: .01em;
            background: transparent url(../newimages/bt.view-demo.png) 0 0 no-repeat;
        }
        #content a#demo:link span.viewdemo {
            background: transparent url(../newimages/bt.view-demo.png) 0 0 no-repeat;
        }
        #content a#demo:hover span.viewdemo {
            background: transparent url(../newimages/bt.view-demo.png) 0 -14px no-repeat;
        }
            /*#content p a.leftfloat img {
                margin: 0 0 5px 0;
            }
            #content h3.leftfloattitle {
                display: block;
                float: right;
                width: 310px;
            }*/
        #noflash { display:none; }
    #sidebar {
        float: left;
        width: 240px;
        margin-left: 5px;
    }
        #right-image {
            width: 240px;
            height: 327px;
        }
    #footer {
        padding: 14px;
    }
        #footer a, #footer span {
            color: #748752;
            padding: 3px 8px;
            font: bold 10px/12px Arial, Helvetica, sans-serif;
        }
        #footer img#wacs-logo {
            float: right;
            margin: -10px 20px 0 0;
        }

/* Green bar */
/* ************** bottom section (green bar) ************** */

#bottom {
    background: #748751;
    height: 140px;
    margin: 5px 5px 0 0;
}
#bottom #WACSBadgeAppContent {
    display:block;
    width:240px;
    float:left;
    margin:0;
}
#bottom ul {
    list-style-type: none;
    padding: 15px 0 10px 0;
    margin: 0 0 0 -55px;
    float: left;
}
    #bottom ul li {
        float: left;
        width: 115px;
        text-align: left;
        margin: 15px 10px 0 0;
        line-height: 1.2em;
        color: #f7ecce;
    }
    #bottom ul li span {
        display: block;
        font-weight: bold;
        margin: 0 0 8px 0;
    }
    * html #bottom ul li {
        width: 115px;
        margin-right: 15px;
    }

#click_to_begin {
    float: left;
}
#click_to_begin a {
    display: block;
    background: transparent url(../newimages/bt.start-wacs.png) 0 0 no-repeat;
    width: 120px;
    height: 106px;
    text-indent: -9999px;
    margin:15px 65px 0 15px;
}
#click_to_begin a:hover {
    background: transparent url(../newimages/bt.start-wacs.png) 0 -106px no-repeat;
}
* html #click_to_begin a { position: absolute; }



/* Page Specific Widgets */
/*** FLOATER LEFT ***/
.floater-left {
    float: left;
    width: 120px;
}
.floater-left > a {
    display: block;
    margin: 15px 0 0 0;
}
.floater-left-data {
    float: left;
    width: 280px;
}
/*** REGISTER INFO ***/
    #register-info {
        background-color: #748751;
        color: #F7ECCE;
        clear: both;
        margin-bottom: -18px;
        width: 670px;
        padding: 10px 25px;
        height: 108px;
    }
        #register-info dl { position: relative; }
            #register-info dl dt {
                position: absolute;
                font-weight: bold;
                width: 145px;
                top: 10px;
            }
            #register-info dl dd {
                position: absolute;
                width: 125px;
                top: 26px;
                line-height: 1.2;
            }
            .col-1 { left: 0; }
            .col-2 { left: 145px; }
            .col-3 { left: 290px; }
            .col-4 { left: 435px; }
        #register-info a {
            display: block;
            background: transparent url(../newimages/register-here.gif) no-repeat 0 0;
            width: 106px;
            height: 108px;
            float: right;
            overflow: hidden;
            text-indent: -999px;
        }

/* General tag styling */
    #sidebar .sideimage1 {
        background: transparent url(../newimages/right-image-1.jpg) 100% 0 no-repeat;
    }
    #sidebar .sideimage2 {
        background: transparent url(../newimages/right-image-2.jpg) 100% 0 no-repeat;
    }
    #sidebar .sideimage3 {
        background: transparent url(../newimages/right-image-3.jpg) 100% 0 no-repeat;
    }
    #sidebar .sideimage4 {
        background: transparent url(../newimages/right-image-4.jpg) 100% 0 no-repeat;
    }
    #sidebar .sideimage5 {
        background: transparent url(../newimages/right-image-5.jpg) 100% 0 no-repeat;
    }
    #sidebar .sideimage6 {
        background: transparent url(../newimages/right-image-6.jpg) 100% 0 no-repeat;
    }
    #form-assets {
        height: 30px;
        width: 100%;
        clear: both;
    }
    a#showhelp, a#editmyaccount, a#deletestudent, a#deleteclass, a#editstudent {
        display: block;
        float: left;
        text-decoration: none;
    }
    a#showhelp {
        background: transparent url(../newimages/bt.why-this-info.png) 0 0 no-repeat;
        margin: 15px 0 0 0;
        width: 85px;
        height: 14px;
    }
    a#showhelp:hover {
        background: transparent url(../newimages/bt.why-this-info.png) 0 -14px no-repeat;
    }
    a#deletestudent {
        background: transparent url(../newimages/bt.delete-student.png) 0 0 no-repeat;
        width: 87px;
        height: 14px;
        margin: 7px;
    }
    a#editstudent {
        background: transparent url(../newimages/bt.edit-student.png) 0 0 no-repeat;
        width: 87px;
        height: 14px;
        margin: 7px 10px;
    }
    a#deleteclass {
        background: transparent url(../newimages/bt.delete-class.png) 0 0 no-repeat;
        width: 77px;
        height: 14px;
        margin: 7px;
    }
    a#deletestudent:hover,
    a#editstudent:hover,
    a#deleteclass:hover {
        background-position: 0 -14px;
    }
    a#editmyaccount {
        background: transparent url(../newimages/bt.edit-my-account.png) 0 0 no-repeat;
        margin: 15px 0 0 0;
        width: 97px;
        height: 14px;
    }
    a#editmyaccount:hover {
        background: transparent url(../newimages/bt.edit-my-account.png) 0 -14px no-repeat;
    }
    a#viewschoolreport, a#viewdistrictreport, a#viewstatereport,
    a#addclass, a#addstudent, a#addschool, a#adddistrict, a#editaccount {
        display: block;
        float: left;
        height: 84px;
        text-decoration: none;
        margin: 20px 7px 20px 0;
    }
    #dashlarge a#viewschoolreport, #dashlarge a#addclass, #dashlarge a#addstudent {
        margin: 20px 25px 20px 0;
    }
    a#viewschoolreport {
        width: 124px;
        background: transparent url(../newimages/bt.view-school-report.png) 0 0 no-repeat;
    }
    a#viewdistrictreport {
        width: 124px;
        background: transparent url(../newimages/bt.view-district-report.png) 0 0 no-repeat;
    }
    a#viewstatereport {
        width: 124px;
        background: transparent url(../newimages/bt.view-state-report.png) 0 0 no-repeat;
    }
    a#addclass {
        width: 118px;
        background: transparent url(../newimages/bt.add-class.png) 0 0 no-repeat;
    }
    a#addstudent {
        width: 140px;
        background: transparent url(../newimages/bt.add-student.png) 0 0 no-repeat;
    }

    a#addschool {
        width: 134px;
        background: transparent url(../newimages/bt.add-school.png) 0 0 no-repeat;
    }
    a#adddistrict {
        width: 134px;
        background: transparent url(../newimages/bt.add-district.png) 0 0 no-repeat;
    }
    a#editaccount {
        width: 118px;
        background: transparent url(../newimages/bt.edit-account.png) 0 0 no-repeat;
    }
    a#viewschoolreport:hover, a#viewdistrictreport:hover, a#viewstatereport:hover, 
    a#addclass:hover, a#addstudent:hover, a#addschool:hover, a#adddistrict:hover, a#editaccount:hover {
        background-position: 0 -84px;
    }

/* Registration Page specific styling */
            .form-entry-error {
                float: right;
                font-weight: bold;
                color: #ba3e30;
                margin: 13px 0 0 0;
                width: 300px;
                text-align: left;
            }
            #registration h3 span {
                font-size: 11px;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: normal;
                color: #000000;
            }
/* Registration Form styling */
            #registrationForm,
            #registrationStart {
                padding: 0;
            }
                #registration input,
                #registration select {
                    float: left;
                    border: 1px solid #748752;
                    padding: 2px;
                    font-size: 10px;
                }
                #registration input {
                    width: 150px;
                    margin: 11px 150px 10px 0;
                }
                #dlmedia #registration #account-data input {
                    float: left;
                    width: 10px;
                    margin: 11px 8px 10px 0;
                }
                #registration select {
                    width: 156px;
                    margin: 11px 144px 10px 0;            
                }
                #registration label {
                    float: left;
                    color: #748752;
                    width: 80px;
                    margin: 11px 0 10px 0;
                    font-size: 10px;
                    font-weight: bold;
                }
                #dlmedia #registration #account-data label {
                    display: block;
                    float: left;
                    width: 380px;
                    margin: 4px 0 10px 0;
                }
                #dlmedia #registration #account-data label span {
                    display: block;
                    font-weight: normal;
                }
                #registration input.withexplanation {
                    margin: 11px 0px 10px 0;
                }
                #registration span.explanation {
                    float: right;
                    margin: 11px 0 10px 4px;
                    font-size: 10px;
                    font-weight: bold;
                    color: #748752;
                    line-height: 2em;
                    width: 164px;
                }
                .helpwindow {
                    color: #5c8da6;
                    display: none;
                }
                .clientvalidation {
                    color: #ba3e30;
                    display: block;
                }
                #account-info,
                #account-data {
                    padding: 15px 0;
                }
                #registration .chklist input {
                    width: auto;
                    margin: 12px 5px 7px 5px;
                }
                .data-unknown {
                    display: block;
                    float: left;
                }
                #account-info .data-unknown.chklist {
                    width: 120px;
                }
                #account-data .data-unknown.chklist {
                    width: 75px;
                }
                #account-data .data-unknown.chklist label {
                    width: 50px;
                }
                #account-info .data-known.chklist {
                    float: left;
                    display: block;
                    width: 285px;
                }
                #account-data .data-known.chklist {
                    float: left;
                    display: block;
                    width: 330px;
                }
                #account-info .data-known.chklist label {
                    width: 115px;
                    text-align: right;
                }
                #account-data .data-known.chklist label {
                    width: 120px;
                    text-align: right;
                }
                #account-data .data-known.chklist label.altcol {
                    width: 160px;
                }
                .data-other label {
                    width: 30px;
                    text-align: right;
                }
                .data-other.chklist input {
                    margin: 12px 12px 7px 5px;
                }
                .data-other.chklist input.otherinput {
                    margin: 8px 12px;
                }
                .data-other {
                    float: right;
                    clear: both;
                }
                #studentRegistrationForm2 #account-next {
                    width: 210px;
                }
                fieldset#account-info, fieldset#account-clas {
                    border-top: 1px solid #748752;
                    clear: both;
                }
                    fieldset#account-clas p {
                        padding: 0 0 5px 0;
                    }
                    fieldset#account-clas .saveadd {
                        border: 0;
                        height: 14px;
                        width: 178px;
                        text-indent: -9999px;
                        cursor: pointer;
                        background: transparent url(../newimages/bt.save-and-add.png) no-repeat 0 0;
                    }
                    fieldset#account-clas .saveadd:hover {
                        background-position: 0 -14px;
                    }
                fieldset#account-next {
                    width: 140px;
                    float: right;
                    margin: 0 0 -10px 0;
                }
                #forgot #registration p {
                    padding: 12px 0 0 0;
                }
                #forgot #registration form #account-data {
                    margin: 0; padding: 0;
                }
                #forgot #registration fieldset#account-data input {
                    float: none;
                    margin: 5px 0 7px 0;
                    width: 218px;
                }
                #forgot #registration fieldset#account-data label {
                    width: 170px;
                    margin: 5px 10px 7px 0;
                    text-align: right;
                }
                #forgot #registration fieldset#account-data span.explanation {
                    margin: -5px 10px 0 0;
                }
                #login #registration fieldset#account-data {
                    padding-bottom: 0;
                }
                #login #registration fieldset#account-data label {
                    text-align: right;
                    width: 50px;
                    padding: 0;
                    margin: 10px 10px 10px 0;
                }
                #login #registration fieldset#account-data input {
                    width: 120px;
                    margin: 8px 15px 10px 0;
                }
                #login #registration fieldset#account-data span.explanation {
                    display: block;
                    float: left;
                    margin: -10px 0 0 70px;
                }
                #login #registration fieldset#account-info {
                    float: right;
                    border: 0;
                    width: 150px;
                    padding: 0 10px 0 0;
                    margin: 0;
                }
                #login #registration fieldset#account-info a {
                    display: block;
                    float: right;
                    text-align: right;
                    padding: 20px 8px 30px 0;
                    width: 150px;
                }
                #login #registration p {
                    word-spacing: -.1em;
                    padding: 1.4em 0 1em 0;
                }
                #registrationStart fieldset#account-next {
                    width: 140px;
                    float: right;
                    text-align: right;
                    margin: 0 0 -10px 0;
                }
                    fieldset#account-next input.cancel,
                    fieldset#account-next input.done,
                    fieldset#account-next input.next,
                    fieldset#account-next input.save,
                    fieldset#account-next input.back,
                    fieldset#account-next input.ok,
                    fieldset#account-next input.yes,
                    fieldset#account-next input.no,
                    fieldset#account-next input.delete,
                    fieldset#account-next input.start {
                        border: 0;
                        width: 66px;
                        height: 29px;
                        cursor: pointer;
                        margin: 0 2px;
                        text-indent: -9999px;
                    }
                    #forgot fieldset#account-info {
                        border: 0;
                        padding: 0 0 30px 0;
                    }
                    #forgot fieldset#account-info input.enter,
                    #login fieldset#account-info input.enter {
                        float: right;
                        border: 0;
                        width: 64px;
                        height: 14px;
                        cursor: pointer;
                        margin: 0 8px 0 2px;
                        text-indent: -9999px;
                        background: transparent url(../newimages/bt.enter.png) no-repeat 0 0;
                    }
                    #forgot fieldset#account-info input.enter:hover,
                    #login fieldset#account-info input.enter:hover {
                        background-position: 0 -14px;
                    }
                    fieldset#account-next input.cancel {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat 0 0;
                    }
                    fieldset#account-next input.cancel:hover {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat 0 -29px;
                    }
                    fieldset#account-next input.done {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -66px 0;
                    }
                    fieldset#account-next input.done:hover {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -66px -29px;
                    }
                    fieldset#account-next input.next {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -132px 0;
                    }
                    fieldset#account-next input.next:hover {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -132px -29px;
                    }
                    fieldset#account-next input.save {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -198px 0;
                    }
                    fieldset#account-next input.save:hover {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -198px -29px;
                    }
                    fieldset#account-next input.back {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -264px 0;
                    }
                    fieldset#account-next input.back:hover {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -264px -29px;
                    }
                    fieldset#account-next input.ok {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -330px 0;
                    }
                    fieldset#account-next input.ok:hover {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -330px -29px;
                    }
                    fieldset#account-next input.yes {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -396px 0;
                    }
                    fieldset#account-next input.yes:hover {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -396px -29px;
                    }
                    fieldset#account-next input.no {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -462px 0;
                    }
                    fieldset#account-next input.no:hover {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -462px -29px;
                    }
                    fieldset#account-next input.delete {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -528px 0;
                    }
                    fieldset#account-next input.delete:hover {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -528px -29px;
                    }
                    fieldset#account-next input.start {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -330px 0;
                    }
                    fieldset#account-next input.start:hover {
                        background: transparent url(../newimages/buttons-bottom.png) no-repeat -330px -29px;
                    }
                    #content a.ok {
                        float: right;
                        margin: 30px 0 -10px 0;
                    }
            #registration h4 {
                color: #ba3e30;
                margin: 10px 0 0 0;
            }
            #registration p.address {
                margin: 0 0 0 40px;
            }
            #registration #assetStateName,
            #registration #assetDistrictName,
            #registration #assetSchoolName,
            .assetStateName,
            .assetDistrictName,
            .assetSchoolName {
                /*display: none;*/
            }

/* Dev Page specific styling */
#home-page #content,
#home-page #sidebar,
#overview-page #content,
#overview-page #sidebar {
    margin-bottom: 5px;
}

#privacy ul#top-links { margin-right: 254px; }

/* Privacy Page specific styling */
#privacy #wrapper {
    padding: 5px;
}
#privacy #content {
    width: 655px;
}
#privacy p, #privacy h3 {
    margin-left:35px;
    margin-right:35px;
    width:585px;
}
#privacy h2 { margin-right:35px;}
#registrationStart {
    margin-top: 20px;
}

#registrationStart fieldset#env1,
#registrationStart fieldset#env2 {
    width: 150px;
    display: block;
    float: left;
    text-align: left;
}

#registrationStart p {
    font-size: 130%;
    font-weight: bold;
    color: #748752;
    float: left;
    clear: none;
    display: block;
    width: 50px;
    padding: 75px 0 0 0;
    margin: 0 20px 50px 35px;
}
#registrationStart p.clientvalidation{
    margin: 5px 15px;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
    color: #ba3e30;
    width: 120px;;
}
#registrationStart fieldset#env1 select,
#registrationStart fieldset#env2 select,
#registrationStart fieldset#env1 input,
#registrationStart fieldset#env2 input,
#registrationStart fieldset#env1 label,
#registrationStart fieldset#env2 label {
    margin: 0;
    width: 10px;
}
#registrationStart fieldset#env1 label,
#registrationStart fieldset#env2 label {
    cursor: pointer;
    display: block;
}
#registrationStart fieldset#env1 input,
#registrationStart fieldset#env2 input {
    margin: 3px 4px 0 0;
}

#registrationStart fieldset#env1 a {
    background: transparent url(../newimages/env1.png) no-repeat 5px 0;
    display: block;
    width: 75px;
    height: 75px;
    cursor: pointer;
}
#registrationStart fieldset#env2 a {
    background: transparent url(../newimages/env2.png) no-repeat 10px 0;
    display: block;
    width: 115px;
    height: 75px;
    cursor: pointer;
}

#registrationStart fieldset#env1 label,
#registrationStart fieldset#env2 label {
    font-size: 120%;
    font-weight: bold;
    margin: 4px 0pt 0pt 4px;
    width:130px;
}

#registrationStart fieldset#env1 select,
#registrationStart fieldset#env2 select {
    margin: 10px 0 0 17px;
    width: 120px;
}

#env-key {
    clear: both;
    margin: 20px 0;
    display: block;
    background: #F6F4E2;
    min-height: 35px;
}

#env-key a#show-key {
    background: transparent url(../newimages/show-key.png) no-repeat 50% 50%;
    width: 68px;
    height: 15px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    padding: 10px;
}

#env-key a#show-key.active {
    background: transparent url(../newimages/hide-key.png) no-repeat 50% 50%;
}

#env-key #show-key-text {
    display: none;
    padding: 0 20px 10px 20px;
}

#env-key #show-key-text h3 {
    font-size: 12px;
    padding: 10px 0 0 10px;
    margin: 0;
}

    #env-key #show-key-text strong {
    color: #748751;
}

#env-key #show-key-text p {
    width: 95%;
    padding: 0 10px 10px 10px;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    color: #000;
}

/* fix for round corners on modals */
body#modal { background: transparent; }
#modalcorner {
    background: #25231F;
}
/* end fix */

#modal h2 {
    float: none;
    margin-bottom: 10px;
}

#modal .explanation {
    color: #748752;
    margin: 0 0 0 90px;
    width: auto;
    float: left;
}

#modal form fieldset#account-next {
    margin: 0;
}

#modal #registration {
    background: #fff;
    padding: 20px 20px 0 20px;
}

#modal #registration label {
    width: 100px;
}

#modal #registration #account-data input,
#modal #registration #account-data select {
    margin: 11px 100px 10px 0;
}
#modal #registration #account-data input.propalign {
    display: none;
    margin-left: 90px;
}

#modal .cancel,
#modal .next {
    margin-right: 50px;
    width: 66px;
}
#modal #addclassform #account-data input {
    width: 280px;
    margin: 8px 0 10px 0;
}
#modal #addclassform .explanation {
    margin: 0 0 0 100px;
}
#modal #adddistrictform #account-data,
#modal #addschoolform #account-data {
    padding: 0;
}
/* FAQ ZONE */
.fq {
    margin-bottom: 1px;
    padding: 3px 2px 3px 3em;
    background-color: #f5edce;    
    letter-spacing: 0px;
    line-height: 15px;
    text-indent: -2em;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.fqs {
    background-color: #eee3bd;
}

.fc {
    margin: 1.5em 1em 1.5em 1em;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

.fh {
    /*background-position: 0px 0px;
    background-image: url(../images/btn_arrow_right_filled.png);
    background-repeat: no-repeat;*/
    background-color: #8f9f6f;
    color: #fcfcfc;
    cursor: pointer;
}

.fs {
    /*background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image: url(../images/btn_arrow_down_filled.png);*/
    background-color: #748751;
    color: #ffffff;
}

Untitled CSS (20-Jun @ 17:59)

Syntax Highlighted Code

  1. #poop {width:auto}

Plain Code

#poop {width:auto}

center align (9-Jun @ 09:51)

remy

Syntax Highlighted Code

  1. .center {
  2.   display: block;
  3.   margin: 0 auto;
  4. }

Plain Code

.center {
  display: block;
  margin: 0 auto;
}

Untitled CSS (7-Jun @ 13:36)

Syntax Highlighted Code

  1. #id
  2. {
  3. color: red;
  4. }

Plain Code

#id
{
color: red;
}

Untitled CSS (5-Jun @ 00:08)

Syntax Highlighted Code

  1. body{
  2.     background: red;
  3. }

Plain Code

body{
    background: red;
}

Untitled CSS (30-May @ 21:13)

Syntax Highlighted Code

  1. #FFF4C2

Plain Code

#FFF4C2

Untitled CSS (26-May @ 20:20)

Syntax Highlighted Code

  1. body {display: none}

Plain Code

body {display: none}

Untitled CSS (13-May @ 23:37)

Syntax Highlighted Code

  1. .hamid {margin: 0}

Plain Code

.hamid {margin: 0}

Button background images (1-May @ 18:36)

remy

Syntax Highlighted Code

  1. input.button {
  2.   background: transparent url(/images/button.jpg) no-repeat;
  3.   border: none;
  4.   cursor: pointer;
  5. [3 more lines...]

Plain Code

input.button {
  background: transparent url(/images/button.jpg) no-repeat;
  border: none;
  cursor: pointer;
  /* height and width of real image */
  height: 28px !important;
  width: 69px !important;  
}

Generic menu layout (1-May @ 08:29)

remy

Syntax Highlighted Code

  1. /** generic menu layout */
  2. ul.navigation {
  3.   list-style: none;
  4.   margin: 0;
  5. [16 more lines...]

Plain Code

/** generic menu layout */
ul.navigation {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

ul.navigation li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}

ul.navigation li.right {
  right: 0;
  position: absolute;
}

Untitled CSS (21-Apr @ 13:35)

Syntax Highlighted Code

  1. .profile_head_AIK .profile_head
  2. {
  3.     background: url('http://images.hamsterpaj.net/profile_themes/AIK/profile_head_bg.png');
  4. }

Plain Code

.profile_head_AIK .profile_head
{
    background: url('http://images.hamsterpaj.net/profile_themes/AIK/profile_head_bg.png');
}

Show All (1-Dec @ 16:24)

darthmahon.myopenid.com

Syntax Highlighted Code

  1. *{display: block;}

Plain Code

*{display: block;}

Untitled CSS (1-Dec @ 16:23)

darthmahon.myopenid.com

Syntax Highlighted Code

  1. *{display: none;}
  2. h1{font-weight: bold;}

Plain Code

*{display: none;}
h1{font-weight: bold;}