archived-web-php/styles/home.css

/* Home Page

complimentary greens: 9FB553    7B8851    61761B    C6DA82    CCDA99

*/
body #head-beta-warning + #head-nav + #intro {
    margin-top:2em;
}
#intro {
    background:#444449;
    box-shadow:inset 0 0 2em rgba(0,0,0,.375);
    color:#fff;
    border-bottom:.25em solid #99c;
}
#intro p {
    text-shadow:0 1px 2px rgba(0,0,0,.5);
    font-size:1.25em;
    line-height:1.2;
    margin-bottom:1.2em;
}   
#intro .blurb p {
    line-height:1.8;
} 
#intro .blurb p:last-child {
    margin-bottom:0;
}   
#intro h2 {
    font-size:1.25em;
    line-height:1.8;
    color:#ccc;
    text-shadow:0 -1px 0 rgba(0,0,0,.25);
    text-transform:uppercase;
    letter-spacing:3px;
    word-spacing:6px;
}
#intro .row-fluid {
    position:relative;
}
#intro .background {
  display:none;
}
#intro .download-php {
    text-align:left;
    margin:0 1.5em;
    padding:.75em 0;
}
#intro .download-php .row-fluid p {
    margin-top:0;
    margin-bottom:0;
}
#intro .download-php .row-fluid p.notes {
    font-size:.75em;
    line-height:2;
}
.download-php a {
    color:#ccc;
    border:0;
}
.download-php a.download-link {
    border:0;
    color:#fff;
}
.download-php a.download-link:before {
    content: "\21AF \2003";
}

#head-beta-warning {
    padding:.25em 0;
    border:0;
    background-color: #99C;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
}

#beta-warning {
    margin: 0 auto;
    text-align: center;
}

#beta-warning .blurb {
    color: #EEE;
}

#beta-warning .blurb a {
    color: #333;
}

#beta-warning .blurb strong {
    color: #333;
}

#beta-warning-close {
    background-color: #333;
    color: #EEE;
    font-weight: bold;
    text-decoration: none;
    margin: 0 0 0 1em;
    width: 1.2em;
    height: 1.2em;
    padding: 0 0.375em;
    text-align: center;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border:0;
}

/* Announcement Area */

.home aside.tips {
    background:transparent;
    padding:0;
    border:0;
}
.home aside.tips div.inner {
    padding:0;
    clear:none;
    border:0;
    background:inherit;
}
.home .announcements {
    display: block;
    background-color: #eeeef6;
    border:1px solid #e6e6ee;
    border-bottom-color:#d6d6dd;
    border-radius: 0 0 2px 2px;
    padding: 1em;
    margin: 0;
    list-style: none;
}
.home .announcements li + li {
    margin-top:.75em;
}
.home .announcements ul, .home .announcements ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* Right-hand sidebar */

.home aside.tips h3.panel {
    margin:0.66666666666667em 0;
}

.home aside.tips h3.panel a {
    background:#f2f2f2;
    color:#333;
    border:1px solid #e6e6e6;
    border-bottom-color:#dcdcdc;
    border-radius:2px;
    display: block;
    padding: .625em 0.88888888888889em;
}
.home aside.tips h3.panel a::after {
    float:right;
    content:"»";
    color:#666;
}
.home aside.tips h3.panel a:hover,
.home aside.tips h3.panel a:focus {
    background:#eeeef6;
    border-bottom-color:#d6d6dd;
    color:#000;
}
.home aside.tips h3.panel a:hover::after,
.home aside.tips h3.panel a:focus::after {
    color:#333;
}

.home aside.tips a:link,
.home aside.tips a:visited {
    border-bottom-color: transparent;
}
.home aside.tips a:hover,
.home aside.tips a:focus {
    border-bottom-color: inherit;
    border-bottom-color:rgba(63, 67, 141, 0.5);
}

.home-content #recentNewsEntries {
    position: relative;
}

.home-content .separator {
    clear: left;
    height:.25em;
    margin-top:3em;
    margin-bottom:-.25em;
    background:#669;
}

.home .newsItem {
    border-bottom: 0;
}
.home .newsItem + .newsItem {
    border-top: 1px dotted #999;
    padding-top:.75em;
}
.newsItem h2 a {
    border-bottom-width:0;
}
.newsItem h2 a:hover,
.newsItem h2 a:focus {
    border-bottom-width:1px;
}
.fullArticleLink {
    font-size:.75em;
    line-height: 2;
}
.fullArticleLink a {
    color:#666;
    border-color:transparent;
}
.fullArticleLink a:hover,
.fullArticleLink a:focus {
    color:#333;
    border-bottom-color:#333;
}
.newsArchive {
    text-align: right;
}