Re: Impresstheme |
Subject: Re: Impresstheme by McDonald on 2008/2/25 11:36:49 Just installed the nightly build from the 25th. The theme seems to be better now. Only the bottom blocks are covering the left and right columns too. The problem with the xhld blocks still exists and I think they have to do with the module. EDIT Oke above mentioned problems are solved. Here's my corrected version of /impresstheme/css/style.css : /* The Basics */
body { color: #000; background-color: #eae0b7; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;}
#xo-canvas{ width:100%;background-color: white; }
#xo-canvas-content { /*position: relative;*/ }
div.warper {width: 90%; margin-right: auto; margin-left: auto;border-top: 2px solid #DDDDFF;border-left: 2px solid #DDDDFF;border-right: 2px solid #DDDDFF}
a {color: #666; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #8e8e8e; background-color:inherit;}
h1 {font-size: 1.4em; font-weight: bold;}
h2 {font-size: 1.2em;}
h3 {font-size: 1em; padding-bottom: 3px;}
h4 {font-size: 1em;}
h5 {font-size: .9em;}
h6 {font-size: .8em;}
/* Start Header */
#xo-header {clear: both; width: 100%; height: 103px;margin-left: auto; margin-right: auto;}
#xo-headerlogo{height: 80px; background: url(../img/bghead.png) repeat-x left;}
#xo-headerbanner {position:absolute; top:25px; right:110px; text-align:center;}
#xo-globalnav { border-bottom: 1px solid #ddd; background-image: url(../img/hbar.gif);}
/* End Header */
/* Start Left Column */
#xo-canvas-leftcolumn {float:left; width: 175px; left: 0; top: 100px; margin-left: 5px;}
#xo-canvas-leftcolumn th {background-color: #f3ac03; color: #fff; vertical-align: middle;}
#xo-canvas-leftcolumn .xo-blocktitle h3 {margin: 0 0 5px 0;font-size: 1.12em;border: 1px solid black; padding: 3px; background-color: #f2e2a0;color: #222222; font-weight: bold; text-align:center;}
#xo-canvas-leftcolumn .xo-blockcontent {line-height: 1.2em;line-height: 120%;}
/* End Left Column */
/* Start Center Column */
/* WARNING - THIS HAS BEEN CHANGED - TRASH - NOT USED ANYMORE}*/
#xo-page { padding: 5px 0 0 0; margin: 0 10px;}
#xo-canvas.leftcolumn-layout #xo-page, #xo-canvas.threecolumns-layout #xo-page {margin-left: 190px;}
#xo-canvas.rightcolumn-layout #xo-page, #xo-canvas.threecolumns-layout #xo-page { margin-right: 190px;}
#xo-canvas-bottom, #xo-canvas-footer {}
#xo-page th {background-color: #f3ac03; color: #fff; vertical-align: middle;}
#xo-topcenterblocks, #xo-bottomcenterblocks {}
#xo-topcenterblocks .xo-blocktitle h3, #xo-bottomcenterblocks .xo-blocktitle h3{ margin: 5px; padding-left: 10px; background-color: inherit; color: #f3ac03; font-weight: bold; border-bottom: 1px solid #ddd;}
#xo-topcenterblocks .xo-blockcontent, #xo-bottomcenterblocks .xo-blockcontent{padding: 5px 8px 8px 8px; margin-bottom: 2px; line-height: 1.2em; text-align:justify;}
#xo-topleftblocks, #xo-bottomleftblocks {width: 49.5%; float: left;}
#xo-topleftblocks .xo-blocktitle h3, #xo-bottomleftblocks .xo-blocktitle h3 { margin: 5px; padding-left: 10px; background-color: inherit; color: #f3ac03; font-weight: bold; border-bottom: 1px solid #ddd;}
#xo-topleftblocks .xo-blockcontent, #xo-bottomleftblocks .xo-blockcontent{ margin-bottom: 2px; padding: 5px 8px 8px 8px; text-align:justify; line-height: 1.2em;}
#xo-toprightblocks, #xo-bottomrightblocks {width: 49.5%; float: right;}
#xo-toprightblocks .xo-blocktitle h3, #xo-bottomrightblocks .xo-blocktitle h3 { margin: 5px; padding-left: 10px; background-color: inherit; color: #f3ac03; font-weight: bold; border-bottom: 1px solid #ddd;}
#xo-toprightblocks .xo-blockcontent, #xo-bottomrightblocks .xo-blockcontent{ margin-bottom: 2px; padding: 5px 8px 8px 8px; text-align:justify; line-height: 1.2em;}
#xo-page .xo-block { margin: 5px; border: 1px solid #ddd;}
.xo-content {padding: 5px; overflow: hidden}
/* End Center Column */
/* Start Right Column */
#xo-canvas-rightcolumn {float:right; width: 175px; top: 121px; right: 10px; margin-right: 5px;}
#xo-canvas-rightcolumn th {background-color: #f3ac03; color: #fff; vertical-align: middle;}
#xo-canvas-rightcolumn .xo-blocktitle h3 {margin: 0 0 5px 0;font-size: 1.12em;border: 1px solid black; padding: 3px; background-color: #f2e2a0; color: #222222; font-weight: bold; text-align:center;}
#xo-canvas-rightcolumn .xo-blockcontent {line-height: 1.2em;line-height: 120%;}
/* End Right Column */
/* Start Footer */
#xo-footer {width: 100%;margin-left: auto; margin-right: auto;text-align:center; background-image: url(../img/hbar.gif); clear:both;position: relative; bottom: 0;}
/* End Footer */
/* mode debug */
#xo-logger-output{ font-size: .8em;}
/* End mode debug */
/* lists */
#xo-canvas-content ul { margin: 5px; padding: 2px; list-style: decimal inside; text-align: left;}
#xo-canvas-content li { margin-left: 5px; color: #000; background-color: inherit; line-height: 1.4em; list-style: circle;}
/* forms */
input {font-size: 1em;}
select {font-size: .9em;}
/* Start Main Menu */
#mainmenu { font-size: .8em;}
#mainmenu a {display: block; margin: 0; padding: 4px; color: #666;}
#mainmenu a:hover { color: #f3ac03;}
#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid #ccc; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc;}
#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc;}
#mainmenu a.menuSub {padding-left: 17px; background-image: url(../icons/arr.gif);background-repeat: no-repeat; background-position: left; background-color: #fff; color: #666; font-size:.9em; font-style:italic; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc;}
#mainmenu a.menuSub:hover {color: #f3ac03;}
/* End Main Menu */
/* Start User Menu */
#usermenu { font-size: .8em;}
#usermenu a {color:#666; display: block; margin: 0; padding: 4px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc;}
#usermenu a:hover {color: #f3ac03;}
#usermenu a.menuTop {border-top: 1px solid #ccc;}
#usermenu a.highlight {background-color: #fcc; color: #ff0000;}
/* End User Menu */
/* tables and cells */
table { width: 100%;}
table td {padding: 0; border-width: 0; vertical-align: top;}
th {background-color: #f3ac03; color: #fff; padding : 2px; vertical-align : middle;}
.outer {border: 1px solid #ccc;}
.head {background-color: #f5e9cd; color:inherit; padding: 5px; font-weight: bold;}
.even {background-color: #e8e6e2; color:inherit; padding: 5px;}
.odd {background-color: #E9E9E9; color:inherit; padding: 5px;}
.foot {background-color: #f5e9cd; color:inherit; padding: 5px; font-weight: bold;}
tr.even td {background-color: #e8e6e2; color:inherit; padding: 5px;}
tr.odd td {background-color: #E9E9E9; color:inherit; padding: 5px;}
th { background-color:#f3ac03 !important;}
/* core messages */
.errorMsg { background-color: #FFCCCC; color:inherit; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;font-weight: bold; padding: 10px;}
.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;font-weight: bold; padding: 10px;}
.resultMsg { background-color : #bbb; color: #333; text-align: center; border-top: 1px solid #ccc; border-left: 1px solid #ccc; font-weight: bold; border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 10px;}
/* codes and quotes */
.xoopsCode { background-color: #fff; color:inherit; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; max-height: 200px; overflow: auto;}
.xoopsQuote { background-color: #fff; color:inherit; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; font-style:italic; padding: 0 6px 6px 6px;}
/* articles */
.item {border: 1px solid #ccc;}
.itemHead {padding: 3px; background-color: #639ACE; color: #fff;font-size: 1.1em;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef; color:inherit;}
.itemTitle a {font-size: 1.1em; font-weight: bold; font-variant: small-caps; color: #fff; background-color: transparent;}
.itemPoster {font-size: .9em; font-style:italic;}
.itemPostDate {font-size: .9em; font-style:italic;}
.itemStats {font-size: .9em; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 1.3em; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef; color:inherit;}
.itemAdminLink {font-size: .9em;}
.itemPermaLink {font-size: .9em;}
/* forums */
.comTitle { font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: .7em; color: #639ACE; font-weight:bold; border: 1px solid #ccc; background-color: #fff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; background-color: inherit; color: #639ACE; font-weight:bold; font-size: .8em;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: .8em; font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: .8em}
.comDateCaption {font-weight: bold; font-style: normal; font-size: .8em}
.signature { font-size:.8em; font-style:italic;}
hr .clear {
border:0px solid #FEFEFE;
background-color:#FEFEFE;
height:1px;
}
.privacy_policy {
border: 0px;
width: auto;
} |