| Current Path : /home/sunflowe/www/templates/yoo_revista/css/ |
| Current File : /home/sunflowe/www/templates/yoo_revista/css/modules.css |
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
@import url(../warp/css/modules.css);
/* Module Badges
----------------------------------------------------------------------------------------------------*/
.module .badge {
width: 27px;
height: 13px;
background: url(../images/module_badges.png) 0 0 no-repeat;
}
.module .badge-hot { background-position: 0 0; }
.module .badge-top { background-position: 0 -25px; }
.module .badge-live { background-position: 0 -50px; }
.module .badge-new { background-position: 0 -75px; }
/* Module Icons
----------------------------------------------------------------------------------------------------*/
.module .module-title .icon { background: url(../images/module_icons.png) 0 0 no-repeat; }
.module.mod-box-color .module-title .icon,
.module.mod-box-black .module-title .icon { background-image: url(../images/module_icons_color.png); }
.module .module-title .icon-download { background-position: 0 0; }
.module .module-title .icon-twitter { background-position: 0 -30px; }
.module .module-title .icon-mail { background-position: 0 -60px; }
.module .module-title .icon-bubble { background-position: 0 -90px; }
.module .module-title .icon-login { background-position: 0 -120px; }
.module .module-title .icon-cart { background-position: 0 -150px; }
/* Module Type: Box
----------------------------------------------------------------------------------------------------*/
.mod-box {
padding: 15px;
border: 1px solid rgba(0,0,0,0.15);
border-bottom-color: rgba(0,0,0,0.25);
background: #fff;
background-clip: padding-box;
box-shadow: 0 1px 1px rgba(0,0,0,0.06);
}
.mod-box .badge { top: 15px; right: 15px; }
.mod-box .module-title {
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: 1px solid #e2e2e2;
text-transform: uppercase;
}
.mod-box .module-title .color { color: #444; }
.mod-box .module-title span.subtitle { color: #999; }
/* Color Grey */
.mod-box-grey {
border: 1px solid rgba(0,0,0,0.2);
border-bottom-color: rgba(0,0,0,0.3);
background: #f2f2f2;
background-clip: padding-box;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.mod-box-grey .module-title { border-bottom-color: #d2d2d2; }
/* Color Black */
.mod-box-black {
border: 1px solid #222;
background: #2D2D2D url(../images/module_box_black.png) 0 0 repeat-x;
box-shadow: 0 1px 1px rgba(0,0,0,0.06);
color: #aaa;
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.module.mod-box-black .module-title {
border-bottom-color: #4b4b4b;
color: #ccc;
}
.module.mod-box-black .module-title .color { color: #fff; }
.mod-box-black h1,
.mod-box-black h4 { color: #bbb; }
.mod-box-black h3 { color: #e2e2e2; }
.mod-box-black h2,
.mod-box-black h5 { color: #999; }
.mod-box-black a { color: #fff; }
.mod-box-black em,
.mod-box-black code { color: #e2e2e2; }
/* Color Color */
.mod-box-color h1,
.mod-box-color h4,
.mod-box-color a:hover { color: #fff; }
/* Module Type: Plain
----------------------------------------------------------------------------------------------------*/
.mod-plain { text-shadow: 0 1px 0 rgba(255,255,255,0.4); }
.grid-h .mod-plain { padding: 10px 20px 10px 0; }
.grid-v .mod-plain { padding: 20px 10px 0 0; }
.grid-v:first-child .mod-plain { padding-top: 10px; }
.sidebar-a-right #sidebar-a .grid-v .mod-plain,
.sidebar-b-right #sidebar-b .grid-v .mod-plain {
padding-right: 0;
padding-left: 10px;
}
.mod-plain .badge { top: 10px; right: 10px; }
.module.mod-plain .module-title {
margin-bottom: 5px;
padding: 0;
color: #444;
}
#bottom-c .mod-plain a:hover { color: #444; }
/* Module Type: Line
----------------------------------------------------------------------------------------------------*/
.mod-line {
margin: 0;
padding: 15px;
border: none;
border-radius: 0;
box-shadow: none;
}
.grid-h .mod-line { background: url(../images/module_line.png) 0 0 repeat-y; }
.grid-v .mod-line { background: url(../images/module_line_v.png) 0 0 repeat-x; }
.grid-h:first-child .mod-line,
.grid-v:first-child .mod-line { background: none; }
.mod-line .badge { top: 15px; right: 15px; }
.mod-line .module-title .color { color: #444; }
.mod-line .module-title {
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: 1px solid #e2e2e2;
}
.grid-v .mod-line .module-title {
margin-bottom: 5px;
padding: 0;
border-bottom: none;
}