diff options
author | Jayaram R Pai | 2014-07-31 17:13:33 +0530 |
---|---|---|
committer | Jayaram R Pai | 2014-07-31 17:13:33 +0530 |
commit | 69f0119c7262602af46fd6a80e4558089835fa01 (patch) | |
tree | 783210690cc87ccd6d9139b7d1c184f49d07ec3b /css/mytheme-fixed.css | |
download | scilab_theme-69f0119c7262602af46fd6a80e4558089835fa01.tar.gz scilab_theme-69f0119c7262602af46fd6a80e4558089835fa01.tar.bz2 scilab_theme-69f0119c7262602af46fd6a80e4558089835fa01.zip |
initial commit
Diffstat (limited to 'css/mytheme-fixed.css')
-rwxr-xr-x | css/mytheme-fixed.css | 1615 |
1 files changed, 1615 insertions, 0 deletions
diff --git a/css/mytheme-fixed.css b/css/mytheme-fixed.css new file mode 100755 index 0000000..29db6c2 --- /dev/null +++ b/css/mytheme-fixed.css @@ -0,0 +1,1615 @@ + + +/* 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. */ { +} |