[Opda-develop] OPDA/themes/default/stylesheets default-old.css, NONE, 1.1

SourceForge Headquarters 1320 Columbia Street Suite 310 San Diego, CA 92101 +1 (858) 422-6466

Update of /cvsroot/opda/OPDA/themes/default/stylesheets
In directory sc8-pr-cvs3.sourceforge.net:/tmp/cvs-serv14922/themes/default/stylesheets

Added Files:
	default-old.css 
Log Message:
made major changes to css to improve ui.  font size will need to be tuned up across the app.  Old default.css moved to default-old.css.

Also updated default.rhtml to use new css

--- NEW FILE: default-old.css ---
/****************************
PAGE CONTROL
  html - overall setting
  body - overall setting
  page - set width for app

 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: #F8F8F8;
}

#content {
 
}
p {
   margin:0;
   padding:0;
}
#threecolumnright, #threecolumnmiddle, #threecolumnleft {
         width: 32%;

}

#threecolumnright {
           padding: 0;
           float:right;
           background-color:#F8F8F8;
           
}

#threecolumnmiddle {
           padding: 0;
           float:right;
           background-color:#F8F8F8;
           margin-right: 2%;
}

#threecolumnleft {
           padding: 0;
           float:left;          
           background-color:#F8F8F8;
}

#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:  #2C9B9B;
           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
***************************************************/

#footer {
	clear: left;
	font-size: 9px;
	color: #666;
	margin: 4px 0 20px 30px;
	text-align: center;
	padding-bottom: 15px;
}

#footer a:link, #Footer a:visited {
	color: #666;
	padding: 0;
}

#footer a:hover {
	color: #fff;
	background: #666;
}

#footer span.Right {
float:right;
text-align:right;
color: #666;
margin: 0 50px 0 0;

}
#footer span.Left {
float:left;
text-align:left;
color: #666;

}


/***************************************************
HEADER
***************************************************/
#header {
        width: 95em;
        margin: 0;
        padding: 0;
        position: relative;
        background-color: #000000;
        position: relative;
		height:7em;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:7em;
		}
	html>body #banner {
		height:7em;
		}
}

#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;
 
  }

#header h1 a:hover {
    color: #fc0;
    text-decoration: underline;
   background-color:#ffc;
  }


#header p {
	padding: 0 30px 10px 32px;
	margin: 7px 0 0 0;
	font-size: 9px;
	font-weight: normal;
	font-family: verdana;
	text-align: left;
    color: #fff;
    height:8em;
}

#header  div.floatright a {
    color: #fff;
  }

#header  div.floatright a:hover {
    color: #000;
    background-color: #ffc;
  }

#header  div.floatright a.current {
    color: #fc0;
	font-weight: bold;
	text-decoration: none;
  }

#header  div.floatright a.current:hover {
    color: #fc0;
    background-color: #036;
  }


#header div.floatright {
  text-align: right;
  position: relative;
  float: right;
  margin: 0 1em 0 0;
  padding:0;

}

#logo {
  padding: 0;
  position: relative;
  float: left;
  margin: 0 0 0 1em;

}
/*-------------------------------------------------
PAGE NAVBAR MENU
-------------------------------------------------*/
#pagemenu {
      min-width:500px;
	margin: 0px 0 0 30px;
	height: 30px;
	padding: 4em 0 0 0;
}

#pagemenu ul {
      margin: 0;
      padding:0;
}    

#pagemenu li {
        display: inline;
	margin: 0; padding: 0;
	list-style: none;
	border: none;
       background-color:#5D6487
}

#pagemenu a {
        display: block;
        float: left;
        border: 1px solid #666666;
        color: #000000;
        background-color: #FFFFCC;
        text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 8px 6px 8px;
	margin: 0;
}

#pagemenu a:hover {
        background-color: #FFFF66;
}

#pagemenu a.current {
        background-color:  #E6E6E6;
        color: #006600;
        cursor: default;
        border-bottom: 1px solid  #E6E6E6;
}

#pagemenu li.right a {
        float: right;
		margin-right: 0px;
}
#pagemenu li.farright a {
                float: right;
		margin-right: 30px;
}

/***************************************************
FIELDSET
***************************************************/

fieldset {
	padding: 12px;
	margin-bottom: 25px;
	margin-left: 15px;
	margin-right:20px;
	border: 1px solid #dcdcdc;
	border-top: 1px solid #393;

	
}

}

fieldset p {
	font-size: 1em;
	margin: 0 0 5px 0;
	padding: 0;
	color: #333;
}
fieldset select {
	font-size: 1.3em;
	margin: 10px 0 5px 15px;
	padding: 10px;
	color: #333;
}

fieldset.AccountSubmit p {
	color: #000;
}

fieldset legend {
	font-size: 1.3em;
	font-weight: bold;
	color: #393;
	padding: 0 5px;
}

fieldset legend span {
	color: #666;
	font-weight: normal;
	font-size: 80%;
}

fieldset p {
font-size: 1em;
margin: 10px 10px 10px 10px;
  line-height: 1.5em;
  text-align: justify
}

fieldset input {
	padding: 3px;
	margin-bottom: 4px;
}

fieldset input.big {
	font-size: 1.2em;
	font-weight: bold;
}

fieldset small {
	font-size: .8em;
	line-height: 13px;
	color: #999;
}

fieldset hr {
	margin: 20px 0;
}
fieldset h1 {
font-size: 1.2em;
font-weight: bold;
margin: 10px 10px 5px 10px;
border-bottom: 1px dotted #ccc;
}

fieldset h3 {
	font-size: 1em;
	margin-bottom: 1px;
}

fieldset table th {
	text-align: right;
	font-size: 1em;
	font-weight: normal;
}

fieldset table td {
	text-align: left;
	font-size: 1em;
	font-weight: normal;
}


/*-------------------------------------------------
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;
}

ul.subcat {

}

ul.topcatlevel {

}
/*-------------------------------------------------
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;
}


/*-------------------------------------------------
MISC STUFF
-------------------------------------------------*/
ul.nobulletlist{
text-indent: -1em;
list-style: none;
padding: 0px;

}
#categorylist ul.subcatlist {
text-indent: -1em;
list-style: none;
padding: 0px;
	margin: 0 0 .6em 0.8em;
}

.bullet {
padding: 0 .4em 0 0;
}
.clearspan {
       clear:both;
}

 	
/* LOGIN FORMATING	*/
#login {
        text-align: left;
        position: relative;
        width: 400px;
        margin: 10% auto 0 auto;
        padding: 10px;
        color: #333333;
        background-color: white;
        border: 10px solid #666666;
      }

#login.login_error {
        border-color: #CC0000;
      }