657 lines
9.6 KiB
CSS
657 lines
9.6 KiB
CSS
/*
|
|
CNJ Armarios Gallery 2 Theme
|
|
Copyright 2007 Rodax Software.
|
|
*/
|
|
|
|
|
|
html {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #303036;
|
|
background-image: url('images/fondo.png');
|
|
background-position: top;
|
|
background-repeat: repeat-x;
|
|
color: #F9F9F9;
|
|
}
|
|
|
|
|
|
/* -- Main layout definitions ------------- */
|
|
|
|
body.gallery {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: 'Century Gothic', 'Tahoma', 'Arial Unicode MS', sans-serif;
|
|
font-size: small;
|
|
text-align: center;
|
|
}
|
|
|
|
a {
|
|
color: #CE1000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #CE1000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
h1 {
|
|
font-family: 'Century Gothic', 'Tahoma', 'Arial Unicode MS', sans-serif;
|
|
font-weight: normal;
|
|
}
|
|
|
|
h2 {
|
|
font-family: 'Century Gothic', 'Tahoma', 'Arial Unicode MS', sans-serif;
|
|
font-weight: normal;
|
|
}
|
|
|
|
h3 {
|
|
font-family: 'Century Gothic', 'Tahoma', 'Arial Unicode MS', sans-serif;
|
|
font-weight: normal;
|
|
}
|
|
|
|
hr {
|
|
color: #730900;
|
|
background-color: #730900;
|
|
height: 1px;
|
|
clear: both;
|
|
}
|
|
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
.breadcrumb {
|
|
text-align: left;
|
|
clear: both;
|
|
margin: 0; /*0 0 1.5em 0;*/
|
|
padding-bottom: 0; /*0.2em;*/
|
|
border-bottom: 1px solid #ddd;
|
|
font-size: 12px;
|
|
color: #CE1000;
|
|
}
|
|
|
|
.breadcrumb a {
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.gallery {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.gallery h2 {
|
|
clear: both;
|
|
margin: 1.5em 0;
|
|
padding-bottom: 0.2em;
|
|
border-bottom: 1px solid #CE1000;
|
|
font-size: 1.8em;
|
|
}
|
|
|
|
.gallery h3 {
|
|
clear: both;
|
|
margin: 1.5em 0 1em 0;
|
|
font-size: 1.2em;
|
|
color: #7d7e8a;
|
|
width: 100%;
|
|
}
|
|
|
|
.header {
|
|
padding: 0;
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
height: 116px;
|
|
width: 960px;
|
|
background-color: #303036;
|
|
}
|
|
|
|
.header #logo {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.header h1 {
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 116px;
|
|
width: 320px;
|
|
background-image: url('images/logo.gif');
|
|
background-position: 0 0;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.header h2 {
|
|
border: 0px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.header span {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
.content {
|
|
clear: both;
|
|
padding: 0;
|
|
margin: 15px auto;
|
|
width: 960px;
|
|
text-align: left;
|
|
}
|
|
|
|
.footer {
|
|
clear: both;
|
|
font-size: 0.85em;
|
|
color: #7D7E8A;
|
|
margin-top: 30px;
|
|
padding: 1em;
|
|
border-top:1px solid #303036;
|
|
}
|
|
|
|
.footer .text-footer {
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
|
|
.footer .login {
|
|
float: right;
|
|
}
|
|
|
|
.footer a {
|
|
text-decoration: none;
|
|
color: #F9F9F9;
|
|
}
|
|
|
|
.footer .login a {
|
|
text-decoration: none;
|
|
color: #A0A0A0;
|
|
}
|
|
|
|
.footer p {
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-bottom: 0.3em;
|
|
}
|
|
|
|
|
|
|
|
/* -- Top menu ---------------------------- */
|
|
|
|
#topmenu {
|
|
float: right;
|
|
padding: 0;
|
|
height: 116px;
|
|
margin: -116px 0 0 0;
|
|
width: 640px;
|
|
}
|
|
|
|
#topmenu h3 {
|
|
margin: 1em 0em;
|
|
padding; 0;
|
|
color: #A9ACB3;
|
|
text-transform: uppercase;
|
|
font-family: 'Century Gothic', 'Tahoma', 'Arial Unicode MS', sans-serif;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#topmenu p {
|
|
margin: 0;
|
|
padding; 0;
|
|
color: #E0E1E4;
|
|
font-family: 'Century Gothic', 'Tahoma', 'Arial Unicode MS', sans-serif;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
#topmenu .seccionmenu {
|
|
float: left;
|
|
height: 116px;
|
|
width: 195px;
|
|
padding: 0;
|
|
padding-left: 18px;
|
|
}
|
|
|
|
|
|
#topmenu ul {
|
|
margin: 0;
|
|
margin-left: 12px;
|
|
padding: 0;
|
|
}
|
|
|
|
#topmenu li {
|
|
margin: 0;
|
|
padding: 0.1em 0;
|
|
display: block;
|
|
list-style-type: none;
|
|
}
|
|
|
|
#topmenu a:link, #topmenu a:visited {
|
|
margin: 0;
|
|
padding: 0.2em 0.5em;
|
|
text-decoration: none;
|
|
color: #d9d9d9;
|
|
font-family: 'Century Gothic', 'Tahoma', 'Arial Unicode MS', sans-serif;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#topmenu a.active:link, #topmenu a.active:visited, #topmenu a:hover {
|
|
color: #eee;
|
|
background-color: #5C5C5C;
|
|
}
|
|
|
|
/* -- Cabeceras (Banner) ------------------ */
|
|
|
|
.banner-cabeceras {
|
|
margin: 0;
|
|
margin-bottom: 25px;
|
|
padding: 0;
|
|
width: 960px;
|
|
}
|
|
|
|
.banner-cabeceras img {
|
|
margin: 0px;
|
|
padding: 7px;
|
|
background-color: #303036;
|
|
border: 1px solid #303036;
|
|
}
|
|
|
|
|
|
.banner-cabeceras a img {
|
|
border: 1px solid #303036;
|
|
}
|
|
|
|
.banner-cabeceras a:hover img {
|
|
border-color: #303036;
|
|
}
|
|
|
|
/* -- Cabeceras (Album) ------------------- */
|
|
|
|
.cabecera-album {
|
|
margin: 0;
|
|
margin-bottom: 25px;
|
|
padding: 0;
|
|
width: 945px;
|
|
padding: 7px;
|
|
background-color: #303036;
|
|
border: 1px solid #303036;
|
|
text-align: left;
|
|
}
|
|
|
|
.cabecera-album .foto {
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
float: left;
|
|
width: 700px;
|
|
}
|
|
|
|
.cabecera-album .texto {
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
float: right;
|
|
width: 221px;
|
|
height: 1% /* Holly hack for Peekaboo Bug */
|
|
}
|
|
|
|
.cabecera-album h2 {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
color: #DDDDDD;
|
|
font-size: 2.2em;
|
|
letter-spacing: 0.2em;
|
|
}
|
|
|
|
.cabecera-album h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
color: #DDDDDD;
|
|
}
|
|
|
|
|
|
.cabecera-album p {
|
|
}
|
|
|
|
.cabecera-album img {
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
|
|
.cabecera-album a img {
|
|
border: 1px solid #303036;
|
|
}
|
|
|
|
.cabecera-album a:hover img {
|
|
border-color: #7D7E8A;
|
|
}
|
|
|
|
|
|
|
|
/* -- Gallery thumbnails ------------------ */
|
|
|
|
.gallery-thumb {
|
|
margin: 5px;
|
|
float: left;
|
|
text-align: center;
|
|
}
|
|
|
|
.gallery-thumb img {
|
|
margin: 0;
|
|
padding: 7px;
|
|
background-color: #303036;
|
|
background-image: url('images/loading.gif');
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
border: 1px solid #999999;
|
|
}
|
|
|
|
.gallery-thumb a img {
|
|
border-color: #999999;
|
|
}
|
|
|
|
.gallery-thumb a:hover img {
|
|
border-color: #CE1000;
|
|
}
|
|
|
|
|
|
/* -- Gallery Album listing --------------- */
|
|
|
|
.gallery-albums {
|
|
}
|
|
|
|
.gallery-albums h3 { /* Years in Album overview (when grouped by year) */
|
|
margin: 0;
|
|
padding: 0;
|
|
float: left;
|
|
font-weight: normal;
|
|
padding-bottom: 10px;
|
|
border-bottom: 1px solid #730900;
|
|
/*width: 280px;*/
|
|
|
|
}
|
|
|
|
.gallery-albums h4 { /* Years in Album overview (when grouped by year) */
|
|
margin: 10px 0 0 0;
|
|
font-size: 1.4em;
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
.gallery-albums hr {
|
|
border: 0;
|
|
background-color: transparent;
|
|
clear: both;
|
|
height: 0;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.gallery-albums .gallery-thumb {
|
|
margin-right: 5px !important;
|
|
}
|
|
|
|
.gallery-album {
|
|
margin-top: 27px;
|
|
margin-bottom: 55px;
|
|
float: right;
|
|
width: 100%;
|
|
}
|
|
|
|
.gallery-album a {
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.gallery-album p {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.gallery-album .meta {
|
|
margin-top: 3px;
|
|
color: #999;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
|
|
/* -- Gallery Items ----------------------- */
|
|
|
|
.gallery-items {
|
|
margin: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.gallery-empty {
|
|
padding: 0.5em 1.5em;
|
|
margin: 1.5em 3em;
|
|
border: 1px solid #ddd;
|
|
background-color: #eee;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
|
|
/* -- Gallery Photo (detail page) --------- */
|
|
|
|
div.gallery-photo {
|
|
text-align: center;
|
|
}
|
|
|
|
img.gallery-photo {
|
|
background-color: #f3f3f3;
|
|
border: 1px solid #ddd;
|
|
padding: 7px;
|
|
-moz-border-radius: 3px;
|
|
}
|
|
|
|
#prevArrow img, #nextArrow img {
|
|
border-style: none;
|
|
}
|
|
|
|
|
|
/* -- Navigator --------------------------- */
|
|
|
|
.block-core-Navigator {
|
|
float: right;
|
|
margin: 1.5em 0;
|
|
font-size: 0.9em;
|
|
color: #333;
|
|
}
|
|
|
|
.block-core-Navigator .current,
|
|
.block-core-Navigator .first-and-previous,
|
|
.block-core-Navigator .next-and-last {
|
|
display: inline;
|
|
}
|
|
|
|
.block-core-Navigator .current {
|
|
margin: 0 0.5em;
|
|
}
|
|
|
|
|
|
/* -- ExifInfo ---------------------------- */
|
|
|
|
.block-exif-ExifInfo div {
|
|
font-size: 0.8em;
|
|
color: #999;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
table.gbDataTable {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
table.gbDataTable td {
|
|
padding: 0.2em 0.5em 0.2em 0;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
table.gbDataTable td.gbEven {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.gbBusy {
|
|
background-color: #ae9 !important;
|
|
}
|
|
|
|
/* -- System- / Item-Links ---------------- */
|
|
|
|
.gbSystemLinks, .block-core-ItemLinks {
|
|
clear: both;
|
|
border-top: 3px solid #99959b;
|
|
border-bottom: 1px solid #99959b;
|
|
background-color: #F1F1F1;
|
|
margin: 1.5em 0;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.block-core-SystemLink { font-weight: bold; }
|
|
|
|
.gbSystemLinks .block-core-SystemLink a,
|
|
.block-core-ItemLinks a {
|
|
display: block;
|
|
padding: 0.3em;
|
|
}
|
|
|
|
|
|
/* -- Toolbar ----------------------------- */
|
|
|
|
#toolbar {
|
|
clear: both;
|
|
border: 1px solid #ccc;
|
|
background-color: #f1f1f1;
|
|
margin: 1em 0;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
|
|
/* -- Admin ------------------------------- */
|
|
|
|
.gallery-admin {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.gallery-admin h2 {
|
|
font-size: 1.2em;
|
|
margin-top: 2em;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.gallery-admin h4 {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.giSuccess, .giWarning, .giError {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.giSuccess { color: #5c0; }
|
|
.giWarning { color: #c50; }
|
|
.giError { color: #a44; }
|
|
|
|
.gallery-admin .gbBlock {
|
|
margin: 1.5em 0 2em 0;
|
|
}
|
|
|
|
#progressMemoryInfo {
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #99959B;
|
|
float: right;
|
|
|
|
}
|
|
|
|
#gsSidebar {
|
|
width: 13em;
|
|
overflow: hidden;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
#gsSidebarCol {
|
|
width: 1%;
|
|
}
|
|
|
|
#gsSidebar ul {
|
|
padding: 0.2em 0 1.5em 0;
|
|
margin: 0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#gsSidebar ul ul {
|
|
font-weight: normal;
|
|
}
|
|
#gsSidebar li.gbAdminLink {
|
|
list-style: none;
|
|
padding: 0.2em 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.gbTabBar {
|
|
padding: 0.2em 0;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
|
|
.gbTabBar a {
|
|
border: 1px solid #ccc;
|
|
padding: 0.2em 1em;
|
|
background-color: #5C5C5C;
|
|
margin: 0 0.2em;
|
|
color: #F1F1F1;
|
|
}
|
|
|
|
.gbTabBar .giSelected {
|
|
margin: 0 0.2em;
|
|
padding: 0.2em 1em;
|
|
border: 1px solid #ccc;
|
|
border-bottom: 1px solid #fff;
|
|
font-weight: bold;
|
|
background-color: #fff;
|
|
color: #CE1000;
|
|
}
|
|
|
|
.giUpdated, .giNew {
|
|
font: normal 9px Arial;
|
|
text-transform: uppercase;
|
|
color: #222;
|
|
background-color: #ffea88;
|
|
padding: 0 3px;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.autoCompleteShadow {
|
|
background-color: #a0a0a0 !important;
|
|
}
|
|
|
|
.autoCompleteContainer {
|
|
border: 1px solid #404040;
|
|
background-color: #fff;
|
|
border-top: 0px;
|
|
border-bottom: 1px dotted rgb(0, 172, 0);
|
|
margin-bottom: -1px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.autoCompleteContainer li.yui-ac-highlight {
|
|
background-color: #CE1000;
|
|
color: #fff;
|
|
}
|
|
|
|
/* -- Plano de situacion ------------- */
|
|
|
|
#plano {
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
float: right;
|
|
width: 600px;
|
|
height: 350px;
|
|
margin-top: -130px;
|
|
background-color: #fff;
|
|
border: 8px solid #303036;
|
|
} |