* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font: normal 76%/1.3 Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
text-align: center;
padding: 10px 20px;
background-color: #333;
height: 92%;
}
#wrap {
text-align: left;
background: #fff url(../images/top_bg.jpg) repeat-x top left;
min-height: 100%;
padding: 20px;
}
a {
color: #153E7B;
}
.red {
color: Red;
}
.clear {
clear: both;
}
.no {
display: none;
}
#usertop {
width: 40%;
text-align: right;
padding-right: 10px;
float: right;
}
#usertop a {
}
#topo {
text-align: left;
clear: both;
float: left;
border-bottom: 2px solid #153E7B;
}
#menutopo {
margin-top: 10px;
}
#menutopo li {
display:inline;
float:left;
}
#menutopo li a {
padding:5px 10px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
display: block;
float: left;
margin-right: 5px;
border-bottom: none;
}
#menutopo li#paginaatual a {
background-color: #f4f4f4;
}
#menutopo li#actualsection a{
padding:5px 10px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: none;
display: block;
float: left;
margin-right: 5px;
background: #153E7B;
color: #fff;
font-weight: bold;
text-decoration: none;
}
#content_center {
float:left;
}
.btn {
cursor: pointer;
cursor: hand;
}
.create {
background: url('../images/btn_create.png') left top no-repeat;
}
.maintitle {
padding: 8px 0;
clear: both;
}
.maintitle a {
font-weight: normal;
background: url(../images/page.png) no-repeat 0px 4px;
padding-left: 20px;
color: #7CB964;
}
#table_list {
border-left: 1px solid #ccc;
border-bottom: 5px solid #eee;
border-right: 1px solid #ccc;
width: 100%;
border-collapse: collapse;
font-size: 12px;
}
#table_list .editlk {
color: #7CB964;
}
#table_list .deletelk {
color: #990000;
}
#table_list .deletelk {
padding-left: 20px;
}
#table_list .deletelk:hover {
padding-left: 20px;
background: url(../images/delete.png) no-repeat top left;
}
#table_list .ctitle a {
padding-left: 20px;
background: url(../images/newspaper.png) no-repeat top left;
}
#table_list .etitle a {
padding-left: 20px;
background: url(../images/user.png) no-repeat top left;
}
#table_list .ptitle a {
padding-left: 20px;
background: url(../images/photo.png) no-repeat top left;
}
#table_list .potitle a {
padding-left: 20px;
background: url(../images/rainbow.png) no-repeat top left;
}
#table_list .editlk {
padding-left: 20px;
}
#table_list .potitle a:hover,
#table_list .ptitle a:hover,
#table_list .ctitle a:hover,
#table_list .etitle a:hover,
#table_list .editlk:hover {
padding-left: 20px;
background: url(../images/pencil.png) no-repeat top left;
}
#table_list tr th{
background: url(../images/fnd_caption.jpg) repeat-x top left;
padding: 5px 3px;
color: #fff;
}
#table_list tr td {
padding: 5px 2px;
border-bottom: 1px solid #ccc;
/*border-right: 1px solid #ccc;*/
background-color: transparent;
font-size: 12px;
}
#table_list tr:hover {
background-color: #FFF7DD;
}
#table_edit {
border: 1px solid #ccc;
width: 80%;
}
#table_edit tr th{
background-color: #ccc;
}
#table_list.clients * {
vertical-align: top;
}
/**********************
= login
***********************/
#loginform {
border: 3px double #999;
width: 360px;
margin: 80px auto;
padding: 10px;
background: url(../images/top_bg.jpg) repeat-x top left;
}
#loginform fieldset {
border: none;
}
#loginform .form-row {
padding: 5px;
}
#loginform .btn {
border-top: none;
border-left: none;
border-bottom: 4px solid #eee;
border-right: 4px solid #eee;
background: url(../images/fnd_caption.jpg) repeat-x top left;
padding: 4px 18px;
font-weight: bold;
margin: 8px 140px;
color: #fff;
cursor: pointer;
cursor: hand;
}
#loginform .btn:focus {
color: #FED755;
}
#loginform .inpt {
border: 1px solid #999;
width: 200px;
padding: 3px;
}
#loginform .inpt:focus {
border: 1px solid #990134;
}
/***************************
= edit area
***************************/
#content_center {
width: 100%;
}
#content_center textarea#content {
text-align: left;
width: 600px;
font-size: 12px;
}
#content_center label {
clear: both;
font-weight: bold;
font-size: 13px;
}
#content_center fieldset p {
padding: 8px 0;
}
#content_center fieldset {
margin-top: 10px;
}
#content_center fieldset legend {
font-weight: bold;
font-size: 18px;
color: #003366;
}
#content_center fieldset #title {
padding: 3px;
width: 555px;
}
#content_center fieldset #tags_list {
padding: 3px;
width: 530px;
}
#content_center fieldset .optlist li {
list-style: none;
display: inline;
padding: 0 15px 0 0;
}
#content_center fieldset.btngroup {
padding: 10px 0;
border-top: 1px solid #ccc;
}
#content_center fieldset.btngroup input {
cursor: pointer; cursor: hand;
}
/*** backend login *****/
#sf_guard_auth_form {
text-align: center;
width:100%;
}
#sf_guard_auth_form form {
border: 1px solid #ccc;
width:300px;
margin: 50px auto 5px auto;
background: #000 url(../images/logotype.gif) no-repeat center top;
}
#sf_guard_auth_form fieldset{
padding: 100px 20px 20px 20px;
text-align: left;
border: none;
color: #fff;
}
#sf_guard_auth_form fieldset label {
font-weight: bold;
}
#sf_guard_auth_form fieldset .form-row {
margin: 5px 0;
}
#sf_guard_auth_forgot_password {
clear: both;
display:block;
margin: 10px 0;
color: #fff;
}
/*********** users ****************/
/*** usersearch *******************/
#usersearch {
padding: 15px 0;
border: none;
border-top: 1px solid #ccc;
}
#usersearch legend {
font-weight: bold;
}
#usersearch #find {
background: url(../images/z.png) no-repeat 3px 2px;
padding: 1px 2px 1px 20px;
border: 1px solid #ccc;
font-weight: bold;
color: #990000;
cursor: pointer;
cursor: hand;
}
/********* user edit ***************/
#useredit {
border: none;
}
#useredit label {
font-weight: normal;
}
#useredit fieldset {
padding: 10px;
border: 1px solid #ccc;
}
#useredit fieldset legend {
font-size:13px;
}
#userdetails label {
width: 100px;
display:block;
float:left;
}
#userdetails input {
width:400px;
}
/**** buttons ***/
.buttonsarea {
padding: 10px 0px;
clear: both;
margin:10px 0;
}
.btsave {
background: url(../images/ok.png) no-repeat 3px 5px;
padding: 4px 15px 4px 20px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
cursor: pointer;
cursor: hand;
font-weight: bold;
}
/**********************
content edit
url: content/create
type: forms
********************/
#content_create_edit .content_summary {
width:600px;
float:left;
padding: 10px;
border: none;
}
#content_create_edit .content_summary label {
display:block;
clear: both;
}
#content_create_edit .content_summary .dtgroup {
background: #f4f4f4;
padding: 10px;
border: 1px solid #ccc;
margin: 5px 0;
}
#content_create_edit .content_summary .dtgroup label {
display: inline;
}
textarea#content {
width: 400px;
height:300px;
}
textarea#extract {
width: 600px;
height:80px;
}
#content_create_edit fieldset legend {
font-size:14px;
}
#content_create_edit .content_definitions {
float:left;
width:300px;
margin-left:20px;
padding: 10px;
border: 1px solid #ccc;
}
#content_create_edit .content_definitions em {
color: #003366;
}
#content_create_edit .content_definitions label {
font-weight: normal;
}
#content_create_edit .blockimage {
background: #f4f4f4;
padding: 10px;
border: 1px solid #ccc;
}
/*******************
edit categories
url: /category/edit/id/*
type: forms
********************/
.edit_category fieldset, .banner_edit fieldset {
padding: 10px;
border: 1px solid #ccc;
}
.edit_category label, .banner_edit label {
clear: both;
display: block;
}
.edit_category textarea, .banner_edit textarea {
width:560px;
height: 100px;
}
/*******************
edit banner
url: /banner/create
type: forms
********************/
.content_expire_tom {
background-color: #F38181;
}
.content_expired {
background-color: #CBE3FE;
}
/********************
sortable table
********************/
/* Sortable tables */
table.sortable thead {
font-weight: bold;
cursor: default;
}