173 lines
3.3 KiB
CSS
173 lines
3.3 KiB
CSS
/**
|
|
* Base styles.
|
|
* Provides sensible defaults for everything to save you time. Override
|
|
* with an empty stylesheet to start over from scratch.
|
|
*/
|
|
|
|
/**
|
|
* Skip navigation ====================================================
|
|
*/
|
|
#skip-link {
|
|
position:absolute;
|
|
display:block;
|
|
}
|
|
|
|
#skip-link a,
|
|
#skip-link a:link,
|
|
#skip-link a:visited {
|
|
position:absolute;
|
|
display:block;
|
|
left:-10000px;
|
|
width:1px;
|
|
height:1px;
|
|
}
|
|
|
|
#skip-link a:hover,
|
|
#skip-link a:active,
|
|
#skip-link a:focus {
|
|
position:static;
|
|
width:auto;
|
|
height:auto;
|
|
}
|
|
|
|
/**
|
|
* Page width limiter =================================================
|
|
*
|
|
* Can be nested within major structural elements to allow full-width
|
|
* bleeds combined with a fixed page width. Set a width on this in your
|
|
* theme to get a consistent page width on major elements.
|
|
*/
|
|
.limiter { margin:0px auto; }
|
|
|
|
/**
|
|
* Links ==============================================================
|
|
*
|
|
* Any ul.links are given a horizontal tab-like formatting.
|
|
*/
|
|
ul.links li,
|
|
ul.links li a { float:left; }
|
|
|
|
ul.links.inline,
|
|
ul.links.inline li,
|
|
ul.links.inline li a {
|
|
float:none;
|
|
display:inline;
|
|
}
|
|
|
|
/**
|
|
* Prose ==============================================================
|
|
*
|
|
* By default, any text which is suspected to have gone through an
|
|
* input filter is given the 'prose' class. We want to format it with
|
|
* readability and nice defaults in mind.
|
|
*/
|
|
.prose { line-height:20px; }
|
|
|
|
.prose h1,
|
|
.prose h2,
|
|
.prose h3,
|
|
.prose h4,
|
|
.prose h5,
|
|
.prose h6,
|
|
.prose p,
|
|
.prose ul,
|
|
.prose ol,
|
|
.prose pre,
|
|
.prose div.codeblock,
|
|
.prose blockquote { margin: 0px 0px 20px; }
|
|
|
|
.prose h1,
|
|
.prose h2,
|
|
.prose h3,
|
|
.prose h4,
|
|
.prose h5,
|
|
.prose h6 { font-weight:bold; }
|
|
.prose h1 { font-size:18px; }
|
|
.prose h2 { font-size:15px; }
|
|
|
|
.prose pre,
|
|
.prose code,
|
|
.prose div.codeblock {
|
|
font-size:11px;
|
|
font-family: monospace;
|
|
}
|
|
|
|
.prose pre,
|
|
.prose blockquote,
|
|
.prose div.codeblock {
|
|
line-height:20px;
|
|
background:#f8f8f8;
|
|
padding:4px 9px;
|
|
border:1px solid #eee;
|
|
border-left:5px solid #eee;
|
|
}
|
|
|
|
.prose ol li,
|
|
.prose ul li {
|
|
display:list-item;
|
|
margin:0px 0px 0px 30px;
|
|
padding:0px;
|
|
}
|
|
|
|
.prose ol li { list-style:decimal; }
|
|
|
|
.prose ul li { list-style:disc; }
|
|
|
|
.prose img { display:block; }
|
|
|
|
/* Excluding Drupal structures */
|
|
.prose .links,
|
|
.prose .links li,
|
|
.prose .item-list ul,
|
|
.prose .item-list li {
|
|
margin:0px;
|
|
padding:0px;
|
|
list-style:none;
|
|
}
|
|
|
|
/**
|
|
* Tables =============================================================
|
|
*/
|
|
table {
|
|
width:100%;
|
|
margin:0px 0px 20px;
|
|
}
|
|
|
|
table th,
|
|
table td { vertical-align:middle; }
|
|
|
|
/**
|
|
* Forms ==============================================================
|
|
*/
|
|
input.form-text,
|
|
select,
|
|
textarea { border:1px solid #ccc; }
|
|
|
|
input.form-submit,
|
|
label { font-weight:bold; }
|
|
|
|
input.form-submit { cursor:pointer; }
|
|
|
|
input.form-radio,
|
|
input.form-checkbox { vertical-align:middle; }
|
|
|
|
.form-item .description,
|
|
.description {
|
|
color:#666;
|
|
font-size:11px;
|
|
}
|
|
|
|
fieldset.collapsible .fieldset-title { cursor:pointer; }
|
|
html.js fieldset.collapsed .fieldset-content { display:none; }
|
|
|
|
/**
|
|
* Views ==============================================================
|
|
*/
|
|
table.grid-2 td { width:50%; }
|
|
table.grid-3 td { width:33.3%; }
|
|
table.grid-4 td { width:25%; }
|
|
table.grid-5 td { width:20%; }
|
|
table.grid-6 td { width:16.6%; }
|
|
table.grid-7 td { width:14.2%; }
|
|
table.grid-8 td { width:12.5%; }
|