211 lines
6.6 KiB
CSS
211 lines
6.6 KiB
CSS
/* ===========================
|
|
|
|
gelato CMS development version
|
|
http://www.gelatocms.com/
|
|
|
|
gelato CMS is a free software licensed under GPL (General public license)
|
|
|
|
=========================== */
|
|
|
|
|
|
/************ BASICS *************/
|
|
|
|
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, h7,form, span, pre, a{margin:0; padding:0;}
|
|
|
|
h1, h2, h3, h4, h5, h6, h7{ font-weight:normal;}
|
|
|
|
a, a:link, a:visited, a:active{ color:#000; text-decoration:none; outline:none;}
|
|
a:hover{ text-decoration:underline; color:#000000; outline:none;}
|
|
|
|
acronym{ border-bottom: 1px dotted #666; cursor:help;}
|
|
fieldset{ border:none; margin:0; padding:0;}
|
|
|
|
.gelato{color:#006699; font-weight:bold; font-family:'Trebuchet Ms', Verdad, Tahoma;}
|
|
.option{ color:#666666; font-style:italic; font-size:0.9em}
|
|
|
|
/*********** LAYOUT *************/
|
|
|
|
body{ background: #fff; text-align:center; font-family:"Trebuchet Ms", Verdana, Tahoma; font-size:1em;}
|
|
|
|
#cont{ width:569px; margin:30px auto 10px auto; text-align:left;}
|
|
|
|
#head{ background: transparent url(images/head_bg.png) bottom center no-repeat; position: relative; padding-bottom:20px; height:73px;}
|
|
h1 a{ display:block; height:77px; width:161px; background:#fff url(images/gelato-logo.png) top left no-repeat; text-indent:-9999px; overflow:hidden;}
|
|
|
|
#nav{ position:absolute; right:1px; font-size:0.75em; line-height:normal; margin:0; padding:0 10px 0 0; list-style:none;bottom:34px;}
|
|
|
|
#nav li{ margin:0; padding:0; text-align:right;}
|
|
|
|
#nav li a:link, #nav li a:visited, #nav li a:active, #nav li a:focus{ color:#777; text-decoration: none;}
|
|
#nav li a:hover{ text-decoration:underline;}
|
|
|
|
|
|
#main{ background: #fff url(images/main_bg.png) top left repeat-y; text-align:left; padding:0 0 40px 0;}
|
|
h2{ font-size:1.56em; margin:4px; text-indent:20px;}
|
|
h3{font-size:1.12em; margin:4px; color:#333333; text-indent:20px;}
|
|
|
|
.box{ background:#efefef url(images/bg-box.png) left top repeat-y;}
|
|
.footer-box{background:#fff url(images/bg-foot-box.png) top center no-repeat;}
|
|
|
|
.box h3{float:left; color:#FFFFFF; font-weight:bold; padding:5px 10px 0 0;}
|
|
.menu{ background:#c1c7cd url(images/bg-top-box.png) top center no-repeat; height:40px; width:559px; list-style-type:none; padding-right:10px;}
|
|
.menu li{ display:inline;}
|
|
.menu li.selected a{background: transparent url(images/bg-top-box-hover.png) left top repeat-x; text-decoration:none;}
|
|
.menu li a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; display:block; float:right; height:28px; padding:12px 3px 0 3px;}
|
|
.menu li a:hover{ background: transparent url(images/bg-top-box-hover.png) left top repeat-x; text-decoration:none;}
|
|
.menu li a img{border:none; vertical-align:bottom;}
|
|
|
|
.manage li a{ padding:14px 6px 0 6px;}
|
|
|
|
form.newpost{ width:500px; margin:0 auto; padding:0;}
|
|
form.newpost ul{ list-style-type:none; margin:20px 0 10px 0; padding:0;}
|
|
form.newpost li{ margin:4px 0; padding:0;}
|
|
form.newpost label{}
|
|
form.newpost input{ margin-bottom:10px;}
|
|
form.newpost input.txt{ background: #fff url(images/grad-small.png) top left repeat-x; height:15px; border:1px solid #999; width:490px; padding:5px;}
|
|
form.newpost input.btn{ }
|
|
form.newpost textarea{background: #fff url(images/grad-big.png) top left repeat-x; height:190px; border:1px solid #999; width:490px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;}
|
|
|
|
.entry{ background-color:#efefef; border:1px solid #ccc; margin:20px 15px;}
|
|
.info{ border-bottom:1px solid #aaa; position:relative; display:block; padding:4px 10px; height:20px; }
|
|
.info p{font-size:0.8em; color:#297aab; display:inline;}
|
|
|
|
.compact{ float:right; margin:-2px 0 0 0; padding:0;}
|
|
.compact img{ border:0px; }
|
|
.compact a { color:#297aab; font-size:0.8em; }
|
|
.compact a:link { color:#297aab; font-size:0.8em; }
|
|
.compact a:visited { color:#297aab; font-size:0.8em; }
|
|
.compact a:active { color:#297aab; font-size:0.8em; }
|
|
.compact a:hover { color:#297aab; font-size:0.8em; }
|
|
|
|
.post{ padding:10px;}
|
|
.post h4{ font-style:italic; font-weight:bold; }
|
|
.post p{ font-size:0.9em; text-indent:20px;}
|
|
.post img{}
|
|
.post blockqoute{}
|
|
.post .video{}
|
|
.post .audio{}
|
|
|
|
#foot{ background: transparent url(images/foot_bg.png) top center no-repeat; clear: both;}
|
|
|
|
#foot { text-align:center;
|
|
|
|
font-size: 10px;
|
|
color: #000;
|
|
}
|
|
|
|
#footer a {
|
|
color: #000;
|
|
}
|
|
|
|
#div-process {
|
|
top:0px;
|
|
padding-left: 22px;
|
|
font: normal 14.5px/17px georgia, "times new roman", serif;
|
|
background: url('../../images/proceso.gif') no-repeat 0% 10%;
|
|
float: right;
|
|
height: 20px;
|
|
width: 150px;
|
|
border: 1px solid #000066;
|
|
background-color:#FFFFCC;
|
|
color:#011940;
|
|
}
|
|
|
|
a.linkFrm, a.linkFrm:link, a.linkFrm:visited, a.linkFrm:active{ color:#297aab; text-decoration:none; outline:none;}
|
|
a.linkFrm:hover{ text-decoration:underline; color:#297aab; outline:none;}
|
|
|
|
/* User messages */
|
|
|
|
.error {
|
|
width:80%;
|
|
background: #FFF7F2 url('../../images/error.png') 15px center no-repeat;
|
|
border-top: 2px solid #CC0000;
|
|
border-bottom: 2px solid #CC0000;
|
|
margin: 0 auto;
|
|
padding: 5px 20px 5px 45px;
|
|
}
|
|
|
|
.exito {
|
|
width:80%;
|
|
background: #F4FBF5 url('../../images/information.png') 15px center no-repeat;
|
|
border-top: 2px solid #006600;
|
|
border-bottom: 2px solid #006600;
|
|
margin: 0 auto;
|
|
padding: 5px 20px 5px 45px;
|
|
}
|
|
|
|
.information {
|
|
width:80%;
|
|
background: #FFF6BF url('../../images/icon_info.gif') 15px center no-repeat;
|
|
border-top: 2px solid #FFD324;
|
|
border-bottom: 2px solid #FFD324;
|
|
margin: 0 auto;
|
|
padding: 5px 20px 5px 45px;
|
|
}
|
|
|
|
/* Pagination */
|
|
|
|
div.pagination {
|
|
text-align:center;
|
|
padding:3px;
|
|
margin:3px;
|
|
}
|
|
|
|
div.pagination a {
|
|
padding: 2px 5px 2px 5px;
|
|
margin-right: 2px;
|
|
border: 1px solid #ddd;
|
|
|
|
text-decoration: none;
|
|
color: #aaa;
|
|
}
|
|
|
|
div.pagination a:hover, div.pagination a:active {
|
|
padding: 2px 5px 2px 5px;
|
|
margin-right: 2px;
|
|
border: 1px solid #a0a0a0;
|
|
}
|
|
|
|
div.pagination span.current {
|
|
padding: 2px 5px 2px 5px;
|
|
margin-right: 2px;
|
|
border: 1px solid #e0e0e0;
|
|
font-weight: bold;
|
|
background-color: #f0f0f0;
|
|
color: #aaa;
|
|
}
|
|
|
|
div.pagination span.disabled {
|
|
padding: 2px 5px 2px 5px;
|
|
margin-right: 2px;
|
|
border: 1px solid #f3f3f3;
|
|
color: #ccc;
|
|
}
|
|
|
|
/* Conversation Post */
|
|
div.conversation ul {
|
|
list-style-type: none;
|
|
margin: 0px;
|
|
padding: 0px 0px 0px 1px;
|
|
border-left: solid 5px #555;
|
|
}
|
|
|
|
div.conversation ul li {
|
|
font-size: 12px;
|
|
padding: 4px 0px 4px 8px;
|
|
color: #000;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
div.conversation ul li span.label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.conversation ul li.odd {
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
div.conversation ul li.even {
|
|
background-color: #e8e8e8;
|
|
}
|