Index: openacs-4/packages/theme-selva/www/resources/Selva/Selva-core.css =================================================================== RCS file: /usr/local/cvsroot/openacs-4/packages/theme-selva/www/resources/Selva/Selva-core.css,v diff -u --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ openacs-4/packages/theme-selva/www/resources/Selva/Selva-core.css 25 Sep 2005 08:15:47 -0000 1.1 @@ -0,0 +1,289 @@ +/* Stylesheet for the Selva default look and feel */ +/* Credits + Software development: the .LRN development community (www.dotlrn.org) + Release Management: + Visual Design: Dorian Peters +end Credits */ + + +/* STANDARD TAGS */ +/* standard html (body, h1, p, form...) */ + +body { + background: #F2F1CB; + font: 75%/120% "Trebuchet MS", "Lucida Grande", Arial, sans-serif !important; + font: 70%/120% "Lucida Grande", Verdana, Arial, sans-serif; + color: #333333; + margin: 0; + padding: 0;} + + h1 { + margin-top: -3px; + font-size: 120%; + font-weight:bold; + color: #6E7A6A; } + + h2 { + margin-top: -3px; + font-size: 110%; + font-weight:bold; + color: #545D51; } + + h3 { + margin-top: -3px; + font-size: 120%; + font-weight:bold; + color: #444444; } + + a:link { + color: #185971; + text-decoration:none; + } + + a:visited { + color: #185971; + text-decoration:none; + } + + a:hover { + color: #185971; + text-decoration:underline; + } + +#wrapper { + margin: 20px 20px 20px 50px; } + +/* HEADER */ +/* contains: logo and tagline (which is a background image) */ + +#header { + background: #F2F1CB url(images/image.png) no-repeat top left; } + +/* BREADCRUMBS and STATUS */ +/* contains: breadcrumns, user name, members online, login */ + +#breadcrumbs { + background: #F2F1CB; + text-align: left; + font-size: 100%; + font-weight:bold; } + + #status { + text-align: right; + } + + #status .users-online { + float:right; + padding-right: 2em; + } + + #status .user-greeting { + display:inline; + padding-right: 2em; + + } + + #status .permanent-navigation { + padding-right: 2em; + float:right; + } + +#youarehere { + color: #555555; + font-size: 150%; + padding:15px 0px 8px 0px; + font-weight:bold; + } + +/* PORTAL */ +/* contains: all portlets, main navigation, sub navigation etc. */ + +#portal-navigation { + margin-top:-10px !important; + margin-top:5px; + background: #F2F1CB; + font-size: 110%; + margin-bottom: -8px !important; + margin-bottom: -14px; + clear:both;} + +#portal-navigation ul { + margin-left: -20px !important; + margin-left: 15px; } + + #portal-navigation li { + color: #FFFFFF; + display: inline; + list-style: none; + background: #999999 url(images/tab_right.gif) no-repeat top right; + padding: 10px 10px 6px 0px !important; + padding: 0px 0px 0px 0px; + margin:0px !important; + margin: 0px 2px 0px 2px;} + + #portal-navigation li a { + color: #FFFFFF; + text-decoration: none; + background: url(images/tab_left.gif) no-repeat top left; + padding: 10px 10px 5px 15px;} + + #portal-navigation li a img{ + border: 0; + padding-right: 5px; + margin-bottom: -5px; } + + #portal-navigation li.active { + background: #999999 url(images/tabActive_right.gif) no-repeat top right; + } + + #portal-navigation li.active a { + background: url(images/tabActive_left.gif) no-repeat top left;} + + +#portal-subnavigation { + width: 99%; + background: #98c472 url(images/subnav_bg.gif) repeat-x bottom; + color: #F2F1CB; + padding: 0px 0px 4px 0px; + font-weight:bold; } + + #portal-subnavigation-links { + background: #98c472 url(images/subnav_corner.gif) no-repeat top right; + padding: 2px 0px 0px 0px;} + + #portal-subnavigation-links ul { + display: inline; + margin-left: -25px !important; + margin-left: 10px; } + + #portal-subnavigation-links li { + display: inline; + border-right: 1px solid white; + list-style: none; + padding: 0px 10px 0px 10px ; } + + #portal-subnavigation-links li img { + border: 0; + padding-right: 5px; + vertical-align: top; + margin: -1px; /* having this here prevents white space btw the portlet title and portlet body*/ } + + #portal-subnavigation-links a:visited { + display: inline; + color:white; + text-decoration: none; + list-style: none; + padding: 0px 10px 0px 10px ; } + + #portal-subnavigation-links a:link { + display: inline; + color:white; + text-decoration: none; + list-style: none; + padding: 0px 10px 0px 10px ; } + + #portal-subnavigation-links a:active { + display: inline; + color:white; + text-decoration: none; + list-style: none; + padding: 0px 10px 0px 10px; } + +#portal { + border-bottom:0.1px solid #F5F4E4; + background: #F5F4E4 url(images/portal_rightShadow.gif) repeat-y top right; + padding-top: 10px; + padding-left: 15px; + padding-right: 15px; + margin-right: 2px !important; + margin-right: 1px; } + + #left-column { + float: left; + width: 30%; + height: 60%; + margin-left: 10px; + vertical-align:top; } + + #right-column { + width: 60%; + height: 60%; + margin-left: 35%; + vertical-align:top; } + +#portal-bottom { + clear: left; + width: 99%; + background: #F2F1CB; + margin-top: 0px; + border-bottom: 1px solid #999999;} + + + +/* PORTLETS */ +/* contains: all general portlet styles like title, frame, font etc. */ +/* Note: additional styles for specific packages (ie. calendar, survey) +are located in the css for that package (eg. Selva_calendar.css) */ + +.portlet-wrapper { + margin: 10px 15px 10px 15px;} + +.portlet-title { + position:relative; + left:0px; + top:0px; + background: #98c472 url(images/portlet_titleCorner.gif) no-repeat top right; + text-align:left; + padding: 4px 15px 3px 6px; + margin-right:30% !important; + margin-right:8%; + margin-left:12px; + margin-bottom:-1px !important; + margin-bottom:0px; + font-weight:bold;} + +.portlet-title span { + color: #FFFFFF; + font-size: 120%; + padding-left:20px; + padding-right: 30px; + display:inline;} + +.leftColumn .portlet-title { + margin-right: 10% !important; +} +.portlet-title img { + padding: 0 5px 0 5px; + text-align:right;} + +.portlet { + background: #FFFFFF; + border: 1px solid #D6D585; + padding: 20px 20px 20px 20px; + font-size:100%; + line-height:150%; } + +.portlet ul { + list-style:none; + list-style-position:outside; + padding-top:0px; + display: inline; } + +.portlet ul li{ + margin-left: 10px; + padding-left: 15px; + background:url(images/bullet.gif) no-repeat 0 7px; + padding-top:0px; } + + + +/* FOOTER */ +/* contains: links to standards compliance, dotlrnn.org, any license info */ + +#footer { + margin-top: 15px; + width: 100%; + text-align: center; + background: #F2F1CB;} + +