Your IP : 216.73.216.147
/*---------------------------------------------------------------------------
File name ............ templates/css/document.tpl.css
Project .............. Owebia CMS
Author ............... Antoine Lemoine
Creation date ........ 15.01.2008
Modification date .... 26.06.2008
---------------------------------------------------------------------------*/
body {
background: #36240C;
}
h1 {
font-weight: normal;
font-size: 1.2em;
margin-bottom: 5px;
padding: 3px 15px 0 15px;
}
h2 {
font-size: 1.2em;
margin-top: 20px;
}
p {
margin: 10px 0;
text-align: justify;
}
ul, ol {
margin: 5px 5px 5px 25px;
}
table {
border: 0;
border-collapse: separate;
border-spacing: 1px;
}
.corpus table a {
color: #c6a67b;
}
.corpus table a:hover {
color: #000;
}
.corpus table th a {
color: #fff;
}
.arrow {
padding-left: 5px;
padding-bottom: 3px;
vertical-align: bottom;
}
th {
padding: 3px 10px;
text-align: left;
white-space: nowrap;
color: #fff;
font-weight: normal;
}
th.margin-top {
padding-top: 15px;
}
td {
padding: 3px 10px;
vertical-align: middle;
}
td.left, th.left {
text-align: left;
}
td.center, th.center {
text-align: center;
}
td.right, th.right {
text-align: right;
}
tr td {
}
tr.inactive td {
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
}
tr.active td {
background-color: #cfc;
}
.inner-box {
background: #5d4422;
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px 15px 5px 15px;
-moz-box-shadow: #36240c 2px 2px 5px;
color: #c6a67b;
}
.filter-box {
margin-bottom: 15px;
}
#elems-table {
min-width: 500px;
border-collapse: collapse;
}
#elems-table tr.row0:hover td, #elems-table tr.row1:hover td, #elems-table tr.inactive:hover td, #elems-table tr.active:hover td {
background-color: #36240C;
cursor: default;
}
.clear {
clear: both;
}
#page-container {
padding: 30px 10px 10px 10px;
}
#page {
color: #36240c;
z-index: 1;
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
background: #7b5f39;
}
#top-right-menu {
position: absolute;
top: 7px;
right: 50px;
z-index: 100;
}
a.icon {
width: 32px;
height: 32px;
background: url(../images/style/icons-sprite.png) no-repeat 0 0;
}
a.icon-24 {
width: 24px;
height: 24px;
background: url(../images/style/icons-24-sprite.png) no-repeat 0 0;
}
a.icon, a.icon-24 {
display: inline-block;
vertical-align: middle;
margin: 0 4px;
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
cursor: pointer;
}
a.icon:hover, a.icon-24:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
a.icon-logout {
background-position: -32px 0;
}
a.icon-access {
background-position: -64px 0;
}
a.icon-about {
background-position: -96px 0;
}
a.icon-reload {
background-position: -128px 0;
}
a.icon-add {
background-position: 0 0;
}
a.icon-config {
background-position: -24px 0;
}
a.icon-back {
background-position: -48px 0;
}
a.icon-delete {
background-position: -72px 0;
}
a.icon-edit {
background-position: -96px 0;
}
a.icon-deselect-all {
background-position: -24px -24px;
}
a.icon-select-all {
background-position: -48px -24px;
}
a.icon-select {
background-position: -152px -24px;
}
.multiple-elements-actions-arrow {
display: inline-block;
vertical-align: middle;
background: url(../images/style/icons-24-sprite.png) no-repeat 0 -24px;
width: 24px;
height: 24px;
margin: 0 15px 0 25px;
}
a.icon-on {
background-position: -72px -24px;
width: 40px;
}
a.icon-off {
background-position: -112px -24px;
width: 40px;
}
#hidden-menu {
position: absolute;
bottom: 5px;
right: 10px;
}
#hidden-menu a {
color: #f90;
padding: 2px 5px;
}
#hidden-menu a:hover {
color: #ffcc00;
}
#header {
height: 40px;
width: 300px;
white-space: nowrap;
position: absolute;
top: 6px;
left: 0;
z-index: 100;
}
#header #head-title {
margin-left: 120px;
width: 190px;
padding: 0;
font-family: "Trebuchet MS", sans-serif;
text-align: center;
color: #c6a67b;
}
#footer {
margin-top: 20px;
padding: 12px 15px 10px 15px;
text-align: center;
}
.colored {
color: #f90;
}
.corpus {
margin: 0 15px;
padding: 5px 15px;
min-height: 250px;
}
.message {
position: absolute;
background-color: #858585;
color: #fff;
z-index: 501;
top: 50%;
left: 50%;
width: 400px;
margin: -50px 0 0 -200px;
padding: 20px 0;
text-align: center;
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: #000 2px 2px 5px;
}
p.warning, p.error, p.ok {
text-align: center;
padding: 10px 15px;
border: solid 1px #000;
}
p.warning {
font-weight: bold;
color: #e70;
border-color: #fa4;
background-color: #fd8;
}
p.error {
color: #f99;
border:0;
text-shadow: #f00 2px 2px 5px;
}
span.error {
color: #f00;
}
p.ok {
color: #080;
border-color: #8C8;
background-color: #CFC;
}
.message.error {
background-color: #cc0000;
z-index: 502;
color: #fff;
opacity: 0.8; /* CSS3 */
filter: alpha(opacity=80); /* Internet Explorer */
-moz-opacity: 0.8; /* Gecko */
-khtml-opacity: 0.8; /* Safari */
}
.dialog {
cursor: default;
}
.dialog .button_div {
text-align: center;
}
.dialog-background {
background-color: #000;
opacity: 0.7; /* CSS3 */
filter: alpha(opacity=70); /* Internet Explorer */
-moz-opacity: 0.7; /* Gecko */
-khtml-opacity: 0.7; /* Safari */
}
fieldset legend {
padding: 0 5px;
margin-left: 10px;
}
fieldset {
border: solid 1px #aaa;
padding: 2px 5px 5px 5px;
}
.hr {
margin: 5px 15px;
}
.inline_toolbar {
text-align: right;
white-space: nowrap;
}
span.inline_toolbar {
position: relative;
top: 1px;
vertical-align: bottom;
}
.inline_toolbar img {
padding: 1px;
width: 16px;
height: 16px;
}
.inline_toolbar img:hover {
background-color: #669;
}
.inline_toolbar img.empty:hover {
background-color: transparent;
}
th {
text-align: left;
}
#form_target {
display: none;
}
.button_div {
margin-top: 7px;
}
.page-menu {
padding: 3px 10px;
}
.page-menu a {
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
white-space: nowrap;
padding: 3px 11px;
cursor: pointer;
color: #4d3d4d;
margin: 0 2px;
}
.page-menu a:hover {
padding: 3px 10px;
border: solid 1px #ccc;
background-color: #dff4ff;
color: #369;
}
.page-menu a.selected {
padding: 3px 10px;
background-color: #f5f5f5;
border: solid 1px #ccc;
border-bottom-style: dashed;
}
.page-submenu {
padding: 3px 30px;
}
.list {
border: solid 1px #ccc;
width: 250px;
height: 350px;
overflow: auto;
margin: 0 10px 0 0;
list-style: none;
}
.list li .loading {
float: right;
}
.list img {
vertical-align: sub;
}
.list div, .list li {
padding: 3px 15px;
}
.list li {
cursor: pointer;
}
.list li.row0 {
background-color: #dddddd;
}
.list li.row1 {
background-color: #e8e8e8;
}
.list li:hover {
background-color: #c1d2ee;
}
.list li.selected {
background-image: url(../images/style/list-selected-item.png);
background-repeat: repeat-x;
background-color: #828fb3;
min-height: 40px;
color: #fff;
}
.list li.selected:hover {
background-color: none;
}
#data_list .list {
width: 350px;
}
#data_list .list li {
cursor: default;
}
.navigation {
margin: 10px 0;
}