[Opda-develop] OPDA/themes/default/stylesheets default.css, 1.3, 1.4
Brought to you by:
digitalpodcast
|
From: Alex N. <dig...@us...> - 2006-07-16 04:14:00
|
Update of /cvsroot/opda/OPDA/themes/default/stylesheets In directory sc8-pr-cvs3.sourceforge.net:/tmp/cvs-serv18171/themes/default/stylesheets Modified Files: default.css Log Message: Added default image for podcast to views Fixed layout to default for channels/index mod to css to try new color scheme Index: default.css =================================================================== RCS file: /cvsroot/opda/OPDA/themes/default/stylesheets/default.css,v retrieving revision 1.3 retrieving revision 1.4 diff -C2 -d -r1.3 -r1.4 *** default.css 6 Jul 2006 22:10:57 -0000 1.3 --- default.css 16 Jul 2006 04:13:56 -0000 1.4 *************** *** 6,92 **** content - set width for content ! 3columnright - right column for 3 column page ! 3columnmiddle - middle column for 3 column page ! 3columnleft - left column for 3 column page ! ! *****************************/ html { - font-size: 100%; color: #000000; ! background-color: #E6E6E6; } body { color: #000000; ! background-color: #E6E6E6; margin: 0; padding: 0; - position: relative; text-align: center; ! font-size: 0.85em; ! font-family: Verdana, Arial, Helvetica, sans-serif; ! } ! div#page { ! margin:0px; ! padding:0px; ! text-align:center; ! max-width:950px; ! min-width:950px; ! width:950px; } #content { ! margin: 0; ! padding: 0px 0; ! width: 100%; ! text-align: left; ! /*position: relative;*/ ! float: left; } - #3columnright, #3columnmiddle, #3columnleft { - padding:0px; - float:left; - width:32%; - margin:5px; - text-align:left; - background-color:#fff; } - #3columnright { } ! #3columnmiddle { } ! #3columnleft { } ! #wideleftcontent { ! background-color: #666; } ! #farrightsidebar, #rightsidebar { ! padding:0px; ! float:left; ! width:180px; ! margin:5px; ! text-align:left; ! background-color:#666; } ! #rightsidebar { } /*************************************************** FOOTER --- 6,183 ---- content - set width for content ! threecolumnright - right column for 3 column page ! threecolumnmiddle - middle column for 3 column page ! threecolumnleft - left column for 3 column page ! wideleftcontent - left column for listings/details pages ! *****************************/ html { color: #000000; ! background-color: #3F4B50; } body { color: #000000; ! background-color: #3F4B50; margin: 0; padding: 0; text-align: center; ! font-size: 62.5%; /* Resets 1em to 10px */ ! font-family: Verdana, Arial, sans-serif; ! } ! #page { ! width: 95em; ! margin: 0 auto; ! padding: 0; ! position: relative; ! background-color: #FFFFFF; } #content { ! ! } ! p { ! margin:0; ! padding:0; } + #threecolumnright, #threecolumnmiddle, #threecolumnleft { + width: 32%; } + #threecolumnright { + padding: 0; + float:right; + background-color:#FFF; + } ! #threecolumnmiddle { ! padding: 0; ! float:right; ! background-color:#FFF; ! margin-right: 2%; ! } + #threecolumnleft { + padding: 0; + float:left; + background-color:#FFF; } ! #wideleftcontent { ! text-align: left; ! float:left; ! width: 740px; ! margin: 10px 0 0 10px; ! padding: 0; ! } ! ! + /*************************************************** + CHANNEL + ***************************************************/ + + span#title { + font-size: 1.7em; + color: #006600; } ! span#copyright { ! float:right; ! font-size: 0.9em; ! color: #666; } ! #channelheader { ! text-align: left; ! float:left; ! width: 72em; ! margin: 0 0 0 0px; ! padding: 0; ! border: 1px solid; ! } ! ! .boxtitlerow{ ! text-align: left; + float:left; + width: 100%; + background: #99D9F5; + margin: 0 0 0 0; + padding: 0.5em 0 0.5em 0; } ! #channelheaderleft{ ! text-align: left; ! float:left; ! width: 20em; ! margin: 1em 0 0 1em; ! padding: 0; ! } ! ! ! #channelheaderright{ ! text-align: left; ! float:left; ! width: 48em; ! margin: 1em 0 0 1em; ! padding: 0; ! ! } ! ! #channelheaderbottom { ! text-align: left; ! float:left; ! width: 70em; ! margin: 1em 0 1em 1em; ! padding: 0; } + #tags { + margin: 1em 0 1em 0; + font-size : 1.2em; + } + #channelitems{ + text-align: left; + float:left; + width: 72em; + margin: 1em 0 0 0; + padding: 0; + border: 1px solid; + } + .itemrow { + text-align: left; + float:left; + width: 70em; + margin: 1em 0 0 1em; + padding: 0; + border-bottom: 1px dashed; + } + .itemtitle { + font-size: 1.5em; + font-weight: bold; + } + + .itemtext { + font-size: 1.3em; + line-height: 1.4em; + } + .boxtitle { + font-size: 1.8em; + margin: 0 0 .2em 1em; + color: #34384B; + } + .channeltext { + font-size: 1.6em; + line-height:1.15em; + } /*************************************************** FOOTER *************** *** 98,102 **** color: #666; margin: 4px 0 20px 30px; ! text-align: left; padding-bottom: 15px; } --- 189,193 ---- color: #666; margin: 4px 0 20px 30px; ! text-align: center; padding-bottom: 15px; } *************** *** 133,137 **** #header { /*width: 100%;*/ ! background:#5D6487; padding: 4px 0 0.5px 0; margin: 0; --- 224,228 ---- #header { /*width: 100%;*/ ! background:#910002; padding: 4px 0 0.5px 0; margin: 0; *************** *** 141,156 **** #header h1{ ! color: #ffffff; font-weight: bold; font-size: 25px; text-align: left; padding: 0; ! margin: 15px 0 0 30px; } ! #header h1 a:link, #Header h1 a:visited { ! color: #fff; text-decoration: none; padding: 0; --- 232,248 ---- #header h1{ ! color: #FFFFFF; font-weight: bold; font-size: 25px; text-align: left; padding: 0; ! margin: 0 0 0 30px; } ! ! #header h1 a:link, h1 a:visited { ! color: #FFFFFF; text-decoration: none; padding: 0; *************** *** 158,162 **** } ! #header h1 a:hover { color: #fc0; text-decoration: underline; --- 250,254 ---- } ! #header h1 a:hover { color: #fc0; text-decoration: underline; *************** *** 175,188 **** } ! #header p a { color: #fff; } ! #header p a:hover { color: #000; background-color: #ffc; } ! #header p a.current { color: #fc0; font-weight: bold; --- 267,280 ---- } ! #header p a { color: #fff; } ! #header p a:hover { color: #000; background-color: #ffc; } ! #header p a.current { color: #fc0; font-weight: bold; *************** *** 190,194 **** } ! #header p a.current:hover { color: #fc0; background-color: #036; --- 282,286 ---- } ! #header p a.current:hover { color: #fc0; background-color: #036; *************** *** 196,200 **** ! #header p span.FloatRight { text-align: right; width: 300px; --- 288,292 ---- ! #header p span.floatright { text-align: right; width: 300px; *************** *** 208,212 **** min-width:500px; margin: 10px 0 0 30px; ! height: 25px; padding: 0; } --- 300,304 ---- min-width:500px; margin: 10px 0 0 30px; ! height: 30px; padding: 0; } *************** *** 242,246 **** } ! #pagemenu a.Current { background-color: #E6E6E6; color: #006600; --- 334,338 ---- } ! #pagemenu a.current { background-color: #E6E6E6; color: #006600; *************** *** 249,257 **** } ! #pagemenu li.Right a { float: right; margin-right: 0px; } ! #pagemenu li.FarRight a { float: right; margin-right: 30px; --- 341,349 ---- } ! #pagemenu li.right a { float: right; margin-right: 0px; } ! #pagemenu li.farright a { float: right; margin-right: 30px; *************** *** 273,281 **** } - fieldset.AccountSubmit { - padding: 10px; - margin-bottom: 0px; - background-color: #e8fcea; - border: 5px solid #393; } --- 365,368 ---- *************** *** 364,390 **** /*------------------------------------------------- ! SECTION HEADER -------------------------------------------------*/ /*------------------------------------------------- ! RIGHT SIDE BOX STUFF -------------------------------------------------*/ ! #RightSideBox { ! margin: 0px 0 0 0; ! padding: 0 0 0 0px; ! text-align: left; ! /*position: absolute;*/ ! float: right; ! width: 27%; ! } ! ! .RightSideCol { ! ! padding: 1px 10px 0 9px; ! color: #366; } --- 451,580 ---- /*------------------------------------------------- ! Sidebar -------------------------------------------------*/ + #sidebar { + padding:0px; + float:right; + width:18em; + margin: 1em 0.5em 0 0px; + text-align:left; + background-color:#FFFFFF; + border-left: 1px dashed; + + } + + + #sidebar h4 { + margin: 0.5em 0 1em 1em; + padding: 0; + font-size: 1.1em; + font-weight: bold; + color: #333; + border-bottom: 1px solid #ccc; + } + + #sidetags li { + color: #222; + } + #sidetags a { + color: #104E8B; + + } + + #sidetags li { + margin: 0 0 0.4em 1em; + padding: 0; + font-size: 1em; + color: #999; + } + + #sidebar ul { + padding: 0; + margin: 0 0 3em 0.8em; + } + /*------------------------------------------------- ! TAGCLOUND ! -------------------------------------------------*/ ! .tagmatrix { ! width: 25em; ! margin: 10px 0 10px 20px; ! color: #666; ! } ! ! div.tagmatrix span a { ! color: #000; ! margin: 0 0.2em 0 ; ! } ! div.tagmatrix span.level1 { font-size: 12px; line-height: 17px; } ! div.tagmatrix span.level2 { font-size: 14px; line-height: 19px; } ! div.tagmatrix span.level3 { font-size: 16px; line-height: 21px; } ! div.tagmatrix span.level4 { font-size: 18px; line-height: 23px; } ! div.tagmatrix span.level5 { font-size: 20px; line-height: 25px; } ! div.tagmatrix span.level6 { font-size: 22px; line-height: 27px; } ! div.tagmatrix span.level7 { font-size: 24px; line-height: 29px; } ! div.tagmatrix span.level8 { font-size: 26px; line-height: 31px; } ! div.tagmatrix span.level9 { font-size: 28px; line-height: 33px; } ! ! div.tagmatrix span.level1 a { background: #FFFBEE; color: #777; } ! div.tagmatrix span.level2 a { background: #FFF6DD; color: #555; } ! div.tagmatrix span.level3 a { background: #FFF2CD; color: #333; } ! div.tagmatrix span.level4 a { background: #FFEEBB; color: #000; } ! div.tagmatrix span.level5 a { background: #FFEAAB; color: #000; } ! div.tagmatrix span.level6 a { background: #FFE699; color: #000; } ! div.tagmatrix span.level7 a { background: #FFE188; color: #000; } ! div.tagmatrix span.level8 a { background: #FFDD77; color: #000; } ! div.tagmatrix span.level9 a { background: #FFDD77; color: #000; font-weight: bold; padding: 0 4px; } ! ! div.tagmatrix span a:hover, ! div.tagmatrix span.level1 a:hover, ! div.tagmatrix span.level2 a:hover, ! div.tagmatrix span.level3 a:hover { ! color: #000; ! background-color: #fc3; ! } ! ! ! /*------------------------------------------------- ! FEATURE BOX -------------------------------------------------*/ + .feature1 { + float:left; + padding:0; + margin:0; + } ! .feature0 { ! float:right; ! padding:0; ! margin:0; ! } ! ! /*------------------------------------------------- ! NEW/RATED BOX ! -------------------------------------------------*/ ! .tinycast { ! text-align: left; ! margin: 1em 0 0 0; ! } ! ! .smalltitle { ! font-size: 1.1em; ! font-weight: bold; ! } ! ! .smalldescription { ! font-size: 1em; ! } ! ! ! .image50 { ! float:left; ! margin: 0 0.5em 0 0; ! padding:0; } *************** *** 403,411 **** } ! /* LOGIN FORMATING */ ! #Login { text-align: left; position: relative; --- 593,603 ---- } ! .clearspan { ! clear:both; ! } /* LOGIN FORMATING */ ! #login { text-align: left; position: relative; *************** *** 418,422 **** } ! #Login.login_error { border-color: #CC0000; } \ No newline at end of file --- 610,614 ---- } ! #login.login_error { border-color: #CC0000; } \ No newline at end of file |