[aros-stuff: viewing './css/style.css']

aros-stuff.tk/css/style.css

/*
    #5fc07b
    #29aa4d
    #1d7737
    #18602e
    
    #b2b2b2
    #e2e2e2
*/

/*
    ELEMENTS
*/

body {
    font-family:      Trebuchet MS, sans-serif;
    font-size:        12px;
    letter-spacing:   .1em;
    color:            black;
    background-color: white;
}

a {
    color: #1d7737;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
    color: #b2b2b2;
}

ul, li {
    margin: 0px;
    padding: 0px;
}
ul { margin-left: 1.5em; }


input, textarea, select {
    font: inherit;
    background: inherit;
    border: 1px solid #666666;
}

option {
    background: #e2e2e2;
    font:       inherit;
}

option, select {
    margin: 0px;
    padding: 0px;
}

input:focus, textarea:focus {
    border: 1px solid black;
    background: url('/raketen/images/entry_bg.png') repeat scroll top left;
}

input[type="submit"], input[type="reset"] {
    background-color: #e2e2e2;
    padding: .25em 1em .25em 1em;
}

fieldset {
    width:   90%;
    margin:  auto auto 1em auto;
    padding: .5em 1em 2em 1em;
    border:  1px dotted black;
}


/*
    Pseudo-elements 
*/

::-moz-selection {
    background-color: green;
    color:            #ffffff;
}
::selection {
    background-color: green;
    color:            #ffffff;
}


/*
    ID's
*/

#all {
    background-color: #e2e2e2;
    position:    absolute;
    width:       700px;
    margin-left: -350px;
    left:        50%;
    border-left: 1px solid black;
    border-right:1px solid black;
    background: #e2e2e2 url('/raketen/images/main_bg.png') no-repeat scroll bottom right;
}
* html #all/**/ {
    position:static !important;
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/raketen/images/main_bg.png',sizingMethod='scale');
}

#header {
    padding:            0px;
    height:           140px;
    font-size:         34px;
    background: #ffffff url('/raketen/images/top.png') no-repeat scroll top left;
    border-bottom:     1px solid black;
}
* html #header/**/ {
    position:static !important;
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/raketen/images/top.png',sizingMethod='scale');
}

#navigation {
    position: relative;
    font-size: 120%;
    font-variant: small-caps;
    text-transform: capitalize;

    background-color: #ffffff;
    border-bottom:     1px solid black;
    padding-top: .5em;
    padding-bottom: .5em;
}

#navigation a, #navigation em {
    padding-left:   1.5em;
    padding-right:  1.5em;
    padding-top:    .5em;
    padding-bottom: .5em;
    text-decoration: none;
    color:           #1d7737;
    font-weight:     bold;
}

#navigation em {
    color:       #999;
    font-weight: normal;
    font-style:  normal;
}

#navigation a:hover {
    color:            #ffffff;
    background-color: #e2e2e2;
}

#content {
    float:  left;
    border: 0px;
    width:  450px;
    margin: 10px 0px 0px 15px;
}

#content .entry {
    width: 400px;
    padding: 0px;
}

#content .entryCaption, #sidebar .entryCaption {
    height:       35px;
    padding-top:  20px;
    padding-left: 20px;
}

#content .entryCaption {
    background: url('/raketen/images/entry_top.png') no-repeat scroll top left;
}
#content .entryContent, #content .entrySubContent {
    margin: 0px;
    background: url('/raketen/images/entry_bg.png') repeat scroll top left;
}
#content .entryFooter {
    background: url('/raketen/images/entry_bottom.png') no-repeat scroll bottom left;
}
* html #content .entryCaption/**/ {
    position:static !important;
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/raketen/images/entry_top.png',sizingMethod='scale');
}
* html #content .entryContent, *html #content .entrySubContent /**/ { 
    position:static !important;
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/raketen/images/entry_bg.png',sizingMethod='scale');
}
* html #content .entryFooter/**/{
    position:static !important;
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/raketen/images/entry_bottom.png',sizingMethod='scale');
}
* html #content * a { position: relative !important; }

#sidebar {
    width:   220px;
    float:   right;
    padding: 0px;
    margin:  10px 15px 0px 0px;
}

#sidebar .entryCaption {
    background: url('/raketen/images/sidebar_top.png') no-repeat scroll top left;
}
#sidebar .entryContent, #sidebar .entrySubContent {
    margin: 0px;
    background: url('/raketen/images/entry_bg.png') repeat scroll top left;
}
#sidebar .entryFooter {
    background: url('/raketen/images/sidebar_bottom.png') no-repeat scroll bottom left;
}
* html #sidebar .entryCaption/**/ {
    position:static !important;
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/raketen/images/sidebar_top.png',sizingMethod='scale');
}
* html #sidebar .entryContent, *html #sidebar .entrySubContent /**/ { 
    position:static !important;
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/raketen/images/entry_bg.png',sizingMethod='scale');
}
* html #sidebar .entryFooter/**/{
    position:static !important;
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/raketen/images/sidebar_bottom.png',sizingMethod='scale');
}


#footer {
    padding:       1em;
    margin-top:    2em;
    height:        50px;
    border-top:    2px dotted #e2e2e2;
    border-bottom: 1px solid black;
    color:         #f8f8f8;
}

#footer a
    { color: #b2b2b2; }

/*
    CLASSES
*/

.right {
    text-align:   right;
    margin-right: 1em;
}

.entry {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
}
.entry img {
    border: 0px;
    vertical-align: middle;
    margin: 5px;
    margin-left: 10px;
}

.entryCaption {
    color:          green;
    font-weight:    bold;
    font-size:      130%;
    font-variant:   small-caps;
    text-transform: capitalize;
}

.entryContent {
    padding:  1em;
    border-top: 2px dotted #e2e2e2;
    margin-bottom: 0px;
}

.entrySubContent {
    border-top:    2px dotted #e2e2e2;
    color:      #666666;
    padding:    1em;
}

.entrySubContent img {
    margin: 0px;
    border: 0px;
}

.entryFooter {
    height: 40px;
}

.default {
    font-variant: normal;
    text-transform: none;
}
.small {
    font-size: 50%;
}
.float {
    float: left;
}
.rfloat {
    float: right;
    padding-right: 45px;
}

.formCaption {
    margin-top:   5px;
    font-weight: bold;
}
.formInput {
    margin-left: 30px;
}
.hidden {
    display: none;
}
Source