/*
** HTML elements
*/
body {
margin: 0;
padding: 0;
color: #000;
background: #fff url(http://staticccel.org/themes/ccel/background.jpg) top left scroll repeat; /*#fff0e6;*/
font: 76% Verdana, Arial, Helvetica, sans-serif;
/* font: 76% Verdana, Arial, Helvetica, sans-serif; */
}
tr.dark td, tr.light td {
padding: 0.3em;
}
tr.dark {
background-color: #d7dbc4; /*#eee0d5; #fff0e6;*/
}
/*
for tables.
*/
tr.even {
background-color: #e0e0e0;
}
tr.odd {
background-color: #eeeeee;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 0.5em;
}
h1 {
font-size: 1.3em;
}
h2 {
font-size: 1.2em;
}
h3, h4, h5, h6 {
font-size: 1.1em;
}
/*p {
margin-top: 0.5em;
margin-bottom: 0.9em;
}
*/
a {
text-decoration: none;
font-weight: normal;
}
a:link {
color: #00f;
}
a:visited {
color: #44f;
}
a:hover {
color: #00f;
text-decoration: underline;
}
a.external {
background: url(http://staticccel.org/pix/external.gif) center right no-repeat;
padding-right: 13px;
}
li a.active {
text-decoration: underline;
}
a.bold {
font-weight: bold;
}
fieldset {
border: 1px solid #ccc;
}
pre {
background-color: #d7dbc4; /*#eee0d5; #fff0e6;*/
padding: 0.75em 1.5em;
font-size: 12px;
border: 1px solid #ddd;
}
table {
/* make
sizes relative to body size! */
font-size: 1em;
}
tbody {
border-top:0px;
}
.form-item label {
font-size: 1em;
color: #222;
}
.item-list .title {
font-size: 1em;
color: #222;
}
.links {
margin-bottom: 0em;
}
.comment .links {
margin-bottom: 0em;
}
/*
** Page layout blocks / IDs
*/
#header, #toptabs, #content {
width: 100%;
}
#header {
border:0px green solid !important;
}
#logo {
background: #d6d9c4 /*#d7dbc4*/ url(http://staticccel.org/themes/ccel/bgfade.jpg) scroll repeat-x top left;
text-align: left;
}
#calvin-logo {
width:180px;
background: url(http://staticccel.org/themes/ccel/calvin-logo.jpg) scroll no-repeat bottom right;
}
#calvin-logo a {
display:block;
width:180px;
height:75px;
text-decoration:none;
background:transparent;
}
#menu_left, .menu_blank, #menu_right {
border-bottom: #000 solid 1px;
background-color: #d6d9c4; /*#d7dbc4; /*#eee0d5; #fff0e6;*/
}
#menu_left, #menu_right {
width: 180px;
}
#menu_right {
background: #d6d9c4 /*#d7dbc4*/ url(http://staticccel.org/themes/ccel/calvin-bottom-cs.jpg) scroll no-repeat top right;
vertical-align: top;
}
#menu_right a {
display: block;
width: 140px;
height: 20px;
text-decoration: none;
background: transparent;
margin: 0 auto;
}
#search .form-text, #search .form-submit {
border: 1px solid #369;
font-size: 1.1em;
}
#search .form-text {
width: 8em;
height: 1.4em;
padding: 0 0.5em 0 0.5em;
margin: 0 0 0.5em 0;
}
#search .form-submit {
height: 1.5em;
}
#mission {
background-color: #d7dbc4; /*#eee0d5; #fff0e6;*/
padding: 1.5em 2em;
color: #000;
}
#mission a, #mission a:visited {
color: #00f;
font-weight: bold;
}
.site-name {
margin: 0.6em 0em 0em 0em;
padding: 0em;
font-size: 1.75em;
}
.site-name a:link, .site-name a:visited {
color: #333;
}
.site-name a:hover {
color: #000;
text-decoration: none;
}
.site-slogan {
font-size: 1em;
color: #d7dbc4; /*#eee0d5; #fff0e6;*/
display: block;
margin: 0em 0em 0em 0em;
font-style: italic;
font-weight: bold;
}
#main-content {
background-color: #fff;
}
#main {
width: 97%;
margin: 1em auto;
}
#mission, #main, .comment .content {
line-height: 1.4;
}
#help {
font-size: 0.9em;
margin-bottom: 1em;
}
.breadcrumb {
margin-bottom: .5em;
}
.messages {
background-color: #d7dbc4; /*#eee0d5; #fff0e6;*/
border: 1px solid #ccc;
padding: 0.3em;
margin-bottom: 1em;
}
.error {
border-color: red;
}
#sidebar-left,
#sidebar-right {
background-color: transparent; /* #E5E4CC; /*#D8D6B2; /*#d7dbc4; /*#eee0d5; #fff0e6;*/
width: 12em;
/* padding in px not ex because IE messes up 100% width tables otherwise */
padding: 0px;
vertical-align: top;
}
#sidebar-left {
/* background: #E5E4CC url(http://staticccel.org/themes/ccel/sidebar-left.jpg) top center fixed repeat;*/
}
#sidebar-right {
background: transparent url(http://staticccel.org/themes/ccel/sidebar-raised.gif) top left scroll repeat-y;
padding-left: 18px;
}
#sidebar-left div.block div.item-list ul,
#sidebar-right div.block div.item-list ul {
margin-left: 0;
padding-left: 0;
}
#footer {
background-color: transparent; /* #E5E4CC; /*#D8D6B2; /*#d7dbc4; /*#eee0d5; #fff0e6;*/
padding: 1em;
font-size: 0.8em;
text-align: center;
}
#footer table {
margin-left: auto;
margin-right: auto;
}
/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.ui-accordion .ui-accordion-header,
.title {
font-weight: bold;
font-size: 1.3em;
color: #222;
padding:0px;
margin: 0px; /* decrease default margins for h.title */
}
.title a {
font-weight: bold;
}
#main h1.title {
background: transparent url(http://staticccel.org/themes/ccel/header-bg-right.jpg) scroll top right no-repeat;
padding: 0px 10px;
line-height: 1.5em;
}
/*html>body #main h1.title {
padding: 3px 5px 3px 10px;
line-height:1.2em;
}*/
#main h1.title, #main h1.title a {
color: #fff;
}
#main .outer-title-wrapper {
background: #590000 url(http://staticccel.org/themes/ccel/header-bg.jpg) scroll top left repeat-x;
margin-bottom: 0.5em;
}
#main .inner-title-wrapper {
background: transparent url(http://staticccel.org/themes/ccel/header-bg-left.jpg) scroll top left no-repeat;
}
.submitted {
color: #444;
font-size: 0.8em;
}
.links {
color: #333;
}
.links a {
font-weight: bold;
}
.box {
padding: 0 0 1.5em 0;
}
.block {
margin: .5em .5em 1em .5em;
}
.block .title {
margin-bottom: .25em;
}
.box .title {
font-size: 1.1em;
}
.node {
margin: .5em 0 2em 0;
}
.sticky {
padding: .5em;
background-color: #d7dbc4; /*#eee0d5; #fff0e6;*/
border: solid 1px #ddd;
}
.node .content, .comment .content {
margin: .5em 0 .5em 0;
}
.node .taxonomy {
color: #999;
font-size: 0.8em;
padding: 1.5em;
}
.node .picture {
border: 1px solid #ddd;
float: right;
margin: 0.5em;
}
/* Fix problem of there being whitespace beneath the image making the both weird-shaped. */
.node .picture img
{
vertical-align: top;
}
.comment {
border: 1px solid #abc;
padding: .5em;
margin-bottom: 1em;
}
.comment .title a {
font-size: 1.1em;
font-weight: normal;
}
.comment .new {
text-align: right;
font-weight: bold;
font-size: 0.8em;
float: right;
color: red;
}
.comment .picture {
border: 1px solid #abc;
float: right;
margin: 0.5em;
}
/*
* Fix #342 point 3 by not having the tag's alt text
* rendered at the bottom of the image.
*/
.comment .picture img
{
vertical-align: middle;
}
/*
** Module specific styles
*/
#aggregator .feed {
background-color: #d7dbc4; /*#eee0d5; #fff0e6;*/
border: 1px solid #ccc;
padding: 1em;
margin: 1em 0 1em 0;
}
#aggregator .news-item .source, #aggregator .news-item .categories, #aggregator .source, #aggregator .age {
color: #999;
font-style: italic;
font-size: 0.9em;
}
#aggregator .title {
margin-bottom: 0.5em;
font-size: 1em;
}
#aggregator h3 {
margin-top: 1em;
}
#forum table {
width: 100%;
}
#forum td {
padding: 0.5em 0.5em 0.5em 0.5em;
}
#forum td.forum, #forum td.posts {
background-color: #d7dbc4; /*#eee0d5; #fff0e6;*/
}
#forum td.topics, #forum td.last-reply {
background-color: #ddd0c4;
}
#forum td.container {
background-color: #600;
}
#forum td.container a {
color: #fff;
}
#forum td.container .description {
color: #d7dbc4; /* #e5e5cd; */
}
#forum td.statistics, #forum td.settings, #forum td.pager {
height: 1.5em;
border: 1px solid #bbb;
}
#forum td .name {
color: #96c;
}
#forum td .links {
padding-top: 0.7em;
font-size: 0.9em;
}
#forum td.title {
font-size: 1em; /* Otherwise, the thread titles are large at 1.3em. */
}
#profile .profile {
clear: both;
border: 1px solid #abc;
padding: .5em;
margin: 1em 0em 1em 0em;
}
#profile .profile .name {
padding-bottom: 0.5em;
}
.block-forum h3 {
margin-bottom: .5em;
}
.calendar a {
text-decoration: none;
}
.calendar td, .calendar th {
padding: 0.4em 0;
border-color: #888;
}
.calendar .day-today {
background-color: #69c;
}
.calendar .day-today a {
color: #fff;
}
.calendar .day-selected {
background-color: #369;
color: #fff;
}
.calendar .header-week {
background-color: #ccc;
}
.calendar .day-blank {
background-color: #ccc;
}
.calendar .row-week td a:hover {
background-color: #fff; color: #000;
}
tr.watchdog-user {
background: #d7dbc4; /*#eee0d5; #fff0e6;*/
}
tr.watchdog-user .active {
background: #ccc0b3;
}
tr.watchdog-content {
background: #ddf;
}
tr.watchdog-content .active {
background: #cce;
}
tr.watchdog-page-not-found, tr.watchdog-access-denied {
background: #fbb;
}
tr.watchdog-page-not-found .active, tr.watchdog-access-denied .active {
background: #f99;
}
tr.watchdog-error {
background: #ffc9c9;
}
tr.watchdog-error .active {
background: #eeb9b9;
}
/* Stuff from ccel.css */
p.hang { margin-left: 3em; text-indent: -3em; margin-top: 0px; margin-bottom: 0px; }
p.List1, p.List2, p.List3, p.List4 { margin-top: 0px; margin-bottom: 0px; }
p.List1 {margin-left: 0.3in; }
p.List2 {margin-left: 0.6in; }
p.List3 {margin-left: 0.9in; }
p.List4 {margin-left: 1.2in; }
p.ListCont1, p.ListCont2, p.ListCont3, p.ListCont4
{text-indent: 0in; margin-right: 0.3in; }
p.ListCont1 {margin-left: 0.3in; }
p.ListCont2 {margin-left: 0.6in; }
p.ListCont3 {margin-left: 0.9in; }
p.ListCont4 {margin-left: 1.2in; }
#user-login-form { text-align: left; }
/* Tab navigation
* Combined from
* --original CCEL tab design (summer 2006)
* --old /misc/drupal.css
* --contrib tabbed theme Aberdeen
*************************************/
#toptabs {
margin: 0px auto; /* causes center alignment in non-IE browsers */
text-align: center; /*causes center alignment in IE, hopefully */
padding: 0px;
background-color: #d6d9c4; /* #d7dbc4; /*#eee0d5; #fff0e6;*/
/* clear:both; */
}
#toptabs #navmenu {
/*** THIS IS NOT IDEAL
*** BETTER TO USE TABLE INSTEAD OF UNORDERED LIST,
*** BECAUSE TABLE SIZE IS AUTOMATIC.
*** HERE, WIDTH DOES NOT EXACTLY MATCH IF YOU ENLARGE TEXT IN BROWSER
**********/
width: 38.3em;
background-color: #d6d9c4; /*#d7dbc4; /* #d6d9c4; #eee0d5; #fff0e6;*/
border-bottom: 1px solid black;
/* border: 1px blue solid; /* !important; ONLY FOR TESTING LOCATION*/
}
#toptabs #navmenu ul.links { /* .toptab, .activetoptab { */
margin: 0px;
padding: 0px;
position: relative; /* absolute; */
bottom: -1px; /* */
/* top: 80px; */
left: 0px; /* 170px;*/
list-style: none;
}
#toptabs #navmenu ul.links a, /* All these are necessary for IE on Windows to display the tab links correctly */
#toptabs #navmenu ul.links a:link,
#toptabs #navmenu ul.links a:visited,
#toptabs #navmenu ul.links a:active,
#toptabs #navmenu ul.links li.active a,
#toptabs #navmenu ul.links li.active a:link,
#toptabs #navmenu ul.links li.active a:visited,
#toptabs #navmenu ul.links li.active a:active {
/***
.toptab a,
.toptab a:link,
.toptab a:visited,
.toptab a:active,
.activetoptab a,
.activetoptab a:link,
.activetoptab a:visited
.activetoptab a:active {
***/
white-space: nowrap;
font-weight: bold;
color: #000 !important; /* Again, this is for IE */
display: block;
padding: 3px 0.6em;
}
#toptabs #navmenu ul.links li { /* .toptab { */
background: #d0c0b3 url(http://staticccel.org/themes/ccel/tab-inactive-left.jpg) scroll no-repeat top left;
border-bottom: 1px solid black;
margin: 0;
padding: 0;
display: inline;
float: left;
margin: 0 0.9em 0px 0;
}
#toptabs #navmenu ul.links li.last { /* .toptab { */
margin: 0 0 0 0;
}
#toptabs #navmenu ul.links li a { /* .toptab a { */
background: transparent url(http://staticccel.org/themes/ccel/tab-inactive-right.jpg) scroll no-repeat top right;
margin: 0;
padding: 0;
display: block;
float: left;
}
#toptabs #navmenu ul.links li.active { /* .activetoptab { */
background: #fff url(http://staticccel.org/themes/ccel/tab-active-left.jpg) scroll no-repeat top left;
border-bottom: 1px solid white;
}
#toptabs #navmenu ul.links li.active a { /* .activetoptab a { */
background: transparent url(http://staticccel.org/themes/ccel/tab-active-right.jpg) scroll no-repeat top right;
color: #555;
text-decoration: none;
}
/*** CCEL's custom nav tabs classes ***/
/*** USED ONLY WITH links.tpl.php AND template.php ***/
/*******************************
.toptab, .activetoptab {
margin: 0px;
padding: 0px;
}
/* All these are necessary for IE on Windows to display the tab links correctly * /
.toptab a,
.toptab a:link,
.toptab a:visited,
.toptab a:active,
.activetoptab a,
.activetoptab a:link,
.activetoptab a:visited
.activetoptab a:active {
white-space: nowrap;
font-weight: bold;
color: #000 !important; /* Again, this is for IE * /
display: block;
padding: 3px 0.6em;
}
.toptab {
background: #d0c0b3 url(http://staticccel.org/themes/ccel/tab-inactive-left.jpg) scroll no-repeat top left;
border-bottom: 1px solid black;
}
.toptab a {
background: transparent url(http://staticccel.org/themes/ccel/tab-inactive-right.jpg) scroll no-repeat top right;
}
.activetoptab {
background: #fff url(http://staticccel.org/themes/ccel/tab-active-left.jpg) scroll no-repeat top left;
}
.activetoptab a {
background: transparent url(http://staticccel.org/themes/ccel/tab-active-right.jpg) scroll no-repeat top right;
}
.toptabseparator {
border-bottom: #000 solid 1px;
padding: 0px 0.25em;
}
*****************************/
ul.primary {
border-collapse: collapse;
padding: 0 0 0 1em;
white-space: nowrap;
list-style: none;
margin: 5px;
height: auto;
line-height: normal;
border-bottom: 1px solid #bbb;
}
ul.primary li {
display: inline;
}
ul.primary li a {
background-color: #ddd;
border-color: #bbb;
border-width: 1px;
border-style: solid solid none solid;
height: auto;
margin-right: 0.5em;
padding: 0 1em;
text-decoration: none;
}
ul.primary li.active a {
background-color: #fff;
border: 1px solid #bbb;
border-bottom: #fff 1px solid;
}
ul.primary li a:hover {
background-color: #eee;
border-color: #ccc;
border-bottom-color: #eee;
}
ul.secondary {
border-bottom: 1px solid #bbb;
padding: 0.5em 1em 0.5em 1em;
margin: 5px;
}
ul.secondary li {
display: inline;
padding: 0 1em;
border-right: 1px solid #ccc;
}
ul.secondary a {
padding: 0;
text-decoration: none;
}
ul.secondary a.active {
border-bottom: 4px solid #999;
}
/* Navigation tabs (in conjuction with styles listed in /misc/drupal.css) */
ul.primary li span {
background-color: #ddd;
border-color: #bbb;
border-width: 1px;
border-style: solid solid none solid;
height: auto;
margin-right: 0.5em;
padding: 0 1em;
text-decoration: none;
}
ul.navigation {
margin: -.5em;
padding: 0px;
border: 0px;
}
ul.navigation li {
list-style: none;
margin: 0px;
padding: 0px;
border: 0px;
}
ul.navigation li a,
ul.navigation li a:link,
ul.navigation li a:active,
ul.navigation li a:visited,
ul.navigation li a:hover {
display: block;
background-color: #C7C5A1;
color: #3E3C28;
font-weight: bold;
text-decoration: none;
padding: 0.5em;
border-top-style: none;
border-left-style: none;
border-right: 0px solid black;
border-bottom: 1px solid #3E3C28;
}
ul.navigation li.active a,
ul.navigation li.active a:link,
ul.navigation li.active a:visited,
ul.navigation li.active a:active,
ul.navigation li.active a:hover {
background: #E8E6D1 url(http://staticccel.org/themes/ccel/navigation-active-bg.gif) scroll top right repeat-y;
color: #3E3C28;
font-weight: bold;
text-decoration: none;
border-right-width: 0px;
}
ul.navigation li a:hover {
background: #A6A37E;
color: #29281B;
font-weight: bold;
text-decoration: none;
}
/* Alternate Link Colors */
a.alt_color {
color: green !important;
}
/* CCEL Store */
.store-img-left {
float: left;
margin: 0em 1em 1em 0em;
}
.store-img-right {
float: right;
margin: 0em 0em 1em 1em;
}
.store-related-product {
float: right;
border: 1px solid black;
margin: 0em 0em 1em 1em;
padding: .5em;
}
/* Stylesheet for book view pages in drupal. */
a.TOC { text-decoration: none }
a.TOC:hover { text-decoration: underline }
/* 1em is to make room for the expando */
.TOC1, .TOC2, .TOC3, .TOC4, .TOC5, .TOC6 { margin: 2px 2px 2px 1em; padding: 0px 1px;
padding-left: 2em; text-indent:-2em }
.TOC1, .TOC2, .TOC3, .TOC4 { text-align: left }
.TOC1 { margin-left: 1em; font-weight: bold; font-size: 110%; margin-top:3px }
.TOC2 { margin-left: 3em; font-size: 100%; }
.TOC3 { margin-left: 5em; font-size: 90%; }
.TOC4 { margin-left: 7em; font-size: 90%; }
.TOC5 { margin-left: 9em; font-size: 90%; }
.TOC6 { margin-left: 11em; font-size: 90%; }
/* Push the TOC expando (open.gif or close.gif) to the left a little */
.TOC1 a img,
.TOC2 a img,
.TOC3 a img,
.TOC4 a img,
.TOC5 a img,
.TOC6 a img
{
margin-left: -15px;
}
/*
* #tocdiv only exists in the old 'ccel' theme.
*/
#tocdiv
{
margin-left: -0.5em;
}
#tocdiv .TOC1,
#tocdiv .TOC2,
#tocdiv .TOC3,
#tocdiv .TOC4,
#tocdiv .TOC5,
#tocdiv .TOC6
{
text-indent: 0em;
padding-left: 0em;
}
.toc_selected_section { background: #d2c4b7;
padding-top: 1px; padding-right: 2px; padding-bottom: 2px; }
.TOC1:hover,
.TOC2:hover,
.TOC3:hover,
.TOC4:hover,
.TOC5:hover,
.TOC6:hover
{
background: #f2e4d7;
}
.book-background-color-night .TOC1:hover,
.book-background-color-night .TOC2:hover,
.book-background-color-night .TOC3:hover,
.book-background-color-night .TOC4:hover,
.book-background-color-night .TOC5:hover,
.book-background-color-night .TOC6:hover
{
background: #442222;
}
.toc_selected_section a { color: #600 !important; font-weight:bold; }
/* Toolbar */
.controlbox {
bottom: 0px;
background: #660000;
color: white;
padding: 4px 4px 4px 4px;
border: 1px solid gray;
visibility: hidden;
font-size: 10pt;
}
.cbutton {
border: 1px solid #330000;
background: #CCCCCC;
padding: 2px 2px 2px 2px;
}
table.padded td {
padding-right: 1em;
}
/* Download History */
.data_table {
border-collapse:collapse;
empty-cells:show;
}
.data_table td,
.data_table th {
padding: .2em 1em .2em 0em;
}
/*
* Show no linebreak before the links at the bottom of each comment.
* ( http://trac.ccel.org/trac/ticket/342 item 2)
*/
div.comment div.links ul.links
{
display: inline;
}
/**
* index/author/A
*/
.alphabar
{
display: block;
margin: 0pt auto;
text-align: center;
}
.alphabar *,
.alphabar a
{
text-align: center;
font-size: 11pt;
}
.alphabar .selected
{
font-weight: bold;
}
.ui-accordion .ui-accordion-header
{
color: white;
background: #590000;
}
.ui-accordion .ui-state-hover .ui-icon {background-image: url(../../../all/libraries/jquery.ui/themes/base/images/ui-icons_cd0a0a_256x240.png)/*{iconsHover}*/; }
.ui-accordion .ui-state-active .ui-icon {background-image: url(../../../all/libraries/jquery.ui/themes/base/images/ui-icons_cd0a0a_256x240.png)/*{iconsActive}*/; }
.ui-accordion .ui-accordion-header
{
/* Just use a bit of margin. */
margin: 1px 0px;
}
.ui-accordion .ui-accordion-header a,
.ui-accordion .ui-state-default a,
.ui-accordion .ui-state-default a:link,
.ui-accordion .ui-state-default a:visited
{
display: inline;
font-size: inherit;
color: inherit;
}
/*
* Disabled rounded corners for our accordions which we are rendering like blocks. The exact rules are pulled and then modified from jquery-ui-1.7.2's jquery-ui.css
*/
.ui-accordion .ui-corner-all,
.ui-accordion .ui-corner-top,
.ui-accordion .ui-corner-bottom,
.ui-accordion .ui-corner-left,
.ui-accordion .ui-corner-right,
.ui-accordion .ui-corner-tl,
.ui-accordion .ui-corner-tr,
.ui-accordion .ui-corner-br,
.ui-accordion .ui-corner-bl
{
-moz-border-radius: 0pt;
-webkit-border-radius: 0pt;
border-radius: 0pt;
}
/*
* Disabled silly borderness on widgets
*/
.ui-state-default,
.ui-widget .ui-state-default,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-accordion .ui-widget-content
{
border: none;
}
/*
* A class for elements which require javascript to be enabled to be useful.
*/
.noscript-hide
{
display: none;
}
/*
* A class for elements which should start out hidden and be shown only when needed by javascripty stuffage
*/
.start-hidden
{
display: none;
}
/*
* A class for elements which should start out hidden and be shown only when needed by javascripty stuffage
*/
.start-hidden
{
display: none;
}
/* make the font_size selection in CCEL Preferences look nicer */
.preferences-font-size-wrapper > div.form-item
{
display: inline-block;
padding-right: 1em;
}
/* The styling used to render the `aA' buttons/boxes for choosing font_size. */
.font-size-choice,
.background-color-choice
{
display: inline-block;
height: 24pt;
line-height: 24pt;
border: 2pt solid silver;
vertical-align: bottom;
text-align: center;
}
.background-color-choice
{
/*
* Since we don't have fixed width but do have a fixed height for the background color choices, we provide padding on the sides.
*/
padding: 0pt 6pt 0pt 6pt;
}
.font-size-choice
{
/* make the font size chooser square. (be square or be THERE)*/
width: 24pt;
}
.font-size-choice a,
.background-color-choice a,
.font-size-choice a:hover,
.background-color-choice a:hover
{
text-decoration: none;
color: inherit;
}
.font-size-choice.chosen,
.background-color-choice.chosen
{
/* background: #ffffdd; */
border: 2pt solid gold;
}
/* don't let links in font choices appear to be links. */
a.font-choice,
.font-choice a
{
color: inherit !important;
}
/*
* http://www.w3.org/TR/2011/CR-css3-background-20110215/#the-box-shadow
* http://css3.info/preview/box-shadow/
*/
.ccel-boxshadow
{
-moz-box-shadow: 1pt 1pt 4pt 2pt rgba(34, 34, 34, 0.5);
-webkit-box-shadow: 1pt 1pt 4pt 2pt rgba(34, 34, 34, 0.5);
box-shadow: 1pt 1pt 4pt 2pt rgba(34, 34, 34, 0.5);
}
/*
* The colors chosen here (particularly for .landingpage-title and .landingpage-quip) must be kept in sync with http://ccel.org/node/7486 (http://ccel.org/).
*/
.landingpage-heading
{
background: #3f2813;
color: white;
/* must match the size of .landingpage-icon's height + borders + margin. */
height: 67px;
}
.landingpage-heading > *
{
display: inline-block;
}
.landingpage-icon
{
width: 136px;
height: 67px;
border: none;
margin: 0px;
padding: 0px;
float: right;
}
.landingpage-title
{
color: #e4cd9c;
font-style: italic;
font-family: serif;
font-size: 40px;
margin: 5px 0pt 0pt 4pt;
position: relative;
top: 6pt;
left: 3pt;
}
.landingpage-quip
{
margin: 0pt 0pt 0pt 1em;
position: relative;
top: 6pt;
}
img.gear
{
width: 24px;
height: 24px;
}
/* import styles from ccel2010/layout.css for the searchicon in study */
/*
* Cause searchicon and textbox to be vertically agreeable for the
* sake of our negative margin hack to get the searchicon into the
* searchbox.
*/
#nav-top form.searchbox-wrapper > div > *,
.searchbox-wrapper > *
{
vertical-align: middle;
}
#nav-top input.searchbox
{
/* This needs no IE-7 fallback */
/* background: #efefef url('img/top-nav-searchbox-icon.png') no-repeat right; */
/* Nowadays the search icon is its own so that clicking on it can result in form submission.
background: #efefef url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oIGhIZKMGyHy8AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAC5ElEQVQ4y02T32vVdRyHn9fn+z3HQa6TU2G0JoumuYmha+lFUMEstfXTcF20oBvppiDBi4jgnHMT1G0ESVAXEcZONGJREMlmJ7xpoWYEEdaS4fRmuu2w03bO9/Pq4kuzf+Dh/X54XgLwBAljjliS8PdHeF8wUEjozTJutMSVJ3ofPOHTsy2qCirbBktCAK4QKMPkMbZsb/K5AocwloEEOWKZ2QXx6gvfcAkcqyhURBQAtl4fV+fYDc6GAsMGZ1BvReZCYFsaOBTapDFyabXNy0em+c0VpAoxBTBSfYmPSRgyNBabvPFSJ1+tTNEC9NEw+3Z2c7qQsX9zgc9wZQjKkYoIAO8O01kwu0gJC21OPTPDlytTtNlRCn3cRfU6v8yuMB5hVZEHvjtaeREUgBxwsIen3WJPG65P/M3X0GdAfVfl9j23wvx8Xzx1jj/WzA/RKN3Ew8LeALBOf0wJZCzU/imt7u6ZS/bugDluMb88CASPcCCRuUmAQpOCc3s5oFHgvNdppwn9J1nacq2EL1/FjHQmdF2Lu3v+TM+WmrFYZKeBmLAM/wP83MFMKPKrIptH7+OV5UbJAIO/r5jFx0ND+MzByyPKGEojF5sNalVLG4DyhNebYioadXTw9vTA0jvl/dzdjoRnt9fu+HAXJ3pTPsVoPeWvw3X/NFjLG9rowGMK9QZfCJ6TwLDshAVHSgG6ZQgRzjXoerPOkrCRHP7roHYcHvmWY4ay4GKAOxW5PzHdzvLiInCgyL3gaFVvX2ATwBEhGT45qVLnFXq61klby6xt6mZvcZW3spR9MXDh0SkeMo5CZgPgSnjMpPkELGzZBNsYa3qUMz8+ic8fxjNHqTrPIJcobKvMtJxRkbBkcsuqErCSm0Veiy0uZCkkGU99MKCtt0OiKkyEqlS2wFHYEnYFU8PPT3oxFqjRhpAwtKefcYB8TCobK2BHIAEFK/8BlCBnMkzo+HvbRmv9yRpbGy0mAf4FOIFhAmUVeyYAAAAASUVORK5CYII=') no-repeat right; */
/* don't allow the text to approach the icon */
padding: 0pt 18px 0pt 0pt;
/* top/bottom margins 5px and let the searchicon be marginned into this searchbox */
margin-top: 5px;
margin-bottom:
margin-left: 0pt;
/* margin-right in the more generic area... */
display: inline-block;
width: 100px;
/* this is what I call micromanagement... */
height: 20px;
border: 2px;
}
.searchbox,
#nav-top .searchbox
{
margin-right: -18px;
}
/* WWSB also likes using .searchbox and .searchicon classes */
#nav-top .searchicon,
.searchicon
{
/* must match dimensions of img/top-nav-searchbox-icon.png */
width: 16px;
height: 17px;
border: none;
background: transparent;
vertical-align: middle;
margin: 0pt 0pt 0pt -4px;
padding: 0px;
display: inline-block;
cursor: pointer;
}
/* navbar-specific: */
#nav-top .searchicon
{
margin-top: 4px;
}
#nav-top .searchicon > img,
.searchicon > img
{
/* must match dimensions of img/top-nav-searchbox-icon.png */
width: 16px;
height: 17px;
margin: 0pt;
padding: 0pt;
display: block;
}
#nav-top form.searchbox-wrapper div.form-item-label
{
display: inline-block;
height: 32px;
}
#nav-top form.searchbox-wrapper div.form-item-label > div
{
display: block;
color: white;
height: 12px;
font: italic 12px sans, sans-serif;
cursor: pointer;
}
/*
* In ccel_articles, have the fivestar floated to the right for space efficiency/beauty:
*/
/* The element containing the whole widget */
form.fivestar-widget, div.fivestar-static-form-item
{
float: right;
}
/* The stars themselves: */
form.fivestar-widget div.fivestar-widget, div.fivestar-static-form-item div.fivestar-widget-static
{
float: right;
clear: right;
}
/* The `Average:' titleish text: */
form.fivestar-widget label, div.fivestar-static-form-item label,
/* The bottom ``Your rating'' text */
form.fivestar-widget div.description, div.fivestar-static-form-item div.description
{
text-align: right;
clear: right;
}
/* The downgraded (nonjs) version of the rating system: */
form.fivestar-widget input,
form.fivestar-widget select
{
clear: right;
float: right;
text-align: right;
}
/* Get the actual content of the node beneath the widget: */
.node-ccel_article .content .content-body
{
clear: right;
}
/* end fivestar widget rules */
/* controllinks styles used on /meditate and /study */
.controllinks, .controllinks a:link, .controllinks a:visited
{
color: #00f; /* Override a:visited { color: #44f; } */
font-family: sans-serif;
font-size: 12pt;
}
.controllink:hover, a.controllink:hover
{
cursor: pointer;
}
.controllinks .loading,
.controllinks a.loading, .controllinks a:link.loading, .controllinks a:visited.loading
{
text-decoration: underline;
}
.controllinks .controllink-doublearrow, .controllinks a:link.controllink-doublearrow, .controllinks a:visited.controllink-doublearrow,
.controllink-doublearrow
{
font-size: 125%;
}
/* end controllinks used on /study and /meditate */
/* Wikibook homepage formatting */
.wikibooks-root-page .leaderboard-wrapper, .currentproject
{
width:49%;
float:left;
clear:left;
min-height:200px;
}
.featuredwikibook, .topwikibooks
{
width: 49%;
float:right;
clear:right;
min-height:200px;
}
.wikibooks-root-page .leaderboard-wrapper .title, .currentproject .title, .featuredwikibook .title, .topwikibooks .title
{
margin-bottom:10px;
border-bottom-style:dashed;
border-width:2px;
border-color:#FF5D00;
}
.leaderboard
{
border: 1px solid gray;
background: #F3F3E9;
color: #664E33;
padding:4pt;
max-width:400px
}
.wikibooklinks
{
margin-top:20px;
width:100%
text-align:left;
float:left;
clear:right;
}
#book-checked-out
{
background-color: #E7E734;
}
/* end Wikibook homepage formatting*/
/* Progress Bar */
div.progress-container {
border: 1px solid #aaaaaa;
width: 100px;
margin: 2px 5px 2px 0px;
padding: 1px;
float: left;
background: white;
}
div.progress-container-bar {
background-color: #ACE97C;
height: 18px;
float:left;
}
div.progress-container-text {
position: absolute;
margin-left: 5px;
}
/* end Progress Bar */
/*Tracking Page*/
.trackingpage-board
{
border: 1px solid gray;
background: #F3F3E9;
color: #664E33;
padding:4pt;
max-width:600px
}
/* Wikipage*/
#wikipage-watermark {
background-image:url( 'watermark.png' );
background-repeat:no-repeat;
background-position: top center;
}
/*
* For http://ccel.org/read
*/
.ccel-menu-flat ul.menu li
{
display: inline;
margin: 0pt;
padding: 0pt;
}
.ccel-menu-flat li:after
{
content: ", ";
}
.ccel-menu-flat li.last:after
{
content: none;
}
.ccel-menu-flat a
{
font-weight: bold;
}
|