Código CSS
/*--------------------------------------------------------------
# News Portal 1.0 - April 2006
# Copyright (C) 2006 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com
---------------------------------------------------------------*/
html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
height: 100%;
color: #000000;
}
#bg {
background: #535353 url('../images/np_bg.png') repeat-x 0 top;
}
form {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5 {
padding-bottom: 5px;
margin: 10px 0;
}
/*fonts------------------------------------*/
body {
font: normal 12px Arial, Helvetica, sans-serif;
}
a:link, a:visited {
text-decoration: none;
color: #535353
}
a:hover {
color: #000;
text-decoration: underline;
}
ul {
list-style: none;
padding: 0 0 0 2px;
margin: 0;
}
ul li {
background: url('../images/arrow1.png') no-repeat 0 6px;
margin: 0;
padding-left: 10px;
}
fieldset {
border: 0;
padding: 5px 0;
}
h1 {
font-size: 170%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 130%;
}
h4 {
font-size: 100%;
text-transform: uppercase;
}
p {
margin: 10px 0 10px;
}
ol {
margin-top: 5px;
margin-bottom: 15px;
}
ol li {
margin-left: 35px;
line-height: 170%;
}
th {
padding: 4px;
font-weight: bold;
text-align: left;
}
fieldset {
border: none;
}
fieldset a {
font-weight: bold;
}
input, select {
font: normal 12px Arial, Helvetica, sans-serif;
}
hr {
border-top: 1px solid #C0C0C0;
border-right: 0;
border-left: 0;
border-bottom: 0;
height: 1px;
}
a img {
border: none;
}
td, div {
font-size: 12px;
}
#nav a {
font-size: 110%;
}
.contentheading, .componentheading, .contentpaneopen h2 {
font: normal 16px Verdana, "Verdana", Times, serif;
font-weight: bold;
font-variant: small-caps;
}
.contentheading a:link, .contentheading a:visited {
font: normal 16px Verdana, "Verdana", Times, serif;
font-weight: bold;
font-variant: small-caps;
}
.small, .smalldark, .createdate, .modifydate, .mosimage_caption, .back_button, .pagenavcounter, .pagenav, .pagenavbar {
font: normal 10px Arial, Helvetica, sans-serif;
}
a.readon {
font: normal 12px Arial, Helvetica, sans-serif;
}
table.contenttoc th {
font: normal 12px Verdana, "Verdana", Times, serif;
}
.sectiontableheader {
font: normal 14px Verdana, "Verdana", Times, serif;
}
.pagenav, .pagenav_prev, .pagenav_next, .pagenavbar {
padding: 0 2px;
font: normal 10px Arial, Helvetica, sans-serif;
}
a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a {
}
a.pagenav:hover, a.pagenav:active, a.pagenav:focus, .pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus, .pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus, .pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
}
div#newsflash table td {
font: normal 11px Arial, Helvetica, sans-serif;
}
/*joomla style-----------------------------------------------*/
.contentheading {
color: #a30101;
text-transform: uppercase;
font-weight: bold;
}
.contentheading a:link, .contentheading a:visited {
color: #a30101;
text-transform: uppercase;
text-decoration: none;
}
.contentheading a:hover {
text-decoration: underline;
color: #000;
}
.contentpaneopen h2 {
color: #a30101;
padding: 0;
margin: 0;
}
.small, .modifydate, .createdate, .mosimage_caption, .back_button {
color: #999;
}
.smalldark {
color: #888888;
text-align: left;
}
div.syndicate div {
text-align: center;
}
.modifydate {
padding-top: 6px;
}
.mosimage_caption {
padding-top: 3px;
padding-bottom: 3px;
}
.sectiontableentry1, .sectiontableentry2 {
border-bottom: 1px solid #c7c7c5;
}
.componentheading {
color: #000;
text-align: left;
margin-bottom: 10px;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
background-color: #EFF0ED;
border: 1px solid #C7C7C5;
width: 200px;
}
table.contenttoc td {
padding: 1px 5px 1px 18px;
background: url('../images/arrow1.png') no-repeat 7px 50%;
}
table.contenttoc th {
padding: 2px 4px;
background-color: #EFF0ED;
border-bottom: solid 1px #C7C7C5;
color: #a30101;
text-indent: 15px;
text-align: left;
text-transform: uppercase;
}
.contentpaneopen {
width: 100%;
}
.contentpaneopen1 {
width: 100%;
}
table.contentpane {
width: 100%;
margin-bottom: 30px;
}
.sectiontableheader {
background-color: #EFF0ED;
border-bottom: 1px solid #C7C7C5;
border-top: 1px solid #C7C7C5;
color: #000;
}
tr.sectiontableentry1 td, tr.sectiontableentry2 td {
border-bottom: 1px solid #eeeeee;
height: 20px;
}
.highlight {
background-color: #ffff99;
}
.contentpane {
width: auto;
}
table.poll {
padding: 0;
width: 100%;
border-collapse: collapse;
}
table.pollstableborder, table.pollstableborder-black {
padding: 0;
width: 100%;
border: none;
text-align: left;
}
table.pollstableborder img, table.pollstableborder-black img {
vertical-align: baseline;
}
.clr {
clear: both;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
table.adminform {
width: 400px!important;
}
.adminform .inputbox {
}
/*display blocks ----------------------------------------------*/
div#wrapper_1 {
background: url('../images/np_wrapper_bg_1.png') repeat-y 0 top;
width: 992px;
margin: 0 auto;
padding: 0;
}
div#wrapper_2 {
background: url('../images/np_wrapper_bg_2.png') no-repeat 0 top;
width: 992px;
}
div#wrapper_page {
background: none;
width: 980px;
position: relative;
margin: 0 6px 0 6px;
padding: 0;
}
div#bg_menu {
background: transparent url('../images/np_menu_bg.png') repeat-x 0 top;
width: 980px;
padding: 0;
margin: 0;
height: 150px;
}
div#top {
width: auto;
height: 80px;
padding: 0;
}
#logo {
float: left;
background: transparent url('../images/np_logo.png') no-repeat 0 top;
height: 90px;
width: 360px;
display: block;
}
div#top_right {
float: left;
position: relative;
width: 620px;
height: 80px;
}
div#top_menu {
background: transparent url('../images/np_menu_top_bg.png') repeat-x 0 top;
height: 23px;
width: 500px;
position: absolute;
}
div#newsflash {
position: absolute;
height: 55px;
width: 500px;
top: 23px;
display: block;
overflow: hidden;
right: 5px;
margin-right: 8px;
}
div#newsflash table td {
color: #fff;
padding: 0;
margin: 0;
}
div#spacer {
clear: both;
background: url('../images/np_top_right_spacer.png') repeat-x 0 top;
height: 2px;
width: 960px;
display: block;
padding: 0;
margin: 0 10px 0 10px;
}
div#belka {
height: 29px;
width: 960px;
display: block;
padding: 0;
margin: 0 10px 0 10px;
}
div#search {
background: url('../images/np_search.png') no-repeat 0 top;
position: absolute;
top: 96px;
height: 25px;
padding: 4px 0 0 67px;
}
div#membersarea {
background: url('../images/np_membersarea.png') no-repeat 0 top;
position: absolute;
top: 96px;
right: 9px;
height: 25px;
color: #fff;
padding: 4px 0 0 120px;
}
div#fontsize {
position: absolute;
top: 73px;
right: 8px;
height: 25px;
color: #fff;
height: 25px;
width: 89px;
}
div#majmenu {
position: absolute;
top: 124px;
background: url('../images/np_maj_menu_bg.png') repeat-x 0 top;
width: 980px;
padding-top: 1px;
height: 26px;
}
div#mainpage {
background: url('../images/np_mainpage_bg.png') repeat-x 0 0;
width: 100%;
height: 100%;
}
div.mainwrap {
clear: both;
width: 970px;
margin: 0 0 0 10px;
padding: 0;
}
div#mainbody {
margin: 0 10px 20px 10px;
padding: 0;
width: 960px;
}
table#majtable {
clear: both;
width: 100%;
margin: 0;
padding: 0;
}
td.inseter {
width: 160px;
}
td.sp {
width: 10px;
}
div.usfloat {
float: left;
overflow: hidden;
}
div.us {
padding-right: 10px;
text-align: left;
}
div#space {
clear: both;
padding-bottom: 60px;
}
/*foofter links-------------------------------------*/
div#footer {
background: url('../images/np_bg_footer.png') repeat-y 0 top;
width: 992px;
height: 51px;
margin: 0 auto;
padding: 0;
text-align: center;
}
div#footer p {
margin: 0;
padding-top: 8px;
}
#gavick {
background: url('../images/logo_gavick.png') no-repeat;
display: block;
width: 86px;
height: 19px;
margin: 0 auto;
}
/*loginbox -----------------------------------------------------------*/
#membersarea input {
border: 1px solid #a30101;
vertical-align: middle;
}
#membersarea input.inputbox {
padding-left: 4px;
width: 100px;
}
div.logout {
display: inline;
text-align: left;
}
/*top search ---------------------------------------------------------*/
#search .search {
margin: 0;
}
#search .search input {
border: 1px solid #000;
}
#search input.inputbox {
padding-left: 4px;
width: 135px;
}
/*end*/
/*pathway----------------------------------------------------------*/
div#pathway {
width: 960px;
display: block;
height: 16px;
margin: 0 0 12px 10px;
padding: 12px 0 0 0;
}
div#pathway span {
display: inline;
font-size: 10px;
color: #000;
text-transform: uppercase;
}
span.pathway {
float: left;
background: url('../images/np_pathway_home.png') no-repeat 0 0;
padding-left: 24px;
}
span.pathway, a.pathway, span#clock {
padding-top: 1px;
}
a.pathway:link, a.pathway:visited {
color: #a30101;
text-decoration: none;
}
a.pathway:hover {
color: #000;
text-decoration: none;
}
span#clock {
float: right;
background: url('../images/np_pathway_date.png') no-repeat 0 0;
margin: 0;
padding: 0;
padding-left: 37px;
}
/*top menu----------------------------------------------*/
div#top_menu ul {
height: 23px;
width: 739px;
overflow: hidden;
margin: 0;
padding: 0;
list-style-type: none;
}
div#top_menu ul li {
float: left;
list-style: none;
margin-top: 4px;
list-style-type: none;
background: none;
}
div#top_menu a.mainlevel-nav {
background: transparent url('../images/np_menu_top_li.png') no-repeat right top;
font: bold 0.9em Arial, Helvetica, sans-serif;
color: #cecbcb;
margin-right: 0;
padding: 0 10px 0 0;
}
div#top_menu a.mainlevel-nav:link, div#top_menu a.mainlevel-nav:visited {
text-decoration: none;
}
div#top_menu a.mainlevel-nav:hover {
text-decoration: none;
color: #fff;
}
/*module - display news--------------------------------*/
.dgmnews img, .dgmnews-grey img {
background-color: #eaeae4;
border: 1px solid #c7c7c5;
padding: 3px;
margin: 0 3px 0 0;
}
.dgmnews a.contentheading, .dgmnews-grey a.contentheading {
font: bold 12px Arial, Helvetica, sans-serif;
color: #a30101;
}
/*Typography-----------------------------*/
span.pin {
background: #f8f9d4 url('../images/np_typo_clip.png') no-repeat 0 50%;
color: #333;
border: 1px solid #ddb;
display: block;
padding: 10px 10px 10px 42px;
margin-bottom: 10px;
}
span.contact {
background: #f8f9d4 url('../images/np_typo_contact.png') no-repeat 0 50%;
color: #333;
border: 1px solid #ddb;
display: block;
padding: 10px 10px 10px 42px;
margin-bottom: 10px;
}
span.grey {
background-color: #cccccc;
color: #000;
border: 1px solid #999999;
display: block;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
}
span.maroon {
background-color: #a30101;
color: #fff;
border: 1px solid #a30101;
display: block;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
}
span.beige {
background-color: #eaeae4;
color: #333;
border: 1px solid #dcdcd4;
display: block;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
}
span.zoom {
background: transparent url('../images/np_typo_zoom.png') no-repeat 0 50%;
color: #333;
display: block;
padding: 10px 10px 10px 42px;
margin-bottom: 10px;
}
span.camera {
background: transparent url('../images/np_typo_camera.png') no-repeat 0 50%;
color: #333;
display: block;
padding: 10px 10px 10px 42px;
margin-bottom: 10px;
}
blockquote {
background: transparent url('../images/np_quoleft.png') no-repeat 0 0;
}
blockquote div {
padding: 0 48px;
background: transparent url('../images/np_quoright.png') no-repeat right bottom;
}
div.highli {
background: transparent url('../images/storyhighl.png') no-repeat 0 0;
border: 1px solid #a30101;
padding: 23px 5px 5px 5px;
}
img.border {
background-color: #eaeae4;
border: 1px solid #c7c7c5;
padding: 3px;
margin: 2px 3px 0 0;
}