182 lines
3.4 KiB
CSS
182 lines
3.4 KiB
CSS
/* --------------------------------------------------------------
|
|
|
|
H6e Minimal Layout
|
|
* handle header, footer & main content
|
|
|
|
-------------------------------------------------------------- */
|
|
|
|
/* Header
|
|
-------------------------------------------------------------- */
|
|
|
|
.h6e-header {
|
|
background:#464646;
|
|
padding:1em 2em;
|
|
border-bottom:2px groove #CCCCCC;
|
|
padding:1em 1.5em;
|
|
}
|
|
|
|
.h6e-header h1 {
|
|
margin:0;
|
|
font-family:Georgia,"Times New Roman",Times,serif;
|
|
font-size:2.2em;
|
|
}
|
|
|
|
.h6e-header h1,
|
|
.h6e-header h1 a,
|
|
.h6e-header h1 a:visited { color:white; text-decoration:none; }
|
|
.h6e-header h1 a:hover { text-decoration:underline; }
|
|
|
|
/* Main & Extra Content
|
|
-------------------------------------------------------------- */
|
|
|
|
.h6e-main-content, .h6e-extra-content {
|
|
width:50em;
|
|
margin:0 auto;
|
|
padding:1.5em 2.5em;
|
|
overflow:hidden;
|
|
font-size:1.2em;
|
|
}
|
|
|
|
/* Page Title
|
|
-------------------------------------------------------------- */
|
|
|
|
.h6e-page-title {
|
|
color:black;
|
|
font-size:2.5em;;
|
|
letter-spacing:-0.05em;
|
|
}
|
|
|
|
.h6e-page-title a { color:black; text-decoration:none; }
|
|
.h6e-page-title a:hover { text-decoration:underline; }
|
|
.h6e-page-title a:visited { color:black; }
|
|
|
|
/* Footer
|
|
-------------------------------------------------------------- */
|
|
|
|
.h6e-footer {
|
|
background:#535353;
|
|
padding:1em 2em;
|
|
}
|
|
|
|
.h6e-footer p {
|
|
margin-bottom:0;
|
|
font-size:1.4em;
|
|
font-weight:bold;
|
|
color:#C4C4C4;
|
|
}
|
|
|
|
.h6e-footer a { color:#C4C4C4; }
|
|
|
|
/* Extra Content
|
|
-------------------------------------------------------------- */
|
|
|
|
.h6e-extra {
|
|
background:#F8F9FC url(img/background-ds.gif) top left repeat-x;
|
|
}
|
|
|
|
.h6e-extra-content {
|
|
background:url(img/v-spacer.gif) 50% 50% repeat-y;
|
|
margin-top:1.5em;
|
|
font-family:Tahoma, Arial, sans-serif;
|
|
}
|
|
|
|
.h6e-extra-primary, .h6e-extra-secondary {
|
|
width:45%;
|
|
font-size:0.9em;
|
|
}
|
|
|
|
.h6e-extra-primary { float:right; }
|
|
.h6e-extra-secondary { float:left; }
|
|
|
|
.h6e-extra-widget {
|
|
margin:2.5em 0;
|
|
font-size:1.2em;
|
|
}
|
|
|
|
.h6e-extra-title {
|
|
color:#4E5368;
|
|
font-size:1.6em;
|
|
margin-bottom:0.75em;
|
|
text-transform:capitalize;
|
|
letter-spacing:-0.075em;
|
|
}
|
|
|
|
.h6e-extra-widget ul {
|
|
margin-left:0;
|
|
list-style-type:none;
|
|
}
|
|
|
|
.h6e-extra-widget li {
|
|
margin:0.2em 0;
|
|
}
|
|
|
|
/* Mini Footer
|
|
-------------------------------------------------------------- */
|
|
|
|
.h6e-mini-footer {
|
|
clear:left;
|
|
}
|
|
|
|
.h6e-mini-footer p {
|
|
width:40%;
|
|
float:right;
|
|
margin:2em 0;
|
|
padding:2%;
|
|
padding-left:6%;
|
|
color:white;
|
|
background:#4E5368 url(img/puce-mini-footer.gif) 5% 50% no-repeat;
|
|
font-size:0.9em;
|
|
}
|
|
|
|
.h6e-mini-footer p a { color:white; }
|
|
|
|
/* Post Info
|
|
-------------------------------------------------------------- */
|
|
|
|
.h6e-post-info {
|
|
background:transparent url(img/post-info.gif) no-repeat scroll left center;
|
|
margin:0.25em 0 2em;
|
|
padding-left:8px;
|
|
}
|
|
|
|
/* Post Content
|
|
-------------------------------------------------------------- */
|
|
|
|
.h6e-post-content blockquote {
|
|
margin-left:1em;
|
|
border-left:0.5em solid #ccc;
|
|
padding-left:1em;
|
|
}
|
|
|
|
.h6e-post-content blockquote p {
|
|
text-align:left;
|
|
}
|
|
|
|
/* List
|
|
-------------------------------------------------------------- */
|
|
|
|
.h6e-list {
|
|
margin-left:8px;
|
|
line-height:1.2em;
|
|
}
|
|
|
|
.h6e-list {
|
|
list-style-type:none;
|
|
}
|
|
|
|
.h6e-list li {
|
|
padding-left:1em;
|
|
background:url(img/cross-blue.gif) 0 0.5em no-repeat;
|
|
margin-bottom:0.25em;
|
|
}
|
|
|
|
/* Simple Footer
|
|
-------------------------------------------------------------- */
|
|
|
|
.h6e-simple-footer {
|
|
border-top:1px solid #CCCCCC;
|
|
margin-top:2em;
|
|
padding-top:0.5em;
|
|
padding-bottom:2em;
|
|
}
|