/**
* @file
* HTML Element Styling
*
* Ok, I admit it. I fooled you. This isn't a "reset" stylesheet. Instead this
* is the place where you should set (not reset) the default styling for all
* HTML elements.
*
* @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
* @see http://snook.ca/archives/html_and_css/no_css_reset/
*/
/*
* Fonts
*
* Our font size and line height declarations are based on the following
* articles:
* - http://www.alistapart.com/articles/howtosizetextincss
* - http://24ways.org/2006/compose-to-a-vertical-rhythm
*
* All modern browsers use a 16px default font size. Specifying the font-size
* and line-height in ems (relative to the 16px default font) allows the user
* to resize the font in the browser and produces the most consistent results
* across different browsers.
*/
body {
font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
font-family: arial,verdana,sans-serif;
font-size:0.9em;
}
#skip-to-nav,
#page {
/*
* To use a 12px font size on the page, delete the 14px declarations.
* to use a 14px font size on the page, delete the 12px declarations.
*/
/* Use a 12px base font size with a 18px line height */
font-size: 0.75em; /* 16px x .75 = 12px */
line-height: 1.5em; /* 12px x 1.5 = 18px */
/* Use a 14px base font size with a 21px line height */
font-size: 0.875em; /* 16px x .875 = 14px */
line-height: 1.5em; /* 14px x 1.5 = 21px */
}
/*
* Instead of relying on the fonts that are available on a user's computer, you
* can use web fonts which, like images, are resources downloaded to the user's
* browser. Because of the bandwidth and rendering resources required, web fonts
* should be used with care.
*
* Numerous resources for web fonts can be found on Google. Here are a few
* websites where you can find Open Source fonts to download:
* - http://www.fontsquirrel.com/fontface
* - http://www.theleagueofmoveabletype.com
*
* In order to use these fonts, you will need to convert them into formats
* suitable for web fonts. We recommend the free-to-use Font Squirrel's
* Font-Face Generator:
* http://www.fontsquirrel.com/fontface/generator
*
* The following is an example @font-face declaration. This font can then be
* used in any ruleset using a property like this: font-family: Example, serif;
@font-face {
font-family: 'Example';
src: url('../fonts/example.eot');
src: url('../fonts/example.eot?iefix') format('eot'),
url('../fonts/example.woff') format('woff'),
url('../fonts/example.ttf') format('truetype'),
url('../fonts/example.svg#webfontOkOndcij') format('svg');
font-weight: normal;
font-style: normal;
}
*/
body,
caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset {
/* The following font family declarations are based on the Microsoft core web
* fonts which are common fonts available on most computer systems. The DejaVu
* and Nimbus Sans fonts are commonly available on Linux systems where the MS
* fonts are less common. Tahoma and Helvetica are also widely available.
*
* A user's web browser will look at the comma-separated list and will
* attempt to use each font in turn until it finds one that is available
* on the user's computer. The final "generic" font (sans-serif, serif or
* monospace) hints at what type of font to use if the web browser doesn't
* find any of the fonts in the list.
font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;
font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-family: "Courier New", "DejaVu Sans Mono", monospace;
*/
font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
}
pre,
code,
kbd,
samp,
tt,
var {
font-family: "Courier New", "DejaVu Sans Mono", monospace;
}
/*
* Block-level elements
*
* To achieve a pleasant vertical rhythm, we use the 1.5em line height of our
* base font as the top and bottom margins for our block level elements and make
* the line heights of any larger fonts be a multiple of 1.5 ems. For more
* information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
*/
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl,
hr, table, fieldset {
margin: 1.5em 0;
}
/* Headings */
h1 {
font-size: 2em;
line-height: 1.5em;
margin: 0.75em 0;
/* 0.75em is equivalent to 1.5em in the page's base font. font. Remember, a
margin specified in ems is relative to the element's font-size, not to the
pages' base font size. So, for example, if we want a 1.5em margin (relative
to the base font), we have to divide that length by the element's
font-size: 1.5em / 2em = 0.5em */
}
#logo h1 {
font-weight:normal;
font-size:1.5em;
margin-bottom:0;
}
#logo h1 span.modifier {
font-family: Georgia,times,serif;
font-style:italic;
font-size:0.95em;
}
#logo h1 span.emphasis {
font-size:2.55em;
text-transform: uppercase;
font-weight: thin;
}
h2 {
font-size: 1.65em;
margin: 1.8em 0 0.9em; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.5 = 1em */
font-weight:normal;
text-transform: uppercase;
line-height:1em;
}
h3 {
font-size: 1.4em;
margin: 1.5em 0 -10px; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.3 = 1.154 */
font-weight:normal;
}
h4,
h5,
h6 {
font-size: 1.1em;
margin: 1.364em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.1 = 1.364 */
}
/* Other block-level elements */
p {
}
blockquote {
margin-left: 2em;
margin-right: 2em;
font-style:italic;
border-top:1px dashed #ccc;
border-bottom:1px dashed #ccc;
padding:10px 0;
line-height:1.55em;
font-size:1.3em;
color:#666;
font-family:Georgia,times,serif;
}
blockquote:before, blockquote:after {
color:#ccc;
display:block;
font-size:3em;
}
blockquote:before {
content: '\201C';
float:left;
width:40px;
}
blockquote:after {
content: '\201D';
float:right;
width:20px;
}
blockquote p {margin:0;}
blockquote h3 {margin:0 0 1em 0;font-size:1.3em;}
pre {
font-size: 1.1em; /* Monospace fonts can be hard to read */
margin: 1.364em 0; /* Equivalent to 1.5em in the page's base font: 1.5 / 1.1 = 1.364 */
}
hr {
height: 1px;
border: 1px solid #666;
}
address {
}
/*
* Lists
*
* We need to standardize the list item indentation.
*/
ul,
ol {
margin-left: 0; /* LTR */
padding-left: 2em; /* LTR */
}
.item-list ul /* Drupal overrides */ {
margin: 1.5em 0;
padding: 0 0 0 2em; /* LTR */
}
ul ul, ul ol,
ol ol, ol ul,
.item-list ul ul, .item-list ul ol,
.item-list ol ol, .item-list ol ul {
margin: 0;
}
li {
margin: 0;
padding: 0;
}
.item-list ul li,
ul.menu li,
li.expanded,
li.collapsed,
li.leaf /* Drupal override */ {
margin: 0;
padding: 0;
}
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: decimal; }
dl {
}
dt {
margin: 0;
padding: 0;
}
dd {
margin: 0 0 0 2em; /* LTR */
padding: 0;
}
/*
* Tables
*
* Drupal provides table styling which is only useful for its admin section
* forms, so we override this default CSS. (We set it back in forms.css.)
*/
table {
border-collapse: collapse;
/* width: 100%; */ /* Prevent cramped-looking tables */
}
th {
text-align: left; /* LTR */
padding: 0;
border-bottom: none;
}
tbody {
border-top: none;
}
thead {
}
tfoot {
}
caption {
}
colgroup {
}
col {
}
tr {
}
td {
}
/*
* Forms
*/
form {
margin: 0;
padding: 0;
}
fieldset {
padding: 0.5em;
}
legend {
}
label {
}
input {
}
select {
}
optgroup {
}
option {
}
textarea {
}
button {
}
/*
* Links
*
* The order of link states are based on Eric Meyer's article:
* http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
*/
a, a:link {
color:#074992;
text-decoration: none;
}
a:visited {
}
a:hover,
a:focus {
text-decoration: underline;
}
a:active {
color:black;
}
/*
* Other inline elements
*/
img {
border: 0;
/* vertical-align: bottom; */ /* Suppress the space beneath the baseline */
}
abbr, /* Abbreviations */
acronym {
border-bottom: 1px dotted #666;
cursor: help;
white-space: nowrap;
}
q {
}
cite {
}
strong, b {
}
em, i {
}
code,
kbd,
samp,
tt,
var /* Code, keyboard input, sample output, teletype, variable */ {
background-color:#eee;font-family: Courier,monotype;color:#333;
}
del {
}
ins {
}
big {
}
small {
}
sub {
}
sup {
}
/*everything else*/
a.feed-icon {display:none;}
.submitted {font-size:0.9em;font-style:italic;}
h1#page-title {font-weight:normal;text-transform: uppercase;font-size:2.2em;border-bottom:3px solid #ccc;color:#999;padding-bottom:0;margin:20px 0 10px;line-height: 1em;clear:right;}
.field .field-label {font-weight:normal;text-transform: capitalize;}
.profile dt {margin-top:1em;}
/*highlighted region*/
.region-highlighted #block-views-home-feature-block {margin:0;padding:20px 20px 10px;}
.region-highlighted #block-views-home-feature-block .views-field-field-feature-teaser {}
.region-highlighted #block-views-home-feature-block .views-field-field-feature-link {float:right;width:auto;background:#;font-family:arial,verdana,sans-serif;font-size:0.8em;font-style:normal;position:relative;}
.region-highlighted #block-views-home-feature-block .views-field-field-feature-link a {background-color:#ddd;padding:3px 8px;border:1px solid #aaa;text-transform: uppercase;font-weight:bold;font-size:0.8em;}
/*various list displays*/
.front .node-promoted, .views-row {border-bottom:1px dotted #ccc;margin-bottom:20px;padding-bottom:10px;}
.view-search-content .views-row {border-bottom:0;padding-bottom:0;margin-bottom:0;padding:0 13px;}
.view-search-content .view-id-search_content .views-row-last .node {border-bottom:0;}
.views-row-last, .views-row .views-row {border-bottom:0;margin-bottom:auto;}
.node-teaser .field-name-field-tags {float:right;border:1px solid #ccc;background-color: #eee;width:230px;font-size:0.9em;text-transform: uppercase;color:#444;margin-top:-65px;padding:5px;}
.node-teaser .field-name-field-tags .field-label {font-weight:normal;}
.node-teaser .field-name-field-tags a {text-transform: lowercase;margin-right:6px;}
.node-teaser .field-name-field-tags div {display:inline;}
/*lists*/
ul li, ul.menu li.collapsed, ul.menu li.expanded, ul li.leaf {list-style-image: url(../images/list-dot-yellow.png);}
ul.menu li.expanded.active {list-style-image: url(../images/list-dot-gray.png);}
ul.menu li.expanded li {list-style-image: url(../images/list-disc-blue.png);}
/*package pages*/
#main-package h1#page-title {width:680px;}
#block-views-package-topics-block {border:1px solid #ccc;background-color: #eee;font-size:0.9em;text-transform: uppercase;color:#444;padding:5px;}
#block-views-package-topics-block .field-label {font-weight:normal;}
#block-views-package-topics-block a {text-transform: lowercase;}
#main-package .region-content div.view, #main-package fieldset {float:left;width:29%;margin: 25px 20px;}
#main-package .region-content #block-ossr-providers div.view {margin:0;width:auto;}
#main-package fieldset {width:28%;padding:0;border:0;}
#main-package fieldset legend {
border-bottom: 1px solid #CCCCCC;
color: #666666;
font-size: 1.2em;
font-weight: normal;
text-transform: uppercase;
width:100%;
margin-bottom:10px;
}
#main-package fieldset div.field-label-inline div.field-item {float:left;margin-right:10px;}
#main-package fieldset#node_package_full_group_package_links a {background:url(../images/list-dot-yellow.png) no-repeat left;padding-left:20px;}
#main-package .region-content div.view-releases ul li, #main-package .region-content div.view-providers ul li, #main-package .region-content div.view-events ul li {list-style-image: none;padding-left:0;margin-left:-22px;list-style: none;}
#main-package .region-content div.field-name-field-rating {clear:both;float:right;margin-right:50px;}
/*home*/
.front h2 {font-size:1.35em;margin-top:0;}
.front .views-row {margin-bottom:6px;}
.front #content .view-footer, .front .view-footer p {margin:0 20px 0 0;padding:0;}
.front #content .view-footer a {background-color:#ddd;border:1px solid #aaa;padding:2px 4px;text-transform: capitalize;}
/*admin stuff*/
ul.field-collection-view-links li {list-style-image: none;list-style: none;list-style-type:none;font-size:1.2em;}
/*general getting rid of things*/
#comments a.permalink {display:none;}
/*general useful CSS for site-wide access*/
.key-questions {
background-color: #F2F5A9;
border: 1px solid black;
margin:auto 2em;
padding: 1.2em;
}
.rsslink {background:url(../images/icon-rss.png) no-repeat left;padding-left:20px;}
.key-note, .key-tip, .key-warning {margin:auto 2em;padding:1.2em 1.2em 1.2em 75px;border:1px solid black;min-height:70px;}
.key-note {background:url(../images/icons/note-60.png) no-repeat 8px #a5c0e6;}
.key-warning {background:url(../images/icons/warning-60.png) no-repeat 8px #eaafa3;}
.key-tip {background:url(../images/icons/tip-60.png) no-repeat 8px #b6db95;}