549 lines
8.1 KiB
CSS
549 lines
8.1 KiB
CSS
/*
|
|
Abeto Armarios Gallery 2 Theme
|
|
Copyright 2007 Rodax Software.
|
|
*/
|
|
|
|
|
|
html {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #fff;
|
|
background-image: url('images/fondo2.gif');
|
|
background-position: top;
|
|
background-repeat: repeat;
|
|
}
|
|
|
|
|
|
/* -- Main layout definitions ------------- */
|
|
|
|
body.gallery {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
|
|
font-size: small;
|
|
color: #333;
|
|
text-align: center;
|
|
background-image: url('images/fondo.gif');
|
|
background-position: top;
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
a {
|
|
color: #FF7B56;
|
|
}
|
|
|
|
a:hover {
|
|
color: #D53000;
|
|
}
|
|
|
|
h2 {
|
|
color: #3388CC;
|
|
}
|
|
|
|
hr {
|
|
color: #fff;
|
|
height: 1px;
|
|
border: none;
|
|
border-bottom: 1px solid #ddd;
|
|
margin: 0;
|
|
padding: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
.breadcrumb {
|
|
text-align: left;
|
|
clear: both;
|
|
margin: 0 0 1.5em 0;
|
|
padding-bottom: 0.2em;
|
|
border-bottom: 1px solid #ddd;
|
|
font-size: 1.35em;
|
|
color: #3388CC;
|
|
}
|
|
|
|
.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 #ddd;
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
.gallery h3 {
|
|
clear: both;
|
|
margin: 1.5em 0 1em 0;
|
|
font-size: 1.2em;
|
|
color: #3388CC;
|
|
}
|
|
|
|
.header {
|
|
padding: 0;
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
height: 230px;
|
|
width: 1050px;
|
|
background-image: url('images/header.gif');
|
|
background-position: bottom center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.header #logo {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.header h1 {
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 145px;
|
|
width: 440px;
|
|
background-image: url('images/logo.gif');
|
|
background-position: 25px 17px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.header h2 {
|
|
border: 0px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.header span {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
.content {
|
|
clear: both;
|
|
margin: 0 auto;
|
|
margin-top: -83px;
|
|
text-align: left;
|
|
background-color: #fff;
|
|
border: 1px solid #DDDDDD;
|
|
padding: 25px;
|
|
}
|
|
|
|
.footer {
|
|
font-size: 0.8em;
|
|
color: #999;
|
|
margin-top: 50px;
|
|
padding: 1em;
|
|
border-top: 1px solid #ddd;
|
|
background-color: #F9F9F9;
|
|
}
|
|
|
|
.footer .text-footer {
|
|
float: left;
|
|
}
|
|
|
|
.footer .login {
|
|
float: right;
|
|
}
|
|
|
|
.footer .login a {
|
|
text-decoration: none;
|
|
color: #F9F9F9;
|
|
}
|
|
|
|
.footer p {
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-bottom: 0.3em;
|
|
}
|
|
|
|
|
|
|
|
/* -- Top menu ---------------------------- */
|
|
|
|
#topmenu {
|
|
float: right;
|
|
padding: 0;
|
|
height: 40px;
|
|
border-bottom: 3px solid #FF7B56;
|
|
margin: -72px 30px 0 0;
|
|
width: 810px;
|
|
}
|
|
|
|
#topmenu ul {
|
|
margin: 10px 0 0 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#topmenu li {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: inline;
|
|
list-style-type: none;
|
|
}
|
|
|
|
#topmenu a.binicio {
|
|
visibility: none;
|
|
width: 65px;
|
|
height: 31px;
|
|
background-image: url('images/binicio.gif');
|
|
background-position: top;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#topmenu a.bcatalogo {
|
|
visibility: none;
|
|
width: 95px;
|
|
height: 31px;
|
|
background-image: url('images/bcatalogo.gif');
|
|
background-position: top;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#topmenu a.bcontacto {
|
|
visibility: none;
|
|
width: 105px;
|
|
height: 31px;
|
|
background-image: url('images/bcontacto.gif');
|
|
background-position: top;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#topmenu span {
|
|
display: none;
|
|
}
|
|
|
|
#topmenu a:link, #topmenu a:visited {
|
|
margin: 0;
|
|
padding: 0;
|
|
float: right;
|
|
font-size: 10px;
|
|
line-height: 14px;
|
|
font-weight: bold;
|
|
margin: 0 10px 4px 10px;
|
|
padding-bottom: 2px;
|
|
text-decoration: none;
|
|
color: #FF7B56;
|
|
}
|
|
|
|
#topmenu a.active:link, #topmenu a.active:visited, #topmenu a:hover {
|
|
border-bottom: 4px solid #FF7B56;
|
|
padding-bottom: 2px;
|
|
color: #CC5500;
|
|
}
|
|
|
|
|
|
/* -- Gallery thumbnails ------------------ */
|
|
|
|
.gallery-thumb {
|
|
margin: 5px;
|
|
float: right;
|
|
text-align: center;
|
|
}
|
|
|
|
.gallery-thumb img {
|
|
background-color: #f3f3f3;
|
|
border: 1px solid #ddd;
|
|
padding: 7px;
|
|
margin: 1px;
|
|
-moz-border-radius: 3px;
|
|
}
|
|
|
|
.gallery-thumb a img {
|
|
border-color: #ccc;
|
|
}
|
|
|
|
.gallery-thumb a:hover img {
|
|
border-width: 2px;
|
|
border-color: #38c;
|
|
margin: 0;
|
|
-moz-border-radius: 5px;
|
|
}
|
|
|
|
|
|
/* -- Gallery Album listing --------------- */
|
|
|
|
.gallery-albums {
|
|
clear: both;
|
|
}
|
|
|
|
.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 .gallery-thumb {
|
|
margin-right: 5px !important;
|
|
}
|
|
|
|
.gallery-album {
|
|
width: 46%; /* Change to 96% if you want 2 Album per line */
|
|
padding-right: 3%;
|
|
padding-bottom: 10px;
|
|
display: block;
|
|
overflow: hidden;
|
|
float: left;
|
|
}
|
|
|
|
.gallery-album-armarios {
|
|
width: 96%;
|
|
}
|
|
|
|
.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: #ffe;
|
|
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: #eee;
|
|
margin: 0 0.2em;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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: #38c;
|
|
color: #fff;
|
|
}
|
|
|
|
/* -- Plano de situacion ------------- */
|
|
|
|
#plano {
|
|
padding: 0;
|
|
margin: 0;
|
|
position: relative;
|
|
float: right;
|
|
width: 500px;
|
|
height: 400px;
|
|
margin-top: -120px;
|
|
margin-right: 20px;
|
|
border: 1px solid #CCCCCC;
|
|
} |