| Current Path : /home/atice/www2/templates/greenery_ii/css/ |
| Current File : /home/atice/www2/templates/greenery_ii/css/template.css |
/**
author: rgb(raduga) http://mambasana.ru
author: Pat Heard http://fullAhead.org
template: Greenery
copyright: GNU/GPL
**/
/**#################### DEFAULT and FORMS CSS ####################**/
body{
margin: 0;
padding: 0;
}
#bg_body{
text-align: center;
background: #585858 url(../images/bg_body.jpg) repeat-y top center;
}
td, tr, p, div {
font-family : Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size : 12px;
color : #EEE;
line-height : 15px;
}
hr {
color : #999999;
height : 1px;
width : 100%;
}
ul {
margin : 2px;
padding-left : 10px;
list-style : none;
}
li {
list-style : none;
line-height : 14px;
padding-left : 15px;
background-image : url(../images/li_bullet.gif);
background-repeat: no-repeat;
background-position: 0 2px;
}
.article_separator{
display: block;
height: 20px;
}
td.article_column{
padding-right: 5px;
}
a:link, a:visited {
color: #86E160;
}
a:hover {
color: #FFF;
}
form {
margin : 0;
padding : 0;
}
.inputbox {
padding : 2px !important;
padding : 1px;
margin: 3px 0;
font: 1em verdana, arial, sans-serif;
color: #EEE;
background-color: #777;
border: 1px solid #999;
}
input:hover,
input:focus,
textarea:hover,
textarea:focus {
color: #FFF;
background-color: #999;
}
h1 {font: 700 1.3em verdana, sans-serif;color:#86E160;}
h2 {font: 700 1.2em verdana, sans-serif;color:#86E160;}
h3 {font: 700 1.1em verdana, sans-serif;color:#86E160;}
/**#################### Joomla CSS ####################**/
/** Buttons **/
.back_button {
display: block;
color : #999999;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
padding-bottom : 10px;
margin-right : 10px;
text-align: right;
height : 30px;
text-decoration : underline;
}
.button {
font-size : 11px;
color : #EEE;
border : 1px solid #999;
margin : 3px 0;
background-color : #777;
padding : 2px !important;
padding : 1px;
cursor : pointer;
}
/** Contact **/
.contact_email {
width : 100%;
}
.contact_email .inputbox {
}
/** Module table **/
table.moduletable, table.moduletable_menu {
margin : 5px 0 10px 0;
padding : 0 0 3px 0;
width : 100%;
background : #686868;
text-align: left;
background: #686868 url(../images/rounded_bl.gif) no-repeat bottom left;
}
table.moduletable th, table.moduletable_menu th {
padding:4px 9px 4px 0;
text-align: right;
font: 700 1em verdana, sans-serif;
color: #7BD32C;
background: #686868 url(../images/rounded_tr.gif) no-repeat top right;
}
table.moduletable td {
padding : 3px 5px;
text-align: left;
}
table.moduletable_menu table {
padding : 0 10px;
}
/** Read more **/
a.readon:link, a.readon:visited {
color : #999999;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
background : url(../images/arrow.png) no-repeat;
white-space : normal;
font-weight : bold;
padding : 1px 0 3px 14px;
float : right;
line-height : 13px;
text-decoration : underline;
}
a.readon:hover {
color: #86E160;
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
background : url(../images/arrow.png) no-repeat;
white-space : normal;
font-weight : bold;
padding : 1px 0 3px 14px;
line-height : 13px;
text-decoration : underline;
}
/** Pagenavigation **/
.pagenavcounter {
font-size : 11px;
color : #999999;
}
.pagenavbar {
border-top : 1px solid #999999;
padding : 2px;
}
.pagination span { padding: 3px; }
.pagination a { padding: 3px; }
a.pagination:link, a.pagination:visited {
font-size : 11px;
text-decoration : none;
font-weight : normal;
}
a.pagination:hover {
font-size : 11px;
text-decoration : none;
font-weight : normal;
}
table.contenttoc {
border : 1px solid #dcdcdc;
background : #686868;
padding : 5px;
margin-left : 15px;
margin-bottom : 5px;
}
/** Content **/
table.content{
width : 100%;
padding : 5px;
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 5px;
}
table.contentpane {
width : 100%;
border-spacing : 0;
padding-left : 5px;
padding-right : 5px;
margin-bottom : 5px;
}
table.contentpaneopen {
width : 100%;
border-spacing : 0;
padding-left : 5px;
padding-right : 0;
margin-bottom : 5px;
}
.contentheading,.componentheading {
text-align: left;
margin: 5px 0;
padding:3px;
font: 700 1.2em verdana, sans-serif;
text-transform: uppercase;
color: #7BD32C;
background: #686868 url(../images/rounded_tl.gif) no-repeat top left;
}
.contentheading a{
text-decoration: none;
width:auto;
}
div.componentheading {
margin: 5px 0 10px 0;
}
td.componentheading {
display:block;
margin: 5px 0 10px 0;
}
.contentdescription {
width : auto !important;
margin : 0;
padding : 0;
padding-top : 5px;
text-align : left;
}
.blog_more {
margin : 10px 0 7px 7px;
}
.buttonheading {
padding : 0 2px;
}
.content_vote {
font-size : 10px;
height : 22px;
padding : 2px 0;
}
.content_rating {
font-size : 10px;
color : #999999;
}
.small {
font-size : 10px;
color : #999;
line-height: 12px;
}
.smalldark {
font-size : 11px;
color : #999;
text-align:left;
}
.createdate, .modifydate {
float : left;
font-size : 10px;
color : #999999;
width : 100%;
line-height: 12px;
margin-bottom: 5px;
}
.modifydate {
text-align: right;
}
a.category:link, a.category:visited {
font-size : 11px;
font-weight : bold;
}
.sectiontableheader {
font-size : 12px;
font-weight : normal;
letter-spacing : 1px;
color : #EEE;
background : #111111;
padding : 3px 2px;
}
.sectiontableentry1 {
vertical-align : top;
padding : 3px;
background : #333333;
border-bottom : 1px solid #8F8F8F;
line-height : 19px;
}
.sectiontableentry2 {
vertical-align : top;
padding : 3px;
border-bottom : 1px solid #8F8F8F;
background : #4D4D4D;
line-height : 19px;
}
.sectiontableentry2 td, .sectiontableentry1 td{
padding : 3px;
line-height : 17px;
}
.sectiontableentry1 img{
margin: 0 2px;
}
.sectiontableentry2 img{
margin: 0 2px;
}
/** Polls **/
.poll {
color : #999;
line-height : 13px;
font-weight: normal;
text-align: left;
}
.pollstableborder{
border-color : #999999;
}
/** images **/
/** #################### index.php #################### **/
#header {
width: 100%;
height: 40px;
background: #585858 url(../images/bg_header.jpg) repeat-y top center;
vertical-align: top;
margin: 0 auto;
}
#menu {
width: 837px;
margin: 0 auto;
text-align: left;
height: 40px;
background: url(../images/logo_greenery.gif) #86E160 no-repeat 98% 50%;
}
#content {
clear: both;
width: 837px;
margin: 0 auto;
text-align: left;
}
#text {
float: left;
width: 441px !important;
width: 470px;
w\idth:435px;
padding: 10px 2px 20px 16px !important;
padding: 20px 3px 20px 16px;
}
#image {
float: left;
width: 168px;
vertical-align: top;
}
#sideBar {
float: right;
width: 195px !important;
width: 198px;
padding: 10px 15px 20px 0 !important;
padding: 20px 15px 20px 0;
}
#footer {
clear: both;
width: 777px;
padding: 15px 20px;
}
#footer p {
color: #888;
padding-top: 0 !important;
padding-top: 10px;
padding-bottom: 0 !important;
padding-bottom: 20px;
}
#footer a {
color: #888;
}
#footer a:hover {
color: #EEE;
}
/** Topmenu **/
ul#mainlevel-nav {
list-style : none;
margin : 0;
padding : 0;
}
#mainlevel-nav li {
float : left;
display : block;
list-style : none;
background-image : none;
width : auto;
color : #ffffff;
margin : 0;
padding : 0 0 0 10px;
line-height: 38px;
_height:0;
}
#mainlevel-nav li a {
float : left;
display : block;
width : auto;
padding : 2px 6px 0 6px;
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
#mainlevel-nav li a:hover {
width : auto;
color : #444444;
background: url(../images/menu_tab.gif) no-repeat top center;
font-weight : bold;
text-decoration : none;
}
ul#mainlevel-nav li #active_menu-nav {
cursor : default;
position : relative;
width : auto;
background: url(../images/menu_tab.gif) no-repeat top center;
color : #444444;
text-decoration : none;
}
ul#mainlevel-nav li #active_menu-nav:hover {
cursor : pointer;
position : relative;
width : auto;
background : #444444;
color : #ffffff;
text-decoration : none;
}
/** CSS for Mainmenu (Menu Style Legacy-Vertical) **/
a.mainlevel {
display : block;
width : auto;
margin : 1px 0;
font-size : 12px;
background : none;
}
a.mainlevel:link, a.mainlevel:visited {
display : block;
font-size : 12px;
border-bottom : 1px solid #686868;
background-color : #444444;
font-weight : normal;
padding : 2px 0;
color : #f1f1f1;
padding-left : 10px;
text-decoration : none;
}
a.mainlevel:hover {
border-bottom : 1px solid #686868;
background-color : #333333;
font-size : 12px;
font-weight : normal;
color : #999999;
text-decoration : none;
padding-left : 10px;
}
#active_menu {
color : #999999;
border-bottom : 1px solid #686868;
background : url(../images/li_bullet.gif) #333333 96% 50% no-repeat;
font-weight : normal;
text-decoration : none;
}
a#active_menu:hover {
color : #f1f1f1;
}
/** Sublevel for Mainmenu (Menu Style Legacy-Vertical) **/
.sublevel {
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #cccccc;
padding : 3px 1px 3px 5px;
margin : 3px;
}
a.sublevel:link, a.sublevel:visited {
color : #cccccc;
text-decoration : none;
}
a.sublevel:hover {
color : #7BD32C;
text-decoration : none;
}
a.sublevel#active_menu {
background: transparent;
color : #7BD32C;
text-decoration : none;
border-bottom : none !important;
}
/** Main Menu (Menu Style List) **/
.moduletable_menu ul, .moduletable_menu ul li
{
background-image: none;
list-slyle:none;
display : block;
width : auto;
margin : 1px 0px;
padding : 0;
font-size : 12px;
background : none;
line-height: 18px;
}
.moduletable_menu ul{
padding : 3px 10px 0 10px;
}
.moduletable_menu ul li a, .moduletable_menu ul li a:link, .moduletable_menu ul li a:visited
{
display : block;
font-size : 13px;
font-weight : normal;
padding : 2px 0;
color : #f1f1f1;
padding-left : 10px;
text-decoration : none;
border-bottom : 1px solid #686868;
background-color : #444444;
}
.moduletable_menu ul li a:hover
{
font-size : 13px;
font-weight : normal;
color : #999999;
text-decoration : none;
padding-left : 10px;
text-decoration : none;
border-bottom : 1px solid #686868;
background-color : #333333;
}
.moduletable_menu ul li.active a:link, .moduletable_menu ul li.active a:visited
{
color : #999999;
border-bottom : 1px solid #686868;
background : url(../images/li_bullet.gif) #333333 96% 50% no-repeat;
font-weight : normal;
}
.moduletable_menu ul li ul li a:link, .moduletable_menu ul li ul li a:visited, .moduletable_menu ul li ul li ul li a:link, .moduletable_menu ul li ul li ul li a:visited
{
display : block;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #f1f1f1;
padding : 3px 1px 3px 5px;
margin : 3px;
text-decoration : none;
text-indent : 10px;
border : none;
background:none;
}
.moduletable_menu ul li ul li a:hover, .moduletable_menu ul li ul li ul li a:hover
{ background:none;
font-size : 12px;
font-weight : normal;
color : #cccccc;
text-decoration : none;
text-indent : 10px;
}
.moduletable_menu ul li.active ul li a:link, .moduletable_menu ul li.active ul li a:visited, .moduletable_menu ul li.active ul li ul li a:link, .moduletable_menu ul li.active ul li ul li a:visited
{
display : block;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
color : #f1f1f1;
padding : 3px 1px 3px 5px;
margin : 3px;
text-decoration : none;
text-indent : 10px;
border: none;
background:none;
background-image : url(../images/arrow.png) ;
background-repeat: no-repeat;
background-position: 1px 5px;
padding-left : 10px;
}
.moduletable_menu ul li.active ul li a:hover, .moduletable_menu ul li.active ul li ul li a:hover
{ background:none;
font-size : 12px;
font-weight : normal;
color : #999999;
text-decoration : none;
text-indent : 10px;
background-image : url(../images/arrow.png) ;
background-repeat: no-repeat;
background-position: 3px 5px;
padding-left : 10px;
}