/* html-reset.css */
/**
* @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 ALA
* article:
* http://www.alistapart.com/articles/howtosizetextincss
*
* All modern browsrs 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 */
}
#skip-link,
#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 16px line height */
font-size: 0.75em; /* 16px x .75 = 12px */
line-height: 1.333em; /* 12px x 1.333 = 16px */
/* Use a 14px base font size with a 18px line height */
font-size: 0.875em; /* 16px x .875 = 14px */
line-height: 1.286em; /* 14px x 1.286 = 18px */
}
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
* 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 or serif)
* 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 {
font-size: 1.1em; /* Monospace fonts can be hard to read */
font-family: "Courier New", "DejaVu Sans Mono", monospace;
}
/*
* Headings
*/
h1 {
font-size: 2em;
line-height: 1.3em;
margin-top: 0;
margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base 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 1em margin
(relative to the base font), we have to divide that
length by the element's font-size:
1em / 2em = 0.5em */
}
h2 {
font-size: 1.5em;
line-height: 1.3em;
margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
margin-bottom: 0.667em;
}
h3 {
font-size: 1.3em;
line-height: 1.3em;
margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
margin-bottom: 0.769em;
}
h4,
h5,
h6 {
font-size: 1.1em;
line-height: 1.3em;
margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
margin-bottom: 0.909em;
}
/*
* Block-level elements
*/
p,
ul,
ol,
dl,
pre,
table,
fieldset {
margin: 1em 0;
}
blockquote {
margin: 1em 2em;
}
/*
* Lists
*
* We need to standardize the list item indentation.
*/
ul,
ol {
margin-left: 0;
padding-left: 2em; /* LTR */
}
.block ul,
.item-list ul /* Drupal overrides */ {
margin: 1em 0;
padding: 0 0 0 2em; /* LTR */
}
ul ul, ul ol,
ol ol, ol ul,
.block ul ul, .block ul ol,
.block ol ol, .block 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 /* Drupal override */ {
margin: 0;
padding: 0;
list-style: inherit;
}
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; }
dt {
margin: 0;
padding: 0;
}
dd {
margin: 0 0 0 2em;
padding: 0;
}
/*
* 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:link {
}
a:visited {
}
a:hover,
a:focus {
}
a:active {
}
/*
* 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,
thead th,
tbody th {
text-align: left; /* LTR */
padding: 0;
border-bottom: none;
}
tbody {
border-top: none;
}
/*
* Abbreviations
*/
abbr {
border-bottom: 1px dotted #666;
cursor: help;
white-space: nowrap;
}
abbr.created /* Date-based "abbreviations" show computer-friendly timestamps which are not human-friendly. */ {
border: none;
cursor: auto;
white-space: normal;
}
/*
* Images
*/
img {
border: 0;
}
/*
* Horizontal rules
*/
hr {
height: 1px;
border: 1px solid #666;
}
/*
* Forms
*/
form {
margin: 0;
padding: 0;
}
fieldset {
margin: 1em 0;
padding: 0.5em;
}
/* wireframes.css */
/**
* @file
* Wireframes Styling
*
* Add wireframes to the basic layout elements.
*/
.with-wireframes #header .section,
.with-wireframes #content .section,
.with-wireframes #navigation .section,
.with-wireframes .region-sidebar-first .section,
.with-wireframes .region-sidebar-second .section,
.with-wireframes #footer .section {
margin: 1px;
padding: 2px;
border: 1px solid #ccc;
}
.with-wireframes .region-page-closure {
margin-top: 1px;
padding: 2px;
border: 1px solid #ccc;
}
/* layout-fixed.css */
/**
* @file
* Layout Styling (DIV Positioning)
*
* Define CSS classes to create a table-free, 3-column, 2-column, or single
* column layout depending on whether blocks are enabled in the left or right
* columns.
*
* This layout is based on the Zen Columns layout method.
* http://drupal.org/node/201428
*
* Only CSS that affects the layout (positioning) of major elements should be
* listed here. Such as:
* display, position, float, clear, width, height, min-width, min-height
* margin, border, padding, overflow
*/
/*
* Body
*/
body {
}
#page-wrapper,
.region-page-closure {
/*
* If you want to make the page a fixed width and centered in the viewport,
* this is the standards-compliant way to do that. See also the ie6.css file
* for the necessary IE5/IE6quirks hack to center a div.
*/
margin-left: auto;
margin-right: auto;
width: 960px;
}
#page {
}
/*
* Header
*/
#header {
}
#header .section {
}
#search-box {
}
.region-header {
clear: both; /* Clear the logo */
}
/*
* Main (container for everything else)
*/
#main-wrapper {
position: relative;
}
#main {
}
/*
* Content
*/
#content,
.no-sidebars #content {
float: left; /* LTR */
width: 960px;
margin-left: 0; /* LTR */
margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}
.sidebar-first #content {
width: 760px;
margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first. */
margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
}
.sidebar-second #content {
width: 760px;
margin-left: 0; /* LTR */
margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
}
.two-sidebars #content {
width: 560px;
margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first */
margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
}
#content .section {
margin: 0;
padding: 0;
}
/*
* Navigation
*/
#navigation {
float: left; /* LTR */
width: 100%;
margin-left: 0; /* LTR */
margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
height: 2.3em; /* The navigation can have any arbritrary height. We picked one
that is the line-height plus 1em: 1.3 + 1 = 2.3
Set this to the same value as the margin-top below. */
}
.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
margin-top: 2.3em; /* Set this to the same value as the navigation height above. */
}
#navigation .section {
}
#navigation ul /* Primary and secondary links */ {
margin: 0;
padding: 0;
text-align: left; /* LTR */
}
#navigation li /* A simple method to get navigation links to appear in one line. */ {
float: left; /* LTR */
padding: 0 10px 0 0; /* LTR */
}
/*
* First sidebar
*/
.region-sidebar-first {
float: left; /* LTR */
width: 200px;
margin-left: 0; /* LTR */
margin-right: -200px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
}
.region-sidebar-first .section {
margin: 0 20px 0 0; /* LTR */
padding: 0;
}
/*
* Second sidebar
*/
.region-sidebar-second {
float: left; /* LTR */
width: 200px;
margin-left: 760px; /* LTR */ /* Width of content + sidebar-first. */
margin-right: -960px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
}
.region-sidebar-second .section {
margin: 0 0 0 20px; /* LTR */
padding: 0;
}
/*
* Footer
*/
#footer {
}
#footer .section {
}
/*
* Closure
*/
.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
}
/*
* Prevent overflowing content
*/
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer,
.region-page-closure {
overflow: visible;
word-wrap: break-word; /* A very nice CSS3 property */
}
#navigation {
overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
}
/*
* If a div.clearfix doesn't have any content after it and its bottom edge
* touches the bottom of the viewport, Firefox and Safari will mistakenly
* place several pixels worth of space between the bottom of the div and the
* bottom of the viewport. Uncomment this CSS property to fix this.
* Note: with some over-large content, this property might cause scrollbars
* to appear on the #page-wrapper div.
*/
/*
#page-wrapper {
overflow-y: hidden;
}
*/
/* page-backgrounds.css */
/**
* @file
* Page Background Styling
*
* The default layout method of Zen doesn't give themers equal-height columns.
* However, equal-height columns are difficult to achieve and totally
* unnecessary. Instead, use the Faux Columns method described in the following
* ALA article:
* http://www.alistapart.com/articles/fauxcolumns/
*/
body {
}
#page-wrapper {
}
#page {
}
#header {
}
#header .section {
}
#main-wrapper {
}
#main {
}
#footer {
}
#footer .section {
}
/* tabs.css */
/**
* @file
* Tabs Styling
*
* Adds styles for the primary and secondary tabs.
*
* Compare this with default CSS found in the system module's stylesheet (a copy
* of which is in drupal6-reference.css, line 510.)
*/
div.tabs {
margin: 0 0 5px 0;
}
ul.primary {
margin: 0;
padding: 0 0 0 10px; /* LTR */
border-width: 0;
list-style: none;
white-space: nowrap;
line-height: normal;
background: url(../images/tab-bar.png) repeat-x left bottom;
}
ul.primary li {
float: left; /* LTR */
margin: 0;
padding: 0;
}
ul.primary li a {
display: block;
height: 24px;
margin: 0;
padding: 0 0 0 5px; /* width of tab-left.png */
border-width: 0;
font-weight: bold;
text-decoration: none;
color: #777;
background-color: transparent;
background: url(../images/tab-left.png) no-repeat left -38px;
}
ul.primary li a .tab {
display: block;
height: 20px; /* 24px (parent) - 4px (padding) */
margin: 0;
padding: 4px 13px 0 6px;
border-width: 0;
line-height: 20px;
background: url(../images/tab-right.png) no-repeat right -38px;
}
ul.primary li a:hover,
ul.primary li a:focus {
border-width: 0;
background-color: transparent;
background: url(../images/tab-left.png) no-repeat left -76px;
}
ul.primary li a:hover .tab,
ul.primary li a:focus .tab {
background: url(../images/tab-right.png) no-repeat right -76px;
}
ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
border-width: 0;
color: #000;
background-color: transparent;
background: url(../images/tab-left.png) no-repeat left 0;
}
ul.primary li.active a .tab,
ul.primary li.active a:hover .tab,
ul.primary li.active a:focus .tab {
background: url(../images/tab-right.png) no-repeat right 0;
}
ul.secondary {
margin: 0;
padding: 0 0 0 5px; /* LTR */
border-bottom: 1px solid #c0c0c0;
list-style: none;
white-space: nowrap;
background: url(../images/tab-secondary-bg.png) repeat-x left bottom;
}
ul.secondary li {
float: left; /* LTR */
margin: 0 5px 0 0;
padding: 5px 0;
border-right: none; /* LTR */
}
ul.secondary a {
display: block;
height: 24px;
margin: 0;
padding: 0;
border: 1px solid #c0c0c0;
text-decoration: none;
color: #777;
background: url(../images/tab-secondary.png) repeat-x left -56px;
}
ul.secondary a .tab {
display: block;
height: 18px; /* 24px (parent) - 6px (padding) */
margin: 0;
padding: 3px 8px;
line-height: 18px;
}
ul.secondary a:hover,
ul.secondary a:focus {
background: url(../images/tab-secondary.png) repeat-x left bottom;
}
ul.secondary a.active,
ul.secondary a.active:hover,
ul.secondary a.active:focus {
border: 1px solid #c0c0c0;
color: #000;
background: url(../images/tab-secondary.png) repeat-x left top;
}
/* messages.css */
/**
* @file
* Message Styling
*
* Sensible styling for Drupal's error/warning/status messages.
*/
div.messages,
div.status,
div.warning,
div.error /* Important messages (status, warning, and error) for the user */ {
min-height: 21px;
margin: 0 1em 5px 1em;
border: 2px solid #ff7;
padding: 5px 5px 5px 35px; /* LTR */
color: #000;
background-color: #ffc;
background-image: url(../images/messages-status.png);
background-repeat: no-repeat;
background-position: 5px 5px; /* LTR */
}
div.status /* Normal priority messages */ {
}
div.warning /* Medium priority messages */ {
border-color: #fc0;
background-image: url(../images/messages-warning.png);
}
div.warning,
tr.warning {
color: #000; /* Drupal core uses #220 */
background-color: #ffc;
}
div.error /* High priority messages. See also the .error declaration in pages.css. */ {
/* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
border-color: #c00;
background-image: url(../images/messages-error.png);
}
div.error,
tr.error {
color: #900; /* Drupal core uses #200 */
background-color: #fee;
}
div.messages ul {
margin-top: 0;
margin-bottom: 0;
}
/* pages.css */
/**
* @file
* Page Styling
*
* Style the markup found in page.tpl.php. Also includes some styling of
* miscellaneous Drupal elements that appear in the $content variable, such as
* ul.links, .pager, .more-link, etc.
*/
/*
* Body
*/
body {
margin: 0;
padding: 0;
}
#page-wrapper {
}
#page {
}
/*
* The skip navigation link will be completely hidden until a user tabs to the
* link. See http://www.webaim.org/techniques/skipnav/
*/
#skip-link a,
#skip-link a:visited {
position: absolute;
display: block;
left: 0;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
text-align: center;
background-color: #666;
color: #fff;
}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
position: static;
width: 100%;
height: auto;
padding: 2px 0 3px 0;
}
/*
* Header
*/
#header {
}
#header .section {
}
#logo /* Wrapping link for logo */ {
float: left; /* LTR */
margin: 0;
padding: 0;
}
#logo img {
vertical-align: bottom;
}
#name-and-slogan /* Wrapper for website name and slogan */ {
}
h1#site-name,
div#site-name /* The name of the website */ {
margin: 0;
font-size: 2em;
line-height: 1.3em;
}
#site-name a:link,
#site-name a:visited {
color: #000;
text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
text-decoration: underline;
}
#site-slogan /* The slogan (or tagline) of a website */ {
}
.region-header /* Wrapper for any blocks placed in the header region */ {
}
/*
* Main (container for everything else)
*/
#main-wrapper {
}
#main {
}
/*
* Content
*/
#content {
}
#content .section {
}
#mission /* The mission statement of the site (displayed on homepage) */ {
}
.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
}
.breadcrumb /* The path to the current page in the form of a list of links */ {
padding-bottom: 0; /* Undo system.css */
}
h1.title, /* The title of the page */
h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
h3.title /* Comment title */ {
margin: 0;
}
tr.even /* Some tables have rows marked even or odd. */ {
/* background-color: #eee; */ /* Drupal core uses a #eee background */
}
tr.odd {
/* background-color: #eee; */ /* Drupal core uses a #eee background */
}
div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
}
div.status /* Normal priority messages */ {
}
div.warning,
tr.warning /* Medium priority messages */ {
/* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}
div.error,
tr.error /* High priority messages. See also the .error declaration below. */ {
}
.error /* Errors that are separate from div.messages status messages. */ {
/* color: #e55; */ /* Drupal core uses a #e55 background */
}
.warning /* Warnings that are separate from div.messages status messages. */ {
/* color: #e09010; */ /* Drupal core uses a #e09010 background */
}
div.tabs /* See also the tabs.css file. */ {
}
.help /* Help text on a page */ {
margin: 1em 0;
}
.more-help-link /* Link to more help */ {
font-size: 0.85em;
text-align: right;
}
#content-area /* Wrapper for the actual page content */ {
}
ul.links /* List of links */ {
margin: 1em 0;
padding: 0;
}
ul.links.inline {
margin: 0;
display: inline;
}
ul.links li {
display: inline;
list-style-type: none;
padding: 0 0.5em;
}
.pager /* A list of page numbers when more than 1 page of content is available */ {
clear: both;
margin: 1em 0;
text-align: center;
}
.pager a,
.pager strong.pager-current /* Each page number in the pager list */ {
padding: 0.5em;
}
.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
margin: 1em 0;
}
.more-link /* Aggregator, blog, and forum more link */ {
text-align: right; /* LTR */
}
.region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
}
/*
* First sidebar (on left in LTR languages, on right in RTL)
*
* Remember to NOT add padding or margin to your .region-sidebar-first
* (see the layout.css file.)
*/
.region-sidebar-first {
}
.region-sidebar-first .section {
}
/*
* Second sidebar (on right in LTR languages, on left in RTL)
*
* Remember to NOT add padding or margin to your .region-sidebar-second
* (see the layout.css file.)
*/
.region-sidebar-second {
}
.region-sidebar-second .section {
}
/*
* Footer
*/
#footer {
}
#footer .section {
}
#footer-message /* Wrapper for the footer message from Drupal's "Site information"
and for any blocks placed in the footer region */ {
}
.region-footer {
}
/*
* Closure
*/
.region-page-closure /* Wrapper for any blocks placed in the closure region */ {
}
/*
* Drupal boxes
*
* Wrapper for Comment form, Comment viewing options, Menu admin, and
* Search results.
*/
.box /* Wrapper for box */ {
}
.box h2 /* Box title */ {
}
.box .content /* Box's content wrapper */ {
}
/*
* Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/**
* Hide elements from all users.
*
* Used for elements which should not be immediately displayed to any user. An
* example would be a collapsible fieldset that will be expanded with a click
* from a user. The effect of this class can be toggled with the jQuery show()
* and hide() functions.
*/
.element-hidden {
display: none;
}
/**
* Hide elements visually, but keep them available for screen-readers.
*
* Used for information required for screen-reader users to understand and use
* the site where visual display is undesirable. Information provided in this
* manner should be kept concise, to avoid unnecessary burden on the user. Must
* not be used for focusable elements (such as links and form elements) as this
* causes issues for keyboard only or voice recognition users. "!important" is
* used to prevent unintentional overrides.
*/
.element-invisible {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
/* block-editing.css */
/**
* @file
* Zen's rollover edit links for blocks.
*/
div.block.with-block-editing {
position: relative;
}
div.block.with-block-editing div.edit {
display: none;
position: absolute;
right: 0; /* LTR */
top: 0;
z-index: 40;
border: 1px solid #eee;
padding: 0 2px;
font-size: 0.75em;
background-color: #fff;
}
div.block.with-block-editing:hover div.edit {
display: block;
}
/* blocks.css */
/**
* @file
* Block Styling
*/
.block /* Block wrapper */ {
margin-bottom: 1em;
}
.block.first /* The first block in the region */ {
}
.block.last /* The last block in the region */ {
}
.block.region-odd /* Zebra striping for each block in the region */ {
}
.block.region-even /* Zebra striping for each block in the region */ {
}
.block.odd /* Zebra striping independent of each region */ {
}
.block.even /* Zebra striping independent of each region */ {
}
.region-count-1 /* Incremental count for each block in the region */ {
}
.count-1 /* Incremental count independent of each region */ {
}
.block h2.title /* Block title */ {
}
.block .content /* Block's content wrapper */ {
}
#block-aggregator-category-1 /* Block for the latest news items in the first category */ {
}
#block-aggregator-feed-1 /* Block for the latest news items in the first feed */ {
}
#block-block-1 /* First administrator-defined block */ {
}
#block-blog-0 /* "Recent blog posts" block */ {
}
#block-book-0 /* "Book navigation" block for the current book's table of contents */ {
}
#block-comment-0 /* "Recent comments" block */ {
}
#block-forum-0 /* "Active forum topics" block */ {
}
#block-forum-1 /* "New forum topics" block */ {
}
#block-menu-primary-links /* "Primary links" block */ {
}
#block-menu-secondary-links /* "Secondary links" block */ {
}
#block-node-0 /* "Syndicate" block for primary RSS feed */ {
}
#block-poll-0 /* "Most recent poll" block */ {
}
#block-profile-0 /* "Author information" block for the profile of the page's author */ {
}
#block-search-0 /* "Search form" block */ {
}
#block-statistics-0 /* "Popular content" block */ {
}
#block-user-0 /* "User login form" block */ {
}
#block-user-1 /* "Navigation" block for Drupal navigation menu */ {
}
#block-user-2 /* "Who's new" block for a list of the newest users */ {
}
#block-user-3 /* "Who's online" block for a list of the online users */ {
}
/* navigation.css */
/**
* @file
* Navigation Styling
*
* Default menu styling (ul.menu) is defined in system-menus.css.
*/
/*
* The active item in a Drupal menu
*/
li a.active {
color: #000;
}
/*
* Navigation bar
*/
#navigation {
}
.region-navigation {
}
/*
* Primary and Secondary menu links
*/
#main-menu {
}
#secondary-menu {
}
/*
* Menu blocks
*/
.block-menu {
}
/*
* "Menu block" blocks. See http://drupal.org/project/menu_block
*/
.block-menu_block {
}
/* views-styles.css */
/**
* @file
* Views Styling
*/
/* nodes.css */
/**
* @file
* Node Styling
*
* Style anything that isn't in the $content variable.
*/
.node /* Node wrapper */ {
}
.node-sticky /* A sticky node (displayed before others in a list) */ {
}
.node-unpublished /* Unpublished nodes */ {
/* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}
.node-unpublished div.unpublished,
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
height: 0;
overflow: visible;
color: #d8d8d8;
font-size: 75px;
line-height: 1;
font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align: center;
word-wrap: break-word; /* A very nice CSS3 property */
}
.node-by-viewer /* A node created by the current user */ {
}
.node-teaser /* A node displayed as teaser */ {
}
/* All nodes are given a node-type-FOO class that describes the type of
* content that it is. If you create a new content type called
* "my-custom-type", it will receive a "node-type-my-custom-type" class.
*/
.node-type-page /* Page content node */ {
}
.node-type-story /* Story content node */ {
}
.node h2.title /* Node title */ {
}
.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
color: #c00;
}
.node .picture /* The picture of the node author */ {
}
.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}
.node .meta /* Wrapper for submitted and terms data */ {
}
.node .submitted /* The "posted by" information */ {
}
.node .terms /* Node terms (taxonomy) */ {
}
.node .content /* Node's content wrapper */ {
}
.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
}
.preview .node /* Preview of the content before submitting new or updated content */ {
/* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}
/* comments.css */
/**
* @file
* Comment Styling
*/
#comments /* Wrapper for the list of comments and its title */ {
margin: 1em 0;
}
#comments h2.title /* Heading for the list of comments */ {
}
.comment /* Wrapper for a single comment */ {
}
.comment-preview /* Preview of the comment before submitting new or updated comment */ {
}
.comment.new /* A new comment since the user last viewed the page. */ {
}
.comment.first /* The first comment in the list of comments */ {
}
.comment.last /* The last comment in the list of comments */ {
}
.comment.odd /* An odd-numbered comment in the list of comments */ {
}
.comment.even /* An even-numbered comment in the list of comments */ {
}
.comment-unpublished /* Unpublished comments */ {
/* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */ {
}
.comment-by-anonymous /* A comment created by an anonymous user */ {
}
.comment-by-node-author /* A comment created by the node's author */ {
}
.comment-by-viewer /* A comment created by the current user */ {
}
.comment h3.title /* Comment title */ {
}
.new /* "New" marker for comments that are new for the current user */ {
color: #c00;
}
.comment .picture /* The picture of the comment author */ {
}
.comment .submitted /* The "posted by" information */ {
}
.comment .content /* Comment's content wrapper */ {
}
.comment .user-signature /* The user's signature */ {
}
.comment ul.links /* Comment links. See also the ul.links declaration in the pages.css. */ {
}
.indented /* Nested comments are indented */ {
/* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
}
.preview .comment /* Preview of the comment before submitting new or updated comment */ {
/* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}
/* forms.css */
/**
* @file
* Form Styling
*/
.form-item,
.form-checkboxes,
.form-radios /* Wrapper for a form element (or group of form elements) and its label */ {
margin: 1em 0;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error /* Highlight the form elements that caused a form submission error */ {
border: 2px solid #c00;
}
.form-item label /* The label for a form element */ {
display: block;
font-weight: bold;
}
.form-item label.option /* The label for a radio button or checkbox */ {
display: inline;
font-weight: normal;
}
.form-required /* The part of the label that indicates a required field */ {
color: #c00;
}
.form-item .description /* The descriptive help text (separate from the label) */ {
font-size: 0.85em;
}
.form-checkboxes .form-item,
.form-radios .form-item /* Pack groups of checkboxes and radio buttons closer together */ {
margin: 0.4em 0;
}
.form-submit /* The submit button */ {
}
.container-inline div,
.container-inline label /* Inline labels and form divs */ {
display: inline;
}
.tips /* Tips for Drupal's input formats */ {
}
/*
* Search (search-theme-form.tpl.php)
*/
#search-box /* Wrapper for the search form */ {
}
#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ {
display: none;
}
/*
* Search (search-block-form.tpl.php)
*/
#search-block-form /* Wrapper for the search form */ {
}
#edit-search-block-form-1-wrapper label /* Label that says "Search this site:" */ {
display: none;
}
/*
* Drupal's default login form block
*/
#user-login-form {
text-align: left; /* LTR */
}
/*
* OpenID
*
* The default styling for the OpenID login link seems to assume Garland's
* styling of list items.
*/
#user-login-form ul /* OpenID creates a new ul above the login form's links. */ {
margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
}
#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
margin-top: 1em;
margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
}
#user-login-form li.user-link /* The "Cancel OpenID login" link. */ {
margin-top: 1em;
}
#user-login ul {
margin: 1em 0;
}
#user-login li.openid-link,
#user-login li.user-link /* The OpenID links on the /user form. */ {
margin-left: -2em; /* LTR */ /* Un-do all of the padding on the ul list. */
}
/*
* Drupal admin tables
*
* We overrode these styles in html-elements.css, but restore them for the admin
* section of the site.
*/
form tbody {
border-top: 1px solid #ccc;
}
form th,
form thead th {
text-align: left; /* LTR */
padding-right: 1em; /* LTR */
border-bottom: 3px solid #ccc;
}
form tbody th {
border-bottom: 1px solid #ccc;
}
/* fields.css */
/**
* @file
* Field Styling
*/
/*
* Field types
*/
.field /* Wrapper for any CCK field. */ {
}
.field-type-datetime /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */ {
}
.field-type-filefield /* Field from filefield module */ {
}
.field-type-nodereference {
}
.field-type-number-decimal {
}
.field-type-number-float {
}
.field-type-number-integer {
}
.field-type-text {
}
.field-type-userreference {
}
/*
* Named fields
*/
.field-field-FIELDNAME /* Underscores in field name are replaced with dashes. */ {
}