/* $Id$ */ /**/
/*
** HTML ELEMENTS
*/
html,body {
background-image: url("../../images/night/header___back.png");
background-repeat: repeat-x;
background-position: top left;
font: 10pt Verdana, Arial, Helvetica, sans-serif;
color: black;
text-align: left;
background-color: white;
min-width: 980px;
}
* {
padding: 0;
margin: 0;
}
table {
font-size: 1.0em;
margin-top: 10px;
width: 100%;
}
tbody {
border-top: 0px;
}
tr.odd td,tr.even td {
padding: 0.3em;
}
h1,h2,h3,h4,h5,h6 {
padding-top: 1.0em;
margin-bottom: 0.5em;
padding-bottom: 3px;
}
h1 {
font-size: 18pt;
color: #378ddc;
}
h2 {
font-size: 14pt;
border-bottom: 1px solid #ccc;
}
h3 {
font-size: 115%;
}
h4 {
font-size: 100%;
}
h5,h6 {
font-size: 110%;
}
p {
margin-top: 0.5em;
margin-bottom: 1.0em;
}
a {
color: #369;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
fieldset {
border: 1px solid #ccc;
}
pre {
background-color: #eee;
padding: 0.75em 1.5em;
font-size: 10pt;
border: 1px solid #ddd;
}
/*
** OWN OVER ALL STYLES
*/
.clear {
clear: none;
height: 0px;
line-height: 0px;
}
.form-text,.form-submit {
border: 1px solid #666;
font-size: 1.1em;
vertical-align: middle;
padding: 0.1em;
}
/*
** HEADER
*/
#mainheader {
z-index: 10; /* Is there because otherwise IE7 draws the dropdown menu below the wiki tabs */
position: relative;
height: 170px;
}
#mainheader a {
color: #f5f5f5;
}
/*
** LOGO
*/
#logo {
vertical-align: middle;
float: left;
height: 150px;
overflow:hidden;
}
a.logo_link {
position:absolute;
z-index: 20;
}
#logo img {
float: left;
margin: 10px 10px 10px 30px;
max-height: 150px;
max-width:150px;
}
.site-name {
margin: 0.6em 0 0 0;
padding: 0px;
font-size: 2.8em;
}
#site-name-frame {
position: absolute;
left: 0px;
top: 0px;
overflow: hidden;
}
h1.site-name { /*height: 1em;*/
color: #F5F5F5;
font-family: Arial,sans-serif;
font-size: 28pt;
font-weight: bold;
margin: 6px 0px 0px 6px;
overflow: hidden;
padding-left: 200px;
white-space: nowrap;
}
.site-name a:hover {
text-decoration: none;
}
/*
** USER INFO
*/
#user-info {
float: right;
margin: 17.5px;
}
#user-info ul {
list-style: none;
}
#user-info li {
display: inline;
margin: 0 0.5em;
}
#user-info a {
font-size: 1em;
text-decoration: none;
}
/*
** SEARCH
*/
#search-box {
float: right;
margin: 15px;
top: 2.8em;
}
#search {
margin-top: 70px;
margin-bottom: 15px;
text-align: right;
}
#search-theme-form,#search-theme-form div {
display: inline;
}
#search-box .form-item label {
margin-bottom: 5px;
margin-top: 25px;
color: #f5f5f5;
}
#search-theme-form #edit-submit {
border: none;
vertical-align: middle;
}
#edit-search-theme-form-keys {
height: 1em;
padding: 1px;
vertical-align: middle;
}
#search-theme-form .form-submit {
vertical-align: middle;
}
#search-theme-form .form-text {
border: 1px solid #aad;
width: 9em;
padding: 0 0.5em;
background-color: #fff;
vertical-align: middle;
height: 21px;
font-size: 10pt;
}
.search-text {
color: #CCCCCC;
background-image:url('../images/search.gif');
background-repeat:no-repeat;
background-position:right;
}
/*
** MENU TOP - NAV LIST
*/
#navlist {
float: right;
height: 28px;
font-size: 1.0em;
}
ul#navlist.links li {
display: block;
float: left;
height: 28px;
line-height: 28px;
padding: 0px;
position:relative;
z-index: 20;
}
#mainheader ul.links li a {
border-left: 1px solid #666;
padding-left: 0.5em;
padding-right: 0.5em;
}
/*
** MENU TOP - MAIN NAVIGATION
*/
#mainheader .main_navi {
position: absolute;
bottom: 7px;
left: 198px;
}
.main_navi .clear-block {
display: inline;
float: left;
width: inherit;
}
/*
** MAIN CONTENT AND FOOTER
*/
#footer {
margin: 10px 30px;
padding-bottom: 40px;
}
#footer a {
color: #666;
}
/*
** BREADCRUMBS
*/
#breadcrumbs {
height: 1em;
font-size: 0.9em;
padding-top: 5px;
padding-bottom: 5px;
}
/*
** TABS
*/
.node .taxonomy {
color: #999999;
display: block;
font-size: 0.8em;
padding-left: 1.5em;
}
.node .taxonomy ul.links li.first {
border: medium none;
}
.node .taxonomy ul.links li {
border-left: 1px solid #eee;
}
/*
** WIKI TABS
*/
.tabs {
}
.tabs_back {
z-index: 0; /* Is there because otherwise IE7 draws the dropdown menu below the wiki tabs */
margin: 0px;
padding-left: 30px;
position: relative;
background-image: url("../../images/night/tabs___back.png");
background-repeat: repeat-x;
background-position: top left;
height: 46px;
border: none;
}
.list_back {
bottom: 1px;
position: absolute;
}
.tabs ul.primary {
overflow: visible;
position: relative;
border: none;
margin: 5px 0px;
padding: 0px;
}
.tabs ul.primary li {
display: inline;
margin: 0;
padding: 5px 10px;
background: #eee;
background-image: url("../images/tabs___button.png");
background-repeat: repeat-x;
background-position: top left;
border-color: #333 #333 #7a7a7a #333;
border-style: solid solid none solid;
border-width: 1px;
border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #616161;
}
.tabs ul.primary li.active {
background-color: #fff;
background-image: url("../images/tabs___button_active.png");
background-repeat: repeat-x;
background-position: top left;
border-color: #333 #333 #fff #333;
border-style: solid;
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #3f3f3f;
}
.tabs ul.primary li:hover {
border-color: #333 #333 #7a7a7a #333;
border-style: solid solid none solid;
border-width: 1px;
color: #000;
}
.tabs ul.primary li.active:hover {
border-color: #333 #333 #fff #333;
border-style: solid;
border-width: 1px;
color: #000;
}
.tabs ul.primary li a, .tabs ul.primary li.active a.active {
background: none;
border: none;
padding: 0;
margin: 0;
}
.tabs ul.primary li a {
color: #616161;
}
.tabs ul.primary li.active a.active {
color: #3f3f3f;
}
.tabs ul.primary li a:hover, .tabs ul.primary li.active a.active:hover {
color: #000;
}
/*
** Menu items list
*/
.item-list ul li {
list-style: none;
margin: 0 0 0.25em 0em;
padding: 0;
}
/*
** PAGE LAYOUT
*/
.clear-block {
display: inline-block;
float: none;
width: 100%;
}
.node-form .standard {
clear: none;
}
.form-text,.form-textarea {
border: 1px solid #aad;
}
.form-item label {
margin-bottom: 5px;
margin-top: 25px;
}
h1.title {
margin: 10px 0 20px;
padding-top: 0.2em;
font-size: 28pt;
}
h2.title {
font-size: 14pt;
}
.title,.title a {
font-size: 130%;
font-weight: bold;
margin: 0pt auto;
}
.sticky {
padding: .5em;
background-color: #eee;
border: solid 1px #ddd;
}
.node .taxonomy {
color: #999;
padding-left: 1.5em;
}
.node .picture {
border: 1px solid #ddd;
float: right;
margin: 0.5em;
}
.node .submitted {
color: #666;
}
.node .taxonomy,.node .submitted {
font-size: 0.8em;
}
/*
** CONTENT
*/
#sidebar-middle {
margin: 0px;
padding: 0px;
height: 100%;
min-height: 100%;
height: auto !important;
/*border-bottom: 1px solid #aaa;*/
}
#main {
/* min-height:440px;
height:auto !important;*/ /*height: 440px;*/
padding: 20px 30px 30px 30px;
min-width: 800px;
/*position: relative; Distance between content parts */
}
ul,ol {
margin-top: 0.5em;
margin-bottom: 1.0em;
margin-left: 2.5em;
}
#main .tabs ul,#navigation .tabs .ul {
margin: 10px 0px 0px 0px;
}
.section-edit {
margin-top: 2.5em;
padding-right: 0.5em;
}
a.section-edit {
font-size: 8pt;
}
.indented {
margin-left: 25px;
}
.comment {
border: 1px solid #abc;
padding: 0.5em;
margin-bottom: 1em;
clear: none;
}
.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 .links {
margin-bottom: 0;
}
.comment .picture {
border: 1px solid #abc;
float: right;
margin: 0.5em;
}
/*
** User Profile
*/
#profile {
width: 100%;
}
#profile #colleft {
}
#profile #colright {
margin-top: 40px;
}
#profile #name {
font-size: 200%;
font-weight: bolder;
margin-bottom: 2px;
padding: 2px 3px;
}
#profile #picture {
width: 200px;
}
#profile .profile_edit_link {
font-size: 10pt;
float: right;
}
#profile .section_header {
font-weight: bold;
margin-top: 10px;
margin-bottom: 2px;
padding: 2px 3px;
}
#profile .section {
padding: 2px 3px;
}
#profile .infotext {
float: left;
margin-bottom: 2px;
width: 130px;
}
#profile .infodata {
margin-left: 140px;
margin-bottom: 2px;
width: 254px;
}
#profile .operation {
width: 200px;
border-bottom: thin solid #98B5E5;
margin-top: 2px;
margin-bottom: 2px;
}
#profile .friendrow {
margin-bottom: 10px;
overflow: auto;
width: 100%;
}
#profile .friend {
float: left;
min-height: 100px;
width: 133px;
}
#profile .friend .icon {
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: -2px;
text-align: center;
}
#profile .friend .name {
text-align: center;
}
/*
** User Profile Settings
** Special styles for form items
*/
#profile_setting .form-item label {
float: left;
min-width: 150px;
}
#profile_setting .fieldset-neg-spacer {
margin-top: -10px;
}
#profile_setting .form-item .description {
margin-left: 150px;
}
#profile_setting .form-item .resizable-textarea {
clear: right;
margin-top: 10px;
}
#profile_setting .form-item .option {
clear: left;
float: none;
}
#profile_setting .form-item .form-checkbox {
margin: 3px;
}
#profile_setting .img_assist-button {
visibility: hidden;
height: 0px;
}
#profile_setting .birthday_year {
float: left;
margin-right: 5px;
}
#profile_setting .birthday_month {
float: left;
margin-right: 5px;
}
#profile_setting .birthday_day {
clear: right;
}
#profile_setting .form-item label {
margin-top: 0px;
}
#profile_setting .form-submit {
clear: left;
float: none;
}
/*
** FRIENDS
*/
#friends {
margin-top: 10px;
}
#friends .friend {
padding: 5px;
/*min-height: 100px;*/
width: 600px;
margin-bottom: 10px;
background-color: #eee;
border: thin solid #336699;
overflow: auto;
}
#friends .icon {
float: left;
width: 100px;
margin-right: 10px;
}
#friends .name {
float: left;
width: 290px;
margin-right: 10px;
}
#friends .operations {
float: left;
width: 180px;
}
#friends .operation {
margin-bottom: 2px;
}
/*
** PROJECT
*/
.projectInformationTable td {
vertical-align: top;
padding: 3px;
border: 1px #fff solid;
background-color: #eee;
}
/*
** Dashboard
*/
#dashboard {
}
#dashboard #colleft {
}
#dashboard #colright {
}
#dashboard .section {
margin-bottom: 10px;
padding-bottom: 5px;
}
#dashboard .section_header {
font-size: 100%;
font-weight: bold;
padding: 2px 5px;
}
#dashboard .section_description {
color: graytext;
}
#dashboard .entry {
font-weight: bold;
margin-top: 10px;
padding: 0px 5px;
}
#dashboard .description {
padding: 0px 5px;
}
.goto-project img {
vertical-align: middle;
}
/*
** Community
*/
#community {
}
#community #colleft {
}
#community #colright {
}
#community #name {
font-size: 200%;
font-weight: bolder;
margin-bottom: 2px;
padding: 2px 3px;
}
#community .section_header {
font-weight: bold;
margin-top: 10px;
margin-bottom: 2px;
padding: 2px 3px;
}
#community .section {
}
#community .infotext {
float: left;
margin-bottom: 2px;
width: 130px;
}
#community .infodata {
margin-left: 140px;
margin-bottom: 2px;
width: 260px;
}
#community .operation {
border-bottom: 1px solid #CCCCCC;
padding: 4px 0;
}
#toc {
border: 1px solid gray;
padding: 5px 10px 5px 10px;
background-color: #eee;
}
#toc ul {
padding: 0;
margin: 0;
list-style: none;
}
#toc .toclevel-1 {
margin-left: 0px;
}
#toc .toclevel-2 {
margin-left: 10px;
}
#toc .toclevel-3 {
margin-left: 20px;
}
#toc .toclevel-4 {
margin-left: 30px;
}
#toc .toclevel-5 {
margin-left: 40px;
}
/**
* MY ORIGO HOME
*/
#main .item-list {
overflow: hidden;
height: 2em;
margin: 20px 0 0 0;
}
table.workitems {
width: 100%;
}
table.workitems td {
font-size: 8pt;
}
table.workitems td.workitem-footer {
border-bottom: none;
font-size: 10pt;
}
table.workitems td.cell1 {width: 20pt;}
table.workitems td.cell2 {width: 110pt;}
table.workitems td.cell3 {width: 30pt;}
table.workitems td.cell3 img {
width: 18px;
height: 18px;
}
table.workitems td {
border-bottom: 1px dashed #ccc;
}
#readstatelink {
font-size: 8pt;
padding: 5px;
display: block;
}
#tabborder {
height: 0px;
clear: none;
}
#navigation {
overflow: auto;
padding-top: 5px;
background-color: #eee;
border-bottom: none;
}
#navigation li a {
float: left;
border: none;
border-top: 1px solid #aaa; /* needed for wrapped tabs...*/
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
position: static;
}
#navigation li a.high .outer {
background-image: url("../images/active.gif");
background-repeat:no-repeat;
background-position: top right;
padding: 0px 10px 0px 0px;
}
#navigation li a.active .inner {
background-color: white;
padding: 0px 2px;
}
#navigation li a.active {
border-bottom: 1px solid white; /*needed for wrapped tabs*/
}
.workitem_read {
color: #AAA;
}
.workitem_read a {
color: #69d;
}
/*
** Recent Content
*/
table.views-table {
width: 100%;
}
.views-exposed-form .views-exposed-widgets {
display: inline-block;
}
/*
** WIKI
*/
blockquote {
border-left:3px solid #e1e1e1;
margin:8px;
padding:0 0 0 15px;
}
ul.primary li a.active {
font-weight: bold;
}
.messages {
background-color: #eee;
border: 1px solid #ccc;
padding: 0.3em;
margin-bottom: 1em;
}
.error {
border-color: red;
background-color: #fee;
}
ul.primary li a.active:hover { /*border-bottom: 1px solid white;*/
}
/*
** subscriptions
*/
#subscriptions .form-checkboxes {
margin: 0px 0px;
}
#subscriptions {
margin: 10px 0px;
}
/*
* Hiding the teaser-button/checkbox
* See http://drupal.org/node/225955
*/
.teaser-checkbox {
display:none;
}
/*
* ISSUE TRACKER AND FORUM
*/
.links {
margin: 10px 0;
overflow: auto;
padding: 10px 0;
}
#issue_table .pager {
clear: none;
margin: 20px 0 5px;
text-align: center;
}
.pager a, .pager strong.pager-current {
padding:0.5em;
}
#issue_header {
margin-top: 0.75em;
}
#forum .title,.title a {
font-size: 1.0em;
font-weight: normal;
}
ul.horizontal_list {
list-style-type: disc;
}
ul.horizontal_list li {
display: inline;
margin-right: 10em;
}
#issue-tracker-goto-form {
display: inline;
}
#issue-tracker-goto-form div {
display: inline;
}
/* Horizontal layout of some issue-submission input fields */
.issue-edit #edit-issuestatus-wrapper,
.issue-edit #edit-assignedto-wrapper,
.issue-edit #edit-resolution-wrapper,
.issue-edit #edit-deadline-wrapper,
.issue-edit #edit-work-amount-wrapper,
.issue-edit .edit-take-wrapper {
float: left;
margin: 0 2em 0 0;
}
.issue-edit {
display: table-cell;
vertical-align: middle
}
.issue-edit .form-item label {
/* margin: 0; */
margin-top: 0;
margin-bottom: 0;
}
#edit-body-wrapper {
clear: none;
}
/* Horizontal layout for project-creation form */
.creation-input-top,
.creation-input-middle,
.creation-input-bottom {
vertical-align: middle;
width: 1024px;
overflow:hidden;
/* clear:left; */
}
.creation-input-top #edit-user-name-wrapper,
.creation-input-top #edit-projectname-wrapper,
.creation-input-middle #edit-description-wrapper,
.creation-input-middle #edit-mailtext-wrapper,
.creation-input-bottom .form-item
{
float: left;
margin: 0 2em 0 0;
width:45%;
}
.creation-input-top .form-text,
.creation-input-middle .form-textarea {
width:100%;
margin: 0 2em 0 0;
}
/* no float for radio-buttons */
.creation-input-bottom .form-item .form-radios .form-item {
float:none;
}
#edit-description-wrapper,
.creation-input-bottom,
#progressbar-wrapper {
clear: none;
}
/* Style line numbers of code blocks rendered by GeShiFilter */
div.geshifilter div ol li {
border-left: 1px solid #888;
padding-left: 0.4em;
}