mailr/themes/olive/stylesheets/olive.css

557 lines
8.8 KiB
CSS
Executable File

* {
margin:0;
padding:0;
}
body {
font-size: 12px;
color: #222;
background: #EFF3E4;
font-family: sans-serif;
}
h1 { margin: 15px 0; font-size: 10px; font-weight: normal; }
h3 { font-size: 14px; font-weight: normal;}
h4 { font-size: 16px; margin: 5px 0; font-weight: normal;}
hr {height: 1px; border: 0; }
p { margin: 15px 0;}
a img { border: none; }
.clear {
clear: both;
height: 0;
}
#container {
min-width: 960px;
}
#sidebar {
width: 250px;
float: left;
margin-left: 5px;
padding: 0 5px;
margin-right: 5px;
}
#main {
width: 960px;
float: left;
margin-top: 10px;
}
.width100 {
width: 100%;
}
div.logo {
text-align: center;
margin: 10px;
}
p.version {
color: #5E634E;
text-align: center;
font-size: 14px;
}
.block {
margin: 0 0 10px 0;
padding-bottom: 1px;
}
.block .content {
padding-left: 5px;
padding-right: 5px;
background-color: white;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.block h3 {
background: #5E634E;
color: #FFF;
border-bottom: 6px solid #DACF77;
padding: 6px 10px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}
#user-navigation ul, #navigation-tabs ul, .navigation-tabs ul, #sidebar ul.navigation {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.folders {
font-size: 14px;
}
ul.navigation {
color: #A3AB74;
}
#sidebar ul.navigation li {
padding: 3px;
}
#sidebar ul li {
border-bottom: 1px solid #F0F0EE;
}
ul li a:link, ul li a:visited {
background: none repeat scroll 0 0 #FFFFFF;
text-decoration: none;
}
a:link, a:visited, a:hover, a:active, h1, h2, h3 {
color: #A3AB74;
text-decoration: none;
}
li.selected {
color: #5E634E;
font-weight: bold;
}
.navigation-tabs {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: none repeat scroll 0 0 #5E634E;
border-bottom: 6px solid #DACF77;
font-size: 14px;
}
.navigation-tabs ul {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
}
.navigation-tabs ul li.first {
border-top-left-radius: 4px;
}
.navigation-tabs li.first a, .navigation-tabs ul li.first, .table th.first, .table th.first {
border-top-left-radius: 4px;
}
.navigation-tabs ul li {
float: left;
}
.navigation-tabs ul li a:link, .navigation-tabs ul li a:visited, .navigation-tabs ul li a:hover, .navigation-tabs ul li a:active {
color: #FFFFFF;
text-decoration: none;
background: none repeat scroll 0 0 #5E634E;
}
.navigation-tabs ul li.active a:link, .navigation-tabs ul li.active a:visited, .navigation-tabs ul li.active a:hover, .navigation-tabs ul li.active a:active{
background-color: #DACF77;
}
.navigation-tabs ul li a {
padding: 8px 12px;
display: block;
padding: 10px 15px;
}
.secondary {
padding-top: 15px;
}
div.actiongroup {
display: block;
margin: 5px 0;
padding: 2px 0;
}
button.button[type] {
line-height: 17px;
padding: 2px 5px 2px 3px;
}
button.button {
overflow: visible;
padding: 2px 5px 1px 3px;
width: auto;
}
a.button:link, a.button:visited, a.button:hover, a.button:active, button.button {
background-color: #EEEEEE;
border: 1px solid #BFBFBF;
color: #222222;
cursor: pointer;
display: block;
float: left;
font-size: 1em;
font-weight: bold;
line-height: 1.3em;
margin: 0 7px 0 0;
padding: 2px 5px 3px 3px;
text-decoration: none;
}
button.button img, a.button img {
border: medium none;
height: 18px;
margin: 0 6px -4px 0 !important;
padding: 0;
width: 18px;
}
.box {
margin: 20px auto;
width: 500px;
}
#footer {
color: grey;
text-align: center;
}
#footer {
padding-bottom: 20px;
}
.box .box2 h2 {
background: none repeat scroll 0 0 #869453;
color: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin: 0;
padding: 10px 15px;
}
.box .box2 .content {
padding: 10px 20px 30px 20px;
background-color: white;
}
.box .box2 .group {
padding: 15px;
}
.box .left {
float: left;
width: 20%;
}
.box .right {
float: right;
width: 70%;
}
.box label.label {
display: block;
font-weight: bold;
padding-bottom: 2px;
}
.box label.right {
text-align: right;
}
.box label.label, .box input.text_field, .box textarea.text_area {
font-size: 1.2em;
margin: 0;
padding: 1px 0;
}
.flash .message {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-align:center;
margin: 0 auto 15px;
}
.flash .message p {
margin:8px;
}
.flash .error {
border: 1px solid #fbb;
background-color: #fdd;
}
.flash .warning {
border: 1px solid #fffaaa;
background-color: #ffffcc;
}
.flash .notice {
border: 1px solid #1FDF00;
background-color: #BBFFB6;
}
.box div.logo {
margin: 10px;
text-align: left;
}
.ops {
padding: 5px;
margin-bottom: 5px;
}
div.actions-bar div.header_info {
color: #5E634E;
float: left;
font-size: 14px;
font-weight: normal;
margin: 0 10px;
}
div.block div.actions-bar {
margin: 5px;
}
.actions-bar {
padding: 5px 1px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.actions-bar .pagination {
float: right;
padding: 1px 0;
}
.pagination span.disabled {
color: #bbb;
border-color: #bbb;
}
.pagination em {
background: #869453;
color: #FFF;
border-color: #869453;
}
.pagination a, .pagination span {
color: #869453;
border-color: #869453;
}
.pagination a:hover {
color: #FFF;
background: #869453;
}
.pagination a, .pagination span, .pagination em {
padding: 2px 5px;
margin-right: 5px;
display: block;
float: left;
border-style: solid;
border-width: 1px;
}
.pagination em {
font-weight: bold;
}
.pagination a {
text-decoration: none;
}
input, select, textarea {
background-color: #EFF3E4;
border: 1px solid #5E634E;
margin: 3px 0;
}
.table {
border-collapse: collapse;
margin: 5px;
width: 99%;
}
.table th.first {
width: 30px;
}
.table th {
background: none repeat scroll 0 0 #5E634E;
color: #FFFFFF;
}
.table th {
font-weight: bold;
padding: 5px;
text-align: left;
}
th a.header {
color: white;
}
.table th.last {
border-top-right-radius: 4px;
}
.table th.last {
width: 30px;
}
.table tr.even {
background: none repeat scroll 0 0 #EFF3E4;
}
.table td {
border-bottom: 1px solid #F0F0EE;
}
.table td {
color: #5E634E;
padding: 2px 10px;
}
div.msg_header {
font-size: 14px;
padding: 5px;
}
div.msg_header div.group {
margin: 5px 0;
}
div.msg_header label {
display: inline;
float: left;
font-weight: bold;
margin-right: 10px;
text-align: right;
width: 100px;
}
div.render_text {
font-size: 14px;
margin: 5px;
}
div.render_text pre {
background-color: #EFF3E4;
border: 1px solid #5E634E;
font-size: 12px;
margin: 5px 0;
padding: 5px;
white-space: pre-wrap;
word-wrap: break-word;
}
div.attachments {
margin: 10px 0 5px;
}
div.attachments span.title {
padding: 0 0 10px 5px;
font-size: 14px;
font-weight: bold;
}
iframe {
height: 800px;
margin-top: 10px;
width: 937px;
}
.block .content h2 {
font-size: 22px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2em;
margin-left: 15px;
padding: 5px;
}
.block .content .inner {
padding: 0 5px 5px 5px;
}
div.param_group {
font-size: 14px;
margin: 5px 0;
padding: 3px 0;
}
div.param_group label.label {
font-weight: bold;
margin-right: 5px;
}
div.params input, div.params select, div.params textarea {
width: 100%;
}
style.css (wiersz 529)
div.params input, div.params textarea, div.params select {
border: 1px solid #CFCFCF;
}
div.params div.group .description, div.params div.param_group .description {
color: #8C8C8C;
font-size: 10px;
font-style: italic;
}
div.params div.group {
margin-bottom: 10px;
}
div.params div.group div.fieldWithErrors label.label, div.params div.group label.label {
font-size: 14px;
font-weight: bold;
}
div.fileselect {
margin-top: 5px;
padding: 5px 0;
}
.columns .right {
float: right;
}
.columns .left {
float: left;
}
.columns .column {
width: 48%;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.content ul {
margin-left: 20px;
}
.md {
margin-bottom:10px;
}
<!--[if IE]>
.clearfix {
zoom: 1; /* triggers hasLayout */
} /* Only IE can see inside the conditional comment
and read this CSS rule. Don't ever use a normal HTML
comment inside the CC or it will close prematurely. */
<![endif]-->