Index: openacs-4/packages/theme-selva/www/resources/Selva/green/Selva.css =================================================================== RCS file: /usr/local/cvsroot/openacs-4/packages/theme-selva/www/resources/Selva/green/Selva.css,v diff -u -r1.2 -r1.3 --- openacs-4/packages/theme-selva/www/resources/Selva/green/Selva.css 13 Sep 2005 23:00:21 -0000 1.2 +++ openacs-4/packages/theme-selva/www/resources/Selva/green/Selva.css 18 Sep 2005 12:11:17 -0000 1.3 @@ -1,286 +1,286 @@ -/* 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 20px 10px 20px;} - -.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;} - -.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;} - - \ No newline at end of file +/* 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 20px 10px 20px;} + +.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;} + +.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;} + +