diff options
Diffstat (limited to 'css')
-rw-r--r-- | css/book.css | 68 | ||||
-rw-r--r-- | css/colors.css | 144 | ||||
-rw-r--r-- | css/forms.css | 260 | ||||
-rw-r--r-- | css/ie.css | 68 | ||||
-rw-r--r-- | css/jquery.ui.theme.css | 456 | ||||
-rw-r--r-- | css/layout.css | 613 | ||||
-rw-r--r-- | css/print.css | 156 | ||||
-rw-r--r-- | css/search.css | 37 | ||||
-rw-r--r-- | css/sprites.css | 9 | ||||
-rw-r--r-- | css/style.css | 773 | ||||
-rw-r--r-- | css/user.css | 115 |
11 files changed, 2699 insertions, 0 deletions
diff --git a/css/book.css b/css/book.css new file mode 100644 index 0000000..e3e3b79 --- /dev/null +++ b/css/book.css @@ -0,0 +1,68 @@ +/* @override http://skinr.docs/modules/book/book.css?lff21s */ + +/* Admin */ +#book-outline { + min-width: 56em; +} +.book-outline-form .form-item { + margin-top: 0; + margin-bottom: 0; +} +html.js #edit-book-pick-book { + display: none; +} +.form-item-book-bid .description { + clear: both; +} +#book-admin-edit select { + margin-right: 24px; +} +#book-admin-edit select.progress-disabled { + margin-right: 0; +} +#book-admin-edit tr.ajax-new-content { + background-color: #ffd; +} +#book-admin-edit .form-item { + float: left; +} + +/* Front end */ +.book-navigation { + font-size: 1.077em; + margin: 1em 0 0 0; +} +.book-navigation ul.menu { + border-top: solid 1px #e4e4e4; + margin: 0; + padding: 2em 2em 2em 3em; + list-style-type: square; +} +.book-navigation .menu li { + margin-bottom: 0.4em; + padding: 0; +} +.book-navigation .page-links { + border-top: solid 1px #e4e4e4; + text-align: center; + padding: 1em 0; +} +.book-navigation .page-previous { + text-align: left; + width: 42%; + display: block; + float: left; /* LTR */ +} +.book-navigation .page-up { + margin: 0 5%; + width: 4%; + display: block; + float: left; /* LTR */ +} +.book-navigation .page-next { + text-align: right; + width: 42%; + display: block; + float: right; +} + diff --git a/css/colors.css b/css/colors.css new file mode 100644 index 0000000..4830dfd --- /dev/null +++ b/css/colors.css @@ -0,0 +1,144 @@ +/* $Id$ */ + +/* Page +-------------------------------------------------------------------------*/ +html, body { + background-color: #efedea; + color: #000; +} + + +/* Tabs +-------------------------------------------------------------------------*/ +#skip-link a, +.tabs a, +.tabs a:visited { + background-color: #fffffe; + color: #101010; +} +.tabs a:hover, +.tabs a:focus, +.tabs a:active, +.tabs a.active, +.tabs a.active:visited { + background-color: #efedeb; + color: #111111; +} + +/* Links +-------------------------------------------------------------------------*/ +a, +a:visited { + color: #1c6ea0; +} +a:hover, +a:focus, +a:active { + color: #42a9be; +} +.pager a:hover, +.pager a:active, +.pager a:focus { + background-color: #1c6ea0; + color: #fff; +} + + +/* Identity +-------------------------------------------------------------------------*/ +h1.site-name a, +h1.site-name a:visited { + color: #4c4742; +} +h2.site-slogan { + color: #837b72; +} + + +/* Header +-------------------------------------------------------------------------*/ +.region-header, +.region-navigation, +.region-header h2.block-title, +.region-navigation h2.block-title { + color: #101000; +} +.region-header a, +.region-header a:visited { + color: #0679be; +} +.region-header a:hover, +.region-header a:focus, +.region-header a:active { + color: #42a9ba; +} + + +/* Footer +-------------------------------------------------------------------------*/ +.breadcrumb, +footer.section, +footer.section .block-title { + background-color: #e3e1df; + color: #010101; +} +.breadcrumb a, +footer.section a, +footer.section a:visited { + color: #126598; +} +.breadcrumb a:hover, +.breadcrumb a:focus, +.breadcrumb a:active, +footer.section a:hover, +footer.section a:focus, +footer.section a:active { + color: #127ba5; +} + + +/* Navigation +-------------------------------------------------------------------------*/ +.region-navigation .content ul a, +.region-navigation .content ul a:visited { + background-color: #e1dfdc; + color: #4d453e; +} +.region-navigation .content ul a:hover, +.region-navigation .content ul a:focus, +.region-navigation .content ul a:active, +.region-navigation .content ul a.active-trail, +.region-navigation .content ul a.active-trail:visited, +.region-navigation .content ul a.active, +.region-navigation .content ul a.active:visited { + background-color: #fff; + color: #473e34; +} + + +/* Node links +-------------------------------------------------------------------------*/ +article .links a, +article .links a:visited { + background-color: #e7e5e3; + color: #100100; +} +article .links a:hover, +article .links a:focus, +article .links a:active { + background-color: #d7d5d3; + color: #100101; +} + +/* Titles +-------------------------------------------------------------------------*/ +h1.title { + color: #100001; +} +h2.block-title { + color: #5e5247; /* need to update */ +} +.comment header h3 a, +h2.title a { + color: #100011; +} diff --git a/css/forms.css b/css/forms.css new file mode 100644 index 0000000..e1a774f --- /dev/null +++ b/css/forms.css @@ -0,0 +1,260 @@ +/* $Id$ */ + +/* Fieldsets +-------------------------------------------------------------------------*/ +fieldset { + border: solid 1px #e6e4e2; + margin: 1.2em 0; + padding: 0 0 1em 0; + position: relative; +} +.fieldset-wrapper { + padding: 2.4em 1em 1em 1em; +} +.fieldset-description { + padding: 1em 0; +} +html.js fieldset.collapsed { + border: solid 1px #e6e4e2; + height: 2em; +} +legend { + display: block; + color: #999; + font-weight: 600; + font-size: 0.923em; + left: 1em; + letter-spacing: 0.25em; + line-height: normal; + position: absolute; + text-transform: uppercase; + top: 1em; +} +legend a.fieldset-title { + color: #999; +} +.js fieldset.collapsible legend a { + background: url(../images/gray.png) no-repeat 0 -132px; + padding-left: 20px; + -moz-transition: color 0.3s linear; + -webkit-transition: color 0.3s linear; + transition: color 0.3s linear; +} +.js fieldset.collapsible legend a:hover, +.js fieldset.collapsible legend a:focus, +.js fieldset.collapsible legend a:active { + background-image: url(../images/black.png); + color: #444; +} +.js fieldset.collapsed legend a { + background-position: 0 -198px; +} + + +/* Labels +-------------------------------------------------------------------------*/ +label { + cursor: pointer; + font-weight: 500; +} +.form-item label { + display: block; + font-size: 1.077em; + margin-bottom: 0.2em; + margin-left: 3px; +} +.form-item .form-item label { + display: inline; + font-size: 1em; +} +table label, +.form-item label.option { + display: inline; + font-size: 1em; + font-weight: normal; +} + + +/* Wrappers +-------------------------------------------------------------------------*/ +.form-item { + margin: 1.4em 0; +} +.fieldset-wrapper .form-item:first-child { + margin-top: 0.4em; +} +.form-item .form-item { + margin: 0.5em 0; +} +.form-type-checkbox, +.form-type-radio { + margin: 1em 0; +} +.form-actions { + margin-top: 1em; + padding: 1em 0; +} +.filter-wrapper .fieldset-wrapper { + padding: 0; +} + + +/* Elements +-------------------------------------------------------------------------*/ +input, select, textarea, button { + font-family: "Helvetica Neue", Helvetica, Clean, Arial, sans-serif; + font-size: 99%; +} +input, textarea { + font-size: 1.077em; + line-height: 1.3em; +} +textarea.form-textarea, textarea { + background-color: #fff; + border: solid 2px #e6e4de; + padding: 0.5em; + -moz-border-radius: 3px 3px 0 0; + -webkit-border-top-right-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-radius: 3px 3px 0 0; +} +input.form-text, +input[type=text], +select[multiple=multiple] { + background-color: #fff; + border: solid 2px #e6e4de; + padding: 0.3em; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +select { + max-width: 100%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +button, +input[type=submit], +input.form-submit, +.form-actions a, +.form-actions a:visited, +.button, a.button, a.button:visited { + background: #e6e4e2 url(../images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png) 50% 50% repeat-x; + border: 1px solid #e6e4e2; + border-bottom-color: #bbb; + border-right-color: #bbb; + color: #000; + font-size: 1em; + font-weight: 500; + padding: 0.5em 1em; + margin: 0 0.5em 0 0; + overflow: hidden; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +button:hover, +input[type=submit]:hover, +input.form-submit:hover, +.form-actions a:hover, +.form-actions a:focus, +.form-actions a:active, +.button:hover, +a.button:hover, +a.button:focus, +a.button:active { + background: #d6d4d1 url(../images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png) 50% 50% repeat-x; + border: 1px solid #e1dedb; + border-bottom-color: #aaa; + border-right-color: #aaa; + color: #000; + cursor: pointer; +} +textarea:focus, +input[type=password]:focus, +input[type=text]:focus, +select[multiple=multiple]:focus { + outline: 0; + -moz-box-shadow: 0 0 10px rgba(169,169,169,0.5); + -webkit-box-shadow: 0 0 10px rgba(169,169,169,0.5); + border-color: rgba(213,213,213,0.7); +} + +/* Misc +-------------------------------------------------------------------------*/ +.description { + color: #777; + font-size: 0.923em; + line-height: 1.5; +} +.form-item .description { + margin-top: 0.4em; + padding-left: 0.4em; +} +.form-required { + color: #fda61f; + font: bold 1em Tahoma, Verdana, Geneva; +} + + +/* Inline containers +-------------------------------------------------------------------------*/ +.container-inline .form-item label { + display: inline-block; +} +.container-inline .form-submit { + font-size: 0.923em; + line-height: 1.5em; + margin: 0 0.3em 0 0; + padding: 0.2em 1em; +} +.container-inline .form-actions { + padding: 0; +} + + +/* Autocomplete throbber +-------------------------------------------------------------------------*/ +html.js input.form-autocomplete { + background-position: 99% 6px; /* LTR */ +} +html.js input.throbbing { + background-position: 99% -12px; /* LTR */ +} + + +/* Vertical tabs +-------------------------------------------------------------------------*/ +.vertical-tabs fieldset.vertical-tabs-pane { + padding: 0; +} +.vertical-tabs .fieldset-wrapper { + padding: 1em 0.5em; +} +div.vertical-tabs, +div.vertical-tabs ul.vertical-tabs-list, +div.vertical-tabs ul.vertical-tabs-list li { + border-color: #e6e4e2; +} +.vertical-tabs ul.vertical-tabs-list li { + background-color: #efedea; +} +.vertical-tabs ul.vertical-tabs-list li a { + -moz-transition: none; + -webkit-transition: none; + transition: none; +} +.vertical-tabs ul.vertical-tabs-list li a:hover, +.vertical-tabs ul.vertical-tabs-list li a:focus { + color: #000; + outline: none; +} +.vertical-tabs ul.vertical-tabs-list li a:focus strong, +.vertical-tabs ul.vertical-tabs-list li a:active strong, +.vertical-tabs ul.vertical-tabs-list li a:hover strong { + text-decoration: none; +} +.vertical-tabs .summary { + font-size: 0.923em; +} diff --git a/css/ie.css b/css/ie.css new file mode 100644 index 0000000..81bd9d2 --- /dev/null +++ b/css/ie.css @@ -0,0 +1,68 @@ +/* $Id$ */ + +.list-inline .content li, +.inline li, +.links li, +.tabs li, +.pager li, +.pager li.pager-current, +.breadcrumb a, +.region-navigation .content ul a, +.menu-name-menu-social a { + display: inline; + zoom: 1; +} +.region-navigation { + float: left; +} +.sidebar { + overflow: hidden; +} +.region-navigation .content ul a, +.region-navigation .content ul ul li { + float: left; + display: inline; + position: relative; +} +.collapsible-toggle, +label, +.form-submit, +.region-navigation .content ul a { + font-weight: bold; +} +table label, +.form-item label.option { + font-weight: normal; +} +.block-search input.form-text { + width: 75%; +} +.block-search input.form-submit { + margin-top: 0.5em; +} +.node header, +.comment header { + zoom: 1; +} +* html article .field-type-image { + width: 1%; +} +article .field-name-field-tags { + line-height: normal; +} +.resizable-textarea textarea { + width: 97%; +} +input.form-submit { + padding-left: 0; + padding-right: 0; +} +.vertical-tabs .fieldset-wrapper { + padding: 0; +} +.vertical-tabs .form-type-file input { + width: 100%; +} +* html .vertical-tabs .form-item { + width: 95%; /* IE6 */ +} diff --git a/css/jquery.ui.theme.css b/css/jquery.ui.theme.css new file mode 100644 index 0000000..369a1c4 --- /dev/null +++ b/css/jquery.ui.theme.css @@ -0,0 +1,456 @@ +/* $Id$ */ + +/* Component containers +-------------------------------------------------------------------------*/ +.ui-widget-content { + background: #fff url(../images/ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; + border: 1px solid #e6e4e2; +} +.ui-widget-header { + background: #e6e4e2 url(../images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png) 50% 50% repeat-x; + border: 1px solid #fff; + font-weight: bold; +} +.ui-widget-header a { + color: #000; +} + + +/* Interaction states +-------------------------------------------------------------------------*/ +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + background: #e6e4e2 url(../images/ui/ui-bg_highlight-soft_90_e6e4e2_1x100.png) 50% 50% repeat-x; + border: 1px solid #e6e4e2; + color: #000; +} +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: #000; +} +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-widget-header .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus { + background: #efedeb url(images/ui-bg_highlight-soft_90_efedeb_1x100.png) 50% 50% repeat-x; + border: 1px solid #e6e4e2; + color: #000; +} +.ui-state-hover a, +.ui-state-hover a:hover, +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { + color: #000; +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active, +div.ui-datepicker .ui-state-active { + background: #d6d4d1 url(../images/ui/ui-bg_highlight-soft_50_d6d4d1_1x100.png) 50% 50% repeat-x; + border: 1px solid #e1dedb; + color: #000; +} +.ui-widget :active { + outline: none; +} + + +/* Interaction cues +-------------------------------------------------------------------------*/ +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight, +div.ui-datepicker .ui-state-highlight { + background: #fffce5 url(../images/ui/ui-bg_glass_55_fffce5_1x400.png) 50% 50% repeat-x; + border: 1px solid #ed5; + color: #840; +} +.ui-state-highlight a, +.ui-widget-content .ui-state-highlight a, +.ui-widget-header .ui-state-highlight a { + color: #840; + text-decoration: underline; +} +.ui-state-error, +.ui-widget-content .ui-state-error, +.ui-widget-header .ui-state-error { + background: #fef5f1 url(../images/ui/ui-bg_glass_95_fef5f1_1x400.png) 50% 50% repeat-x; + border: 1px solid #ed541d; + color: #8c2e0b; +} +.ui-state-error a, +.ui-widget-content .ui-state-error a, +.ui-widget-header .ui-state-error a { + color: #8c2e0b; + text-decoration: underline; +} +.ui-state-error-text, +.ui-widget-content .ui-state-error-text, +.ui-widget-header .ui-state-error-text { + color: #8c2e0b; +} +.ui-priority-primary, +.ui-widget-content .ui-priority-primary, +.ui-widget-header .ui-priority-primary { + font-weight: 600; +} +.ui-priority-secondary, +.ui-widget-content .ui-priority-secondary, +.ui-widget-header .ui-priority-secondary { + opacity: 0.7; + filter: Alpha(Opacity=70); + font-weight: normal; +} +.ui-state-disabled, +.ui-widget-content .ui-state-disabled, +.ui-widget-header .ui-state-disabled { + background-image: none; + filter: Alpha(Opacity=35); + opacity: 0.35; +} + + +/* Icons +-------------------------------------------------------------------------*/ +.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui/ui-icons_222222_256x240.png); } +.ui-widget-content .ui-icon {background-image: url(../images/ui/ui-icons_222222_256x240.png); } +.ui-widget-header .ui-icon {background-image: url(../images/ui/ui-icons_555555_256x240.png); } +.ui-state-default .ui-icon { background-image: url(../images/ui/ui-icons_999999_256x240.png); } +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui/ui-icons_000000_256x240.png); } +.ui-state-active .ui-icon {background-image: url(../images/ui/ui-icons_000000_256x240.png); } +.ui-state-highlight .ui-icon {background-image: url(../images/ui/ui-icons_884400_256x240.png); } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui/ui-icons_8c2e0b_256x240.png); } + + +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-off { background-position: -96px -144px; } +.ui-icon-radio-on { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Border radius +-------------------------------------------------------------------------*/ +.ui-corner-tl { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; +} +.ui-corner-tr { + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; +} +.ui-corner-bl { + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-corner-br { + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.ui-corner-top { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; +} +.ui-corner-bottom { + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.ui-corner-right { + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.ui-corner-left { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-corner-all { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px +} + + +/* Overlays +-------------------------------------------------------------------------*/ +.ui-widget-overlay { + background: #000; + opacity: 0.6; + filter: Alpha(Opacity=60); +} +.ui-widget-shadow { + margin: -8px 0 0 -8px; + padding: 8px; + background: #aaa; + opacity: 0.6; + filter: Alpha(Opacity=60); + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} + + +/* Progress bar +-------------------------------------------------------------------------*/ +div.ui-progressbar { + background: #f8f8f8; + height: 3.5ex; +} +div.ui-progressbar .ui-progressbar-value { + background: #0072b9 url(/misc/progress.gif); + height: 3.5ex; +} + + +/* Tabs +-------------------------------------------------------------------------*/ +.ui-tabs { + border-color: #fff; +} +div.ui-tabs .ui-tabs-nav { + background: #fff; + padding-left: 0; + border-bottom: solid 1px #e6e4e2; +} +div.ui-tabs .ui-tabs-nav .ui-state-active, +div.ui-tabs .ui-tabs-nav .ui-state-hover, +div.ui-tabs .ui-tabs-nav .ui-tabs-selected { + border-color: #e6e4e2; +} +div.ui-tabs .ui-tabs-panel { + border-width: 0 1px 1px 1px; +} + + +/* Dialog +-------------------------------------------------------------------------*/ +.ui-dialog { + -moz-box-shadow: 0 0 12px rgba(0,0,0,0.4); + -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.4); + box-shadow: 0 0 12px rgba(0,0,0,0.4); + +} + + +/* Datepicker +-------------------------------------------------------------------------*/ +.ui-datepicker .ui-state-default { + background: #fff; + border-color: #fff; + text-align: center; + vertical-align: middle; +} +.ui-datepicker .ui-datepicker-calendar { + font-size: 0.923em; +} +.ui-datepicker .ui-datepicker-calendar, +.ui-datepicker .ui-datepicker-calendar td, +.ui-datepicker .ui-datepicker-calendar th { + border-color: #fff; +} + + +/* Misc +-------------------------------------------------------------------------*/ +.ui-datepicker .ui-widget-header, +.ui-dialog .ui-widget-header, +.ui-slider .ui-widget-header { + background-color: #efedeb; +} +div.ui-widget p:only-child { + margin: 1em 0; +} + diff --git a/css/layout.css b/css/layout.css new file mode 100644 index 0000000..a933091 --- /dev/null +++ b/css/layout.css @@ -0,0 +1,613 @@ +/* $Id$ */ + +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container-12, +.container-16 { + margin-left: auto; + margin-right: auto; + width: 960px; +} + +/* `Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid-1, +.grid-2, +.grid-3, +.grid-4, +.grid-5, +.grid-6, +.grid-7, +.grid-8, +.grid-9, +.grid-10, +.grid-11, +.grid-12, +.grid-13, +.grid-14, +.grid-15, +.grid-16 { + display: inline; + float: left; + position: relative; + margin-left: 10px; + margin-right: 10px; +} + +.container-12 .grid-3, +.container-16 .grid-4 { + width: 220px; +} + +.container-12 .grid-6, +.container-16 .grid-8 { + width: 460px; +} + +.container-12 .grid-9, +.container-16 .grid-12 { + width: 700px; +} + +.container-12 .grid-12, +.container-16 .grid-16 { + width: 940px; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-12 .grid-1 { + width: 60px; +} + +.container-12 .grid-2 { + width: 140px; +} + +.container-12 .grid-4 { + width: 300px; +} + +.container-12 .grid-5 { + width: 380px; +} + +.container-12 .grid-7 { + width: 540px; +} + +.container-12 .grid-8 { + width: 620px; +} + +.container-12 .grid-10 { + width: 780px; +} + +.container-12 .grid-11 { + width: 860px; +} + +/* `Grid >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-16 .grid-1 { + width: 40px; +} + +.container-16 .grid-2 { + width: 100px; +} + +.container-16 .grid-3 { + width: 160px; +} + +.container-16 .grid-5 { + width: 280px; +} + +.container-16 .grid-6 { + width: 340px; +} + +.container-16 .grid-7 { + width: 400px; +} + +.container-16 .grid-9 { + width: 520px; +} + +.container-16 .grid-10 { + width: 580px; +} + +.container-16 .grid-11 { + width: 640px; +} + +.container-16 .grid-13 { + width: 760px; +} + +.container-16 .grid-14 { + width: 820px; +} + +.container-16 .grid-15 { + width: 880px; +} + +/* `Prefix Extra Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container-12 .prefix-3, +.container-16 .prefix-4 { + padding-left: 240px; +} + +.container-12 .prefix-6, +.container-16 .prefix-8 { + padding-left: 480px; +} + +.container-12 .prefix-9, +.container-16 .prefix-12 { + padding-left: 720px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-12 .prefix-1 { + padding-left: 80px; +} + +.container-12 .prefix-2 { + padding-left: 160px; +} + +.container-12 .prefix-4 { + padding-left: 320px; +} + +.container-12 .prefix-5 { + padding-left: 400px; +} + +.container-12 .prefix-7 { + padding-left: 560px; +} + +.container-12 .prefix-8 { + padding-left: 640px; +} + +.container-12 .prefix-10 { + padding-left: 800px; +} + +.container-12 .prefix-11 { + padding-left: 880px; +} + +/* `Prefix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-16 .prefix-1 { + padding-left: 60px; +} + +.container-16 .prefix-2 { + padding-left: 120px; +} + +.container-16 .prefix-3 { + padding-left: 180px; +} + +.container-16 .prefix-5 { + padding-left: 300px; +} + +.container-16 .prefix-6 { + padding-left: 360px; +} + +.container-16 .prefix-7 { + padding-left: 420px; +} + +.container-16 .prefix-9 { + padding-left: 540px; +} + +.container-16 .prefix-10 { + padding-left: 600px; +} + +.container-16 .prefix-11 { + padding-left: 660px; +} + +.container-16 .prefix-13 { + padding-left: 780px; +} + +.container-16 .prefix-14 { + padding-left: 840px; +} + +.container-16 .prefix-15 { + padding-left: 900px; +} + +/* `Suffix Extra Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container-12 .suffix-3, +.container-16 .suffix-4 { + padding-right: 240px; +} + +.container-12 .suffix-6, +.container-16 .suffix-8 { + padding-right: 480px; +} + +.container-12 .suffix-9, +.container-16 .suffix-12 { + padding-right: 720px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-12 .suffix-1 { + padding-right: 80px; +} + +.container-12 .suffix-2 { + padding-right: 160px; +} + +.container-12 .suffix-4 { + padding-right: 320px; +} + +.container-12 .suffix-5 { + padding-right: 400px; +} + +.container-12 .suffix-7 { + padding-right: 560px; +} + +.container-12 .suffix-8 { + padding-right: 640px; +} + +.container-12 .suffix-10 { + padding-right: 800px; +} + +.container-12 .suffix-11 { + padding-right: 880px; +} + +/* `Suffix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-16 .suffix-1 { + padding-right: 60px; +} + +.container-16 .suffix-2 { + padding-right: 120px; +} + +.container-16 .suffix-3 { + padding-right: 180px; +} + +.container-16 .suffix-5 { + padding-right: 300px; +} + +.container-16 .suffix-6 { + padding-right: 360px; +} + +.container-16 .suffix-7 { + padding-right: 420px; +} + +.container-16 .suffix-9 { + padding-right: 540px; +} + +.container-16 .suffix-10 { + padding-right: 600px; +} + +.container-16 .suffix-11 { + padding-right: 660px; +} + +.container-16 .suffix-13 { + padding-right: 780px; +} + +.container-16 .suffix-14 { + padding-right: 840px; +} + +.container-16 .suffix-15 { + padding-right: 900px; +} + +/* `Push Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container-12 .push-3, +.container-16 .push-4 { + left: 240px; +} + +.container-12 .push-6, +.container-16 .push-8 { + left: 480px; +} + +.container-12 .push-9, +.container-16 .push-12 { + left: 720px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-12 .push-1 { + left: 80px; +} + +.container-12 .push-2 { + left: 160px; +} + +.container-12 .push-4 { + left: 320px; +} + +.container-12 .push-5 { + left: 400px; +} + +.container-12 .push-7 { + left: 560px; +} + +.container-12 .push-8 { + left: 640px; +} + +.container-12 .push-10 { + left: 800px; +} + +.container-12 .push-11 { + left: 880px; +} + +/* `Push Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-16 .push-1 { + left: 60px; +} + +.container-16 .push-2 { + left: 120px; +} + +.container-16 .push-3 { + left: 180px; +} + +.container-16 .push-5 { + left: 300px; +} + +.container-16 .push-6 { + left: 360px; +} + +.container-16 .push-7 { + left: 420px; +} + +.container-16 .push-9 { + left: 540px; +} + +.container-16 .push-10 { + left: 600px; +} + +.container-16 .push-11 { + left: 660px; +} + +.container-16 .push-13 { + left: 780px; +} + +.container-16 .push-14 { + left: 840px; +} + +.container-16 .push-15 { + left: 900px; +} + +/* `Pull Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container-12 .pull-3, +.container-16 .pull-4 { + left: -240px; +} + +.container-12 .pull-6, +.container-16 .pull-8 { + left: -480px; +} + +.container-12 .pull-9, +.container-16 .pull-12 { + left: -720px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-12 .pull-1 { + left: -80px; +} + +.container-12 .pull-2 { + left: -160px; +} + +.container-12 .pull-4 { + left: -320px; +} + +.container-12 .pull-5 { + left: -400px; +} + +.container-12 .pull-7 { + left: -560px; +} + +.container-12 .pull-8 { + left: -640px; +} + +.container-12 .pull-10 { + left: -800px; +} + +.container-12 .pull-11 { + left: -880px; +} + +/* `Pull Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container-16 .pull-1 { + left: -60px; +} + +.container-16 .pull-2 { + left: -120px; +} + +.container-16 .pull-3 { + left: -180px; +} + +.container-16 .pull-5 { + left: -300px; +} + +.container-16 .pull-6 { + left: -360px; +} + +.container-16 .pull-7 { + left: -420px; +} + +.container-16 .pull-9 { + left: -540px; +} + +.container-16 .pull-10 { + left: -600px; +} + +.container-16 .pull-11 { + left: -660px; +} + +.container-16 .pull-13 { + left: -780px; +} + +.container-16 .pull-14 { + left: -840px; +} + +.container-16 .pull-15 { + left: -900px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */ + +.clearfix:after { + clear: both; + content: ' '; + display: block; + font-size: 0; + line-height: 0; + visibility: hidden; + width: 0; + height: 0; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ +* html .clearfix, +*:first-child+html .clearfix { + zoom: 1; +}
\ No newline at end of file diff --git a/css/print.css b/css/print.css new file mode 100644 index 0000000..2287b4a --- /dev/null +++ b/css/print.css @@ -0,0 +1,156 @@ +body { + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + font-size: 11pt; + line-height: 1.6; + margin: 0; + padding: 0; +} +article, aside, details, figcaption, figure, footer, header, hgroup, +menu, nav, section { + display: block; +} +a { + text-decoration: none; + -moz-transition: all 0.3s linear; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} +blockquote, p { + margin: 1.5em 0; +} +p:first-child, +p.first-child { + margin-top: 0; +} +img { + border: none; +} +abbr, acronym { + border-bottom: 1px dotted; + cursor: help; + white-space: nowrap; +} +pre, code, kbd, samp, tt { + font-size: 0.923em; + font-family: Monaco, monospace, sans-serif; +} +pre { + padding: 1em; + white-space: pre-wrap; +} +div.codeblock, pre { + background-color: #eee; + border: solid 1px #ddd; + padding: 1em; +} +mark { + font-size: 0.769em; +} + + +/* Layout +-------------------------------------------------------------------------*/ +#toolbar, +#header, +#footer, +div.tabs, +nav.links, +div.sidebar, +div.breadcrumb { + display: none; +} +#content { + width: 98%; +} +body.toolbar-drawer { + padding-top: 0 !important; +} + +/* Headings +-------------------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6 { + font-weight: 400; + line-height: 1em; + padding: 0; + margin: 24px 0 12px 0; +} +h1 { font-size: 2.153em; } /* 28px */ +h2 { font-size: 1.692em; } /* 22px */ +h3 { font-size: 1.385em; } /* 18px */ +h4 { font-size: 1.231em; } /* 16px */ +h5 { font-size: 1.077em; } /* 14px */ +h6 { font-size: 1em; } + +h1.book-heading { + border-bottom: solid 1px #ddd; + padding-bottom: 0.4em; +} + +/* Lists +-------------------------------------------------------------------------*/ +dl { + margin: 1em 0; + padding: 1em; +} +dt { + font-size: 1.231em; +} +dd { + margin: 0 0 0.5em 0; + padding: 1em 0 1em 2em; +} +dd:last-child { + border-bottom: 0; +} +dl dl { + margin-left: 1em; +} +ul, ol { + padding: 0; + margin: 0 0 0 1.5em; +} +li { + margin: 0; + padding: 0; +} +ul.inline, +.inline .content ul { + display: inline; + margin-left: 0; +} +ul.inline li, +.inline .content li { + display: inline; + margin: 0 0.5em 0 0; +} +li p { + margin-top: 0; +} + +/* Tables +-------------------------------------------------------------------------*/ +table { + border: solid #e4e2e0; + border-collapse: collapse; + border-width: 1px 1px 0 1px; + margin: 1em 0; + width: 100%; +} +th { + font-weight: 600; + text-align: left; +} +th, td { + border: solid #e4e2e0; + border-width: 0 0 1px 0; + padding: 0.5em; + vertical-align: top; +} +thead th:last-child, +tr td:last-child { + border-right: solid 1px #e4e2e0; +} +table .form-item, +table p { + margin: 0; +}
\ No newline at end of file diff --git a/css/search.css b/css/search.css new file mode 100644 index 0000000..71f9d78 --- /dev/null +++ b/css/search.css @@ -0,0 +1,37 @@ +/* $Id$ */ +.search-form { + margin: 2em 0 1em 0; +} +.search-form input { + margin-top: 0; + margin-bottom: 0; +} +.search-results { + list-style: none; +} +.search-advanced .criterion { + float: left; /* LTR */ + margin-right: 2em; /* LTR */ +} +.search-advanced .action { + float: left; /* LTR */ + clear: left; /* LTR */ +} +p.search-info { + text-align: right; + color: #666; + font-size: 0.846em; + font-style: italic; + margin-bottom: 0; +} +.search-results { + margin: 0; +} +.search-result { + border: solid 1px #e6e4e2; + margin: 0 0 1em 0; + padding: 1em; +} +.search-result h3.title { + margin-top: 0; +} diff --git a/css/sprites.css b/css/sprites.css new file mode 100644 index 0000000..a0d3797 --- /dev/null +++ b/css/sprites.css @@ -0,0 +1,9 @@ +/* $Id$ */ + +.link { background-position: 0 0; } +.locked { background-position: 0 -66px; } +.minus { background-position: 0 -132px; } +.plus { background-position: 0 -198px; } +.popout { background-position: 0 -264px; } +.search { background-position: 0 -330px; } +.x { background-position: 0 -396px;} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..039434d --- /dev/null +++ b/css/style.css @@ -0,0 +1,773 @@ +/* $Id$ */ + +/** + * Font sizes (reference) + * Based on 13px body (81.3%). + * + * 8px = 0.615em 30px = 2.308em 52px = 4em + * 9px = 0.692em 31px = 2.385em 53px = 4.077em + * 10px = 0.769em 32px = 2.462em 54px = 4.154em + * 11px = 0.846em 33px = 2.538em 55px = 4.231em + * 12px = 0.923em 34px = 2.615em 56px = 4.308em + * 13px = 1em 35px = 2.692em 57px = 4.385em + * 14px = 1.077em 36px = 2.769em 58px = 4.462em + * 15px = 1.154em 37px = 2.846em 59px = 4.538em + * 16px = 1.231em 38px = 2.923em 60px = 4.615em + * 17px = 1.308em 39px = 3em 61px = 4.692em + * 18px = 1.385em 40px = 3.077em 62px = 4.769em + * 19px = 1.462em 41px = 3.154em 63px = 4.846em + * 20px = 1.538em 42px = 3.231em 64px = 4.923em + * 21px = 1.615em 43px = 3.308em 65px = 5em + * 22px = 1.692em 44px = 3.385em 66px = 5.077em + * 23px = 1.769em 45px = 3.462em 67px = 5.154em + * 24px = 1.846em 46px = 3.538em 68px = 5.231em + * 25px = 1.923em 47px = 3.615em 69px = 5.308em + * 26px = 2em 48px = 3.692em 70px = 5.385em + * 27px = 2.077em 49px = 3.769em 71px = 5.462em + * 28px = 2.154em 50px = 3.846em 72px = 5.538em + * 29px = 2.231em 51px = 3.923em + */ + +/* General +-------------------------------------------------------------------------*/ +body { + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + font-size: 81.3%; /* 13px */ + line-height: 1.6em; + margin: 0; + padding: 0; +} +article, aside, details, figcaption, figure, footer, header, hgroup, +menu, nav, section { + display: block; +} +a { + text-decoration: none; + -moz-transition: all 0.3s linear; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} +blockquote, p { + margin: 1.5em 0; +} +p:first-child, +p.first-child { + margin-top: 0; +} +img { + border: none; +} +abbr, acronym { + border-bottom: 1px dotted; + cursor: help; + white-space: nowrap; +} +pre, code, kbd, samp, tt { + font-size: 0.846em; + font-family: Monaco, monospace, sans-serif; +} +pre, div.codeblock { + background-color: #f5f5f5; + border: solid 1px #ddd; + border-bottom-color: #ccc; + border-right-color: #ccc; + padding: 1em; + white-space: pre-wrap; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + + +/* Headings +-------------------------------------------------------------------------*/ +h1, h2, h3, h4, h5, h6 { + font-weight: 400; + line-height: 1em; + padding: 0; + margin: 24px 0 12px 0; +} +h1 { font-size: 2.153em; } /* 28px */ +h2 { font-size: 1.692em; } /* 22px */ +h3 { font-size: 1.385em; } /* 18px */ +h4 { font-size: 1.231em; } /* 16px */ +h5 { font-size: 1.077em; } /* 14px */ +h6 { font-size: 1em; } +h1.title{ + margin-top: 0; +} +h2.title { + margin-top: 0; + margin-bottom: 0.2em; +} +h2.block-title { + font-size: 1.385em; + line-height: 1.2; + margin: 0 0 0.4em 0; +} +h1.site-name { /* 48px */ + font-size: 3.692em; + margin: 0 0 0.2em 0; + padding: 0; +} +h2.site-slogan { + font-size: 1.077em; + margin: 0; + padding: 0; +} + + +/* Lists +-------------------------------------------------------------------------*/ +dl { + margin: 1em 0; + padding: 0; +} +dt { + font-size: 1.231em; +} +dd { + margin: 0 0 0.4em 0; + padding: 0 0 0 2em; +} +dd:last-child { + border-bottom: 0; +} +dl dl { + margin-left: 1em; +} +ul, ol { + padding: 0; + margin: 0 0 0 1.5em; +} +li { + margin: 0; + padding: 0; +} +ul.inline, +.inline .content ul { + display: inline; + margin-left: 0; +} +ul.inline li, +.inline .content li { + display: inline; + margin: 0 0.5em 0 0; +} +li p { + margin-top: 0; +} +ul.action-links { + display: block; + margin: 1em 0; +} +.action-links li { + display: inline; + margin: 0 1em 0 0; +} +.action-links li a { + background: url(../images/gray.png) no-repeat 0 -198px; + padding-left: 20px; +} + + +/* Tables +-------------------------------------------------------------------------*/ +table { + border: solid #e4e2e0; + border-collapse: collapse; + border-width: 1px 1px 0 1px; + margin: 1em 0; + width: 100%; +} +th { + font-weight: 600; + text-align: left; +} +th, td { + border: solid #e4e2e0; + border-width: 0 0 1px 0; + padding: 0.5em; + vertical-align: top; +} +thead th:last-child, +tr td:last-child { + border-right: solid 1px #e4e2e0; +} +table .form-item, +table p { + margin: 0; +} + + +/* Layout +-------------------------------------------------------------------------*/ +.section-main, +.section-collapsible, +.region-highlighted { + background: #fff; + padding: 1em 0; +} +.section { + position: relative; +} +.inner { + padding: 1.5em; +} +header { + padding: 1.5em 0 0 0; +} +.region-navigation { + margin-top: 2em; +} +.region-footer { + padding: 1em 0; +} +#block-system-help .inner { + padding: 1em 0; +} + + +/* Blocks +-------------------------------------------------------------------------*/ +.region-navigation .block-menu .inner, +.region-navigation .block-menu-block .inner, +.region-highligted .inner, +.region-help .inner { + padding: 0; +} +.region-highligted .block, +.region-help .block, +.sidebar .block { + margin: 1em 0; +} +.sidebar .block { + border-top: solid 1px #e6e4de; +} +.sidebar .block.first { + border-top: none; +} +.sidebar .content { + padding: 0.5em 0; +} + + +/* Skip link +-------------------------------------------------------------------------*/ +#skip-link { + text-align: center; +} +#skip-link a { + display: inline-block; + padding: 0.7em 1em; + -moz-border-radius: 0 0 8px 8px; + -webkit-border-bottom-left-radius: 8px; + -webkit-border-bottom-right-radius: 8px; + border-radius: 0 0 8px 8px; +} + + +/* Navigation +-------------------------------------------------------------------------*/ +.region-navigation .block { + font-weight: 400; +} +.region-navigation .block-menu, +.region-navigation .block-menu-block { + font-size: 1.231em; +} +.region-navigation .content ul { + display: inline; + list-style: none; + margin: 0; + text-transform: lowercase; +} +.region-navigation .content li { + display: inline; + list-style: none; + margin: 0; + padding: 0; +} +.region-navigation .content ul a { + display: inline-block; + line-height: 4ex; + margin: 0 0.4em 0 0; + padding: 0 2.4em; + text-align: center; + -moz-border-radius: 8px 8px 0 0; + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; + border-radius: 8px 8px 0 0; +} +/* Safeguard against dropdowns temporarily. */ +.region-navigation .content ul ul { + display: none; +} + + +/* Search block +-------------------------------------------------------------------------*/ +.block-search .inner { + padding-left: 0; + padding-right: 0; +} +.region-header .block-search .inner { + padding: 0; +} +.block-search input.form-text { + padding-right: 24px; + width: 100%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.block-search input.form-submit { + background: transparent url(../images/black.png) no-repeat 0 -330px; + border: none; + height: 16px; + margin: -2em 4px 0 0; + position: absolute; + right: 0; + text-indent: -999em; + width: 20px; + z-index: 1; +} +.block-search .form-submit:hover, +.block-search .form-submit:focus, +.block-search .form-submit:active { + background: #fff url(../images/gray.png) no-repeat 0 -330px; + border: none; + cursor: pointer; +} + + +/* Nodes +-------------------------------------------------------------------------*/ +/* Common */ +article { + margin-bottom: 3em; +} +article header { + border-bottom: solid 1px #e6e4de; + color: #666; + font-size: 0.923em; + padding: 0 0 0.6em 0; + position: relative; +} +article .content { + padding: 1em 0; +} +article .field-type-image, +article .content img:nth-child(even) { + float: right; + margin: 0 0 2em 2em; +} +article .content img:nth-child(odd) { + float: left; + margin: 0 2em 2em 0; +} +article .field-type-image, +article .content-image-even img { + float: right; + margin: 0 0 2em 2em; +} +article .content-image-odd img { + float: left; + margin: 0 2em 2em 0; +} +article .links { + font-size: 0.923em; + text-transform: lowercase; +} +article .links a, +article .links a:visited { + display: inline-block; + padding: 0.3em 0.8em; +} + +/* Nodes */ +.page-node- .node header .meta, +.page-node- .node header .field { + margin-top: 1em; + float: left; +} +.node header.with-picture { + height: 3.5em; + height: auto !important; + min-height: 3.5em; + padding-left: 55px; +} +.node header .user-picture { + left: 0; + height: 40px; + position: absolute; + width: 40px; +} +.node header .user-picture img { + display: block; + margin: 0; + padding: 0.2em; + height: 40px; + width: 40px; +} +.node img { + border: solid 1px #e6e4de; + padding: 0.5em; +} +.field { + padding: 0 0 0.5em 0; +} +.field .field-label { + font-weight: 400; +} +article .tags, +.node header .field-type-taxonomy-term-reference { + border-left: solid 1px #e6e4de; + display: inline; + font-style: italic; + margin-left: 0.6em; + padding: 0 0 0 0.6em; +} +article .tags .field-label, +.node header .field-type-taxonomy-term-reference h3.field-label { + display: inline; + font-size: 1em; + font-weight: normal; + margin: 0; +} +.node .content .field-type-taxonomy-term-reference h3.field-label { + font-size: 1em; +} + +/* Misc */ +h1.title span.marker { + font-size: 0.5em; +} +.preview { + border: solid 1px #e6e4de; + padding: 0 2em; +} +.preview > h3 { + color: #999; + font-size: 1.077em; + text-transform: uppercase; +} +td.revision-current { + background-color: #efedeb; +} + +/* Comments +-------------------------------------------------------------------------*/ +.comment { + border: solid 1px #e6e4de; + height: 80px; + height: auto !important; + min-height: 80px; + margin-bottom: 1.5em; + position: relative; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.comment header { + border: none; + font-style: italic; + padding: 0.5em 9; + position: relative; +} +.comment .user-picture { + height: 50px; + position: absolute; + right: 0; + width: 50px; +} +.comment .user-picture img { + height: 50px; + width: 50px; +} +.comment span a.permalink { + background: url(../images/gray.png) no-repeat; + display: inline-block; + font-size: 0.923em; + height: 20px; + padding: 0; + text-indent: -999em; + width: 24px; +} +.comment header h3 { + margin: 0; + padding: 0 90px 0 0; +} +.comment p.meta { + margin-top: 0; +} +.comment-by-node-author { + background-color: #f9f8f7; +} +.comment .links { + text-align: right; +} +.user-signature { + font-size: 0.923em; +} + + +/* Tabs +-------------------------------------------------------------------------*/ +div.tabs { + border-bottom: solid 1px #e6e4e2; + margin: 2em 0 0 0; + padding: 0; +} +ul.tabs { + display: block; + padding: 0; + margin: 0; +} +.tabs li { + display: inline-block; + margin: 0 0.2em 0 0; + padding: 0; +} +.tabs a { + display: block; + padding: 0 1em; + text-decoration: none; +} +.tabs a:hover, +.tabs a:focus, +.tabs a:active, +.tabs a.active { + outline: 0; +} +.tabs a.active { + font-weight: 600; +} + +/* Primary */ +ul.primary { + font-size: 1.077em; + height: 4ex; + line-height: 4ex; + margin-top: 1em; +} +.primary a { + padding: 0 1em; + -moz-transition: none; + -webkit-transition: none; + transition: none; +} + +/* Secondary */ +ul.secondary { + background-color: #fff; + border-top: solid 1px #e6e4e2; + line-height: 4ex; + padding: 1em 1em 0 0; + position: relative; + margin: 0 0 1em 0; +} +.secondary a { + font-size: 0.923em; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + + +/* Breadcrumbs +-------------------------------------------------------------------------*/ +.breadcrumb { + font-size: 1.231em; + padding: 0.4em; +} +.breadcrumb a, +.breadcrumb a:visited { + display: inline-block; + font-size: 0.846em; + line-height: 28px; + margin: 0 0.5em; +} + + +/* Collapsible region +-------------------------------------------------------------------------*/ +.js .region-collapsible, +.collapsible-toggle { + display: none; +} +.js .section-collapsible { + bottom: 0; + height: 50%; + height: auto !important; + max-height: 50%; + position: fixed; + right: 0; + z-index: 100; +} +.section-collapsible.toggle-active { + overflow: auto; + -moz-box-shadow: 0 0 12px rgba(0,0,0,0.5); + -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5); + box-shadow: 0 0 12px rgba(0,0,0,0.5); +} +.region-collapsible { + padding: 1.2em 0; +} +.js .collapsible-toggle { + border: none; + display: block; + font-size: 1.077em; + font-weight: 500; + margin: 0; + position: relative; + text-transform: uppercase; +} +.collapsible-toggle a, +.collapsible-toggle a:visited { + background: #fff url(../images/black.png) no-repeat 16px -248px; + bottom: 0; + display: inline-block; + height: 20px; + padding: 1em; + position: fixed; + right: 0; + text-indent: -999em; + width: 20px; + z-index: 1; + -moz-border-radius: 4px 0 0 0; + -webkit-border-radius: 4px 0 0 0; + border-radius: 4px 0 0 0; + -moz-box-shadow: 0 0 12px rgba(0,0,0,0.5); + -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5); + box-shadow: 0 0 12px rgba(0,0,0,0.5); +} +.toggle-active .collapsible-toggle a { + background-position: 16px -390px; + position: relative; + float: right; + -moz-border-radius: 0 0 0 4px; + -webkit-border-radius: 0 0 0 4px; + border-radius: 0 0 0 4px; + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.collapsible-toggle a:hover, +.collapsible-toggle a:focus, +.collapsible-toggle a:active { + background-image: url(../images/gray.png); + outline: 0; +} + + +/* System messages (shamelessly stolen from an early version of Seven) +-------------------------------------------------------------------------*/ +.messages { + background-color: #f8fff0; + border: solid 1px #be7; + border-width: 1px 1px 1px 16px; + margin: 1em 0; + padding: 1em; +} +.message-title { + font-size: 1.231em; + font-weight: 500; + margin: 0 0 1em 0; + text-transform: uppercase; +} +.status { + background-color: #f8fff0; + color: #234600; +} +.warning { + background-color: #fffce5; + border-color: #ed5; + color: #840; +} +.error { + background-color: #fef5f1; + border-color: #ed541d; + color: #8c2e0b; +} +span.warning { + background: none; + border: none; + color: #fda61f; + font: bold 1em Tahoma, Verdana, Geneva; + margin-left: 0.25em; +} +.ok { + background-color: #f8fff0; + color: #234600; +} +span.error, .marker, form .error { + background-color: transparent; + color: #c00; + font-weight: 500; +} + + +/* Pagers +-------------------------------------------------------------------------*/ +ul.pager { + display: block; + margin: 1.5em 0 1em 0; + padding: 0; + text-align: right; +} +.pager li { + display: inline-block; + margin: 0.5em 0.2em 0 0; +} +.pager a, +.pager .pager-current { + background-color: #efedea; + display: inline-block; + padding: 0.2em 0.8em; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.pager .pager-current { + color: #000; + font-weight: bold; +} + + +/* Clearfixes +-------------------------------------------------------------------------*/ +ul.tabs:after, +ul.action-links:after, +.form-item:after, +.item-list:after { + content: "\0020"; /*UTF-8 character for a space.*/ + clear: both; + display: block; + height: 0; + visibility: hidden; +} +* html ul.tabs, +* html .action-links, +* html .form-item, +* html .item-list { + height: 1%; +} +* :first-child + html ul.tabs, +* :first-child + html .action-links, +* :first-child + html .form-item, +* :first-child + html .item-list { + min-height: 1%; +} + + +/* Overlay +-------------------------------------------------------------------------*/ +.overlay #header, +.overlay #navigation, +.overlay #page-title, +.overlay #sidebar-first, +.overlay #sidebar-second, +.overlay #footer { + display: none; +} diff --git a/css/user.css b/css/user.css new file mode 100644 index 0000000..e7330b9 --- /dev/null +++ b/css/user.css @@ -0,0 +1,115 @@ +/* $Id$ */ + +#permissions td.module { + font-weight: bold; +} +#permissions td.permission { + padding-left: 1.5em; /* LTR */ +} + +/** + * Override default textfield float to put the "Add role" button next to + * the input textfield. + */ +#user-admin-roles td.edit-name { + clear: both; +} +#user-admin-roles .form-item-name { + float: left; + margin-right: 1em; +} + +/** + * Password strength indicator. + */ +.password-strength { + width: 14em; + float: right; /* LTR */ + margin-top: 1.4em; +} +.password-strength-title { + display: inline; +} +.password-strength-text { + float: right; /* LTR */ + font-weight: bold; +} +.password-indicator { + background-color: #C4C4C4; + height: 0.3em; + width: 100%; +} +.password-indicator div { + height: 100%; + width: 0%; + background-color: #47C965; +} +input.password-confirm, +input.password-field { + width: 16em; + margin-bottom: 0.4em; +} +div.password-confirm { + display: inline; + padding-left: 2em; + visibility: hidden; +} +div.form-item div.password-suggestions { + padding: 0.2em 0.5em; + margin: 0.7em 0; + width: 38.5em; + border: 1px solid #B4B4B4; +} +div.password-suggestions ul { + margin-bottom: 0; +} +.password-parent { + margin: 0; + width: 34.3em; +} + +/** + * Password confirmation checker. + */ +.confirm-parent { + margin: 0; +} +.password-indicator { + background-color: #e6e4e2; + height: 0.7em; + margin-top: 0.2em; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} +.password-indicator div { + -moz-border-radius: 4px 0 0 4px; + -webkit-border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + border-radius: 4px 0 0 4px; +} +div.form-item div.form-type-password label { + display: block; +} +div.form-item div.password-suggestions { + background-color: #e6e4e2; + border-color: #d4cfcb; + color: #675b50; + font-weight: 500; + font-size: 1.077em; + padding: 1em; + width: auto; +} +.password-suggestions ul { + font-weight: normal; + font-size: 0.923em; + margin-top: 1em; + line-height: 1.7em; +} +.profile .user-picture { + float: right; +} +.profile .user-picture img { + padding: 0.5em; + border: solid 1px #e6e4de; +} |