User: markomlm Date: 2008-04-21 15:42:34+0000 Modified: de/www/styles/why.css
Log: style File Changes: Directory: /de/www/styles/ ========================== File [changed]: why.css Url: http://de.openoffice.org/source/browse/de/www/styles/why.css?r1=1.1&r2=1.2 Delta lines: +681 -263 ----------------------- --- why.css 2006-07-05 19:23:59+0000 1.1 +++ why.css 2008-04-21 15:42:32+0000 1.2 @@ -1,310 +1,728 @@ -/* Estilo de la pagina principal */ +/* CSS Document - Author: Shaibal Mandal */ + +/* Design: Reflections, from OpenWebsiteDesign */ + +/* Main Styles that apply to body */ + +body { + + font-size: 11px; + + font-family: DejaVu Sans, Verdana, Arial, Sans-Serif; + + margin: 0px; + + padding-left: 50%; + + background: #f4f4f4 url(images/bg.gif) center repeat-y; + + position: absolute; + + width:350px; -.head_menu { - font-size: 0.9em !important; - text-align:center; - font-family:Arial, Helvetica, sans-serif; - font-weight: bold; - padding-top: 5px; - padding-bottom: 2px; - background-color: #DEE4EE; - background-image: url("../images/lesslightbluefadeout.gif"); - background-repeat: repeat-y; - background-position: top right; - color: #06348C; - border-bottom: 0px none; -} -#head { -text-align: center; } -a { - text-decoration: none; - color: #09388F; + + + +/* This is the page container built and centered using -ve margins */ + +#container { + + width: 700px; + + margin-left: -350px; + } -/* Menus horizontales */ -.hmenu1{ -float:left;margin-right:3px;width:250px; font-size: 11px; + +/* The topmost faded bar */ + +#topbar { + + width:auto; + + background: #EEE; + + height: 20px; + + padding: 10px 5px 5px 2px; + + font: 9px verdana; + + font-weight: bold; + + color: #CCCCCC; + + text-align: right; + } -.hmenu2{ -float:left;margin-right:3px;width:268px; font-size: 11px; + + + +/* This holds the two heading blocks, the title and the login form */ + +#headerwrapper { + + width: auto; + + border-spacing: 0px; + } -.hmenu3{ -float:left;margin-right:3px;width:230px; font-size: 11px; + + + +/* class that styles the holder div of the forms */ + +.userform { + + width: auto; + + color: #0634bc; + + padding: 5px 0px 5px 3px; + + background: #fbfbfb; + + border:1px solid #efefef; + + border-top: none; + + text-align: justify; + + margin-bottom: 1px; + } -/* Menus Anchos */ -.lmenu { - /*float: right; margin-top: 0px; padding-top: 0px; top: 0px; */ - position:relative;width:100%;height:125px; + + +/* This will style the login and search */ + +.userform input { + + border: 1px solid #DDD; + + font-family: verdana; + + font-size: 10px; + + color: #BBB; + + font-weight: bold; + } -.lmenu ul { -list-style: none; + +/* + + #EEE = light grey + + #DDD = dark grey + + #0634bc = dark purple + + #efefef = light grey + + #DBB7DB = light violet + + #663366 = deep purple + + #F7F4F7 = faint pinky grey + + #f1f1f1 = light grey + + #F7F4F7 = deep deep purple + + #591333 = deep purple + +*/ + + + +/* + + #06348c = OOo dark blue + + #b7cad7 = OOo shady light blue + + #c4dae9 = OOo light blue + + #698ed1 = OOo lighter blue + + #ecf1f5 = OOo pale blue + +*/ + + + +h1 { + + font: 48px verdana; + + color: #EEE; + + margin: 5px; + } -.lmenu li {font-size: 12px;} -.vmenu a:hover { - color: #FF0000; +h6 { + + font: 10px verdana; + + font-weight: bold; + + color: #DDD; + + margin: 0px; + + padding: 0px; + + margin-left: 8px; + } -/*.lmenu ul { - margin-top: 0px; - padding-top: 0px; -}*/ -#box { -float:left !important; clear: none; - height: 165px; - width: 147px; - left: 0px; - top: 125px; - bottom:300px; - background-color: #FFFFFF; - padding-top: 0px; + + + +/* This holds the tabs */ + +#tabholder + +{ + + width: auto; + } -#box li { -font-size: 10px;} -#box ul{list-style: none; -margin-left: 0px; -padding-left:0px;} -#box2 { -float:left !important; clear:none; - height: 21px; - width: 147px; - left: 0px; - top: 290px; - background-color: #FFFFFF; + + + +/* Container for the article box, and the pic box */ + +.articleboxouter { Issue 74175 + + width: auto; + + padding: 0px 6px 0px 5px; + + clear: both; + } -#box2 ul{list-style: none; -margin-left: 0px; -padding-left:0px;} -/*************************************** +/* Content holder for the articles */ +.articleboxinner { -Estilo para el menu de pestaas + width: auto; + font-size: 12px; + line-height: 20px; + + color: #06348c; + + padding: 15px 6px 0px 6px; + + background: #fbfbfb; + + border:1px solid #efefef; + + text-align: left; + + height: 220px; -*****************************************/ -ul. { - list-style: none; - margin: 0; - padding: 0; - border: none; - font-size: 80%; } -ul. li { - position: relative; - float: left; - width: 6em; - margin: 0; - padding: 0 4px 0 0; + + + +/* The title style for the main article */ + +.articleheader + +{ + + font-size: 18px; + + font-weight: bold; + } -ul. a { + + + +/* This will style the read more thing at the bottom */ + +.readmore { + + text-align: right; + display: block; - width: 5em; - padding: .5em; - border: 1px solid #00F; - border-bottom: none; - border-top-width: 2px; - text-decoration: none; + + width: auto; + } -ul. a, ul. a:link, ul. a:visited { - background: #EEF; - color: #00F; -} -ul. a.active, ul. a:link.active, ul. a:visited.active { - background: #FFF; - color: #00F; - font-weight: bold; + + + +/* This controls the main pic in the main article box */ + +.mainpiccontrol + +{ + + border: 0px #c4dae9 solid; + + float: left; + + margin-right: 10px; + } -ul. a.active { - position: relative; - top: 1px; + + + +/* Container for the pic thumbnails */ + +.picboxouter { + + width: auto; + + padding: 0px 6px 0px 5px; + + clear: both; + } -/* panels */ -div. { - padding: .5em; + + +/* Content holder for the pic box */ + +.picbox { + + width: auto; + + line-height: 20px; + + color: #06348c; + + padding: 2px 9px 2px 8px; + + border: 1px solid #efefef; + + text-align: center; + + float: left; + } -div. div. { - padding: 0; + + + +.picbox a:hover { + + border: none; + } -div. div. div { - clear: left; - padding: .5em; - border: 1px solid #00F; + +.picbox a:hover span { + + border-bottom: dashed 1px red; + } -a { -font-weight:normal;} -.contenido p { - font-family: Helvetica, Arial, sans; - font-size: 11px; - color: #000000; - word-spacing: 2px; - margin-right: 10px; - margin-left: 10px; + + +/* This controls the thumbnails in the picbox div Issue 74175 */ + +.pickboxcontrol { + + vertical-align: middle; + + width: 95px; + + height: 64px; + } -.titulo h1 { - color: #000099; + + + +/* Content holder for the screen box */ + +.screenbox { + + width: auto; + + line-height: 20px; + + color: #06348c; + + padding: 2px 1px 2px 1px; + + border: 1px solid #efefef; + text-align: center; - border-top-width: thin; - border-bottom-width: thin; - border-top-style: solid; - border-bottom-style: solid; - border-top-color: #000099; - border-bottom-color: #000099; - width: 430px; - margin-top: 5px; - padding-top: 8px; - padding-bottom: 5px; -} -.contenido li { - font-size: 11px; - word-spacing: 2px; - line-height: 16px; - font-family: Helvetica, Verdana, sans; -} -.contenido a:hover { - color: #0000FF; - text-decoration: none; + + float: left; + } -.contenido a { - text-decoration: none; - font-family: Helvetica, Verdana, sans; + +.screenbox a:hover { + + border: none; + } -#opt img { - padding-bottom:1em; - border: 0px; - } +.screenbox a:hover span { + + border-bottom: dashed 1px red; -.hmenu3 { - border-width:1px; - border-color: red; - background-color: #e0e9fa; } -#leftcol { display: none !important; + + +.screenboxcontrol { + + vertical-align: middle; + + width: 120px; + + height:86px; + } -#navcol { display: none !important; + + + +/* Sometimes, I don't want borders around my hyperlink images */ + +.noborder { + + border: none; + } -#contextualinformation { display: none ! important; + + + +/* For taming those leeeeeeetle arrows */ + +img { + + vertical-align: text-bottom; + } -#contextualinformation.contentpart { display: none ! important; + + + +/* Style-up those ugly default hyperlinks */ + +a { + + text-decoration: none; + + padding: 0; + + margin: 0; + + color: #663366; + } -#toptabs { display: none ! important; + + + +/* And their ugly hover states too */ + +a:hover { + + border-bottom:dashed 1px red; + } -#login { display: none ! important; + + + +/* Why should the humble footer be left out? */ + +#myfooter { + + background-color: #ccc; + + color: #fff; + + text-align: center; + + vertical-align: middle; + +/* height: 150px; */ + + padding-top: 5px; + + clear: both; + } -#apphead { display: none ! important; + + + +#myfooter td { + + border: 0px; + + padding: 0px; + + border-spacing: 0px; + + text-align: center; + } -.axial { display: none ! important; + + + +/* This will contain the three columns */ + +#newsContainer2 + +{ + + width:auto; + + background-color: #ecf1f5; + } -#longdescription { display: none ! important; + + + +/* First column of the three columns */ + +.c1 + +{ + + width: 227px; + + background-color: #ecf1f5; + + border: 1px solid #DDD; + + border-top: none; + + line-height: 22px; + + color: #0634bc; + + float: left; + } -.infomark { display: none ! important; + + + +/* Second column of the three columns */ + +.c2 + +{ + + width: 230px; + + float: left; + + border-bottom: 1px solid #DDD; + + line-height: 22px; + + color: #0634bc; + } -h1 { color: rgb(0, 62, 161); + + + +/* Third column of the three columns */ + +.c3 + +{ + + width: 228px; + + background-color: #ecf1f5; + + border: 1px solid #DDD; + + border-top: none; + + line-height: 22px; + + color: #0634bc; + + float: right; + } -h2 { color: rgb(0, 62, 161); + + + +/* This controls the titles for each column */ + +.noteheader + +{ + + width:auto; + + border-bottom: 1px solid #DDD; + + border-top: none; + + color: #0634bc; + + height: 24px; + + font-family: verdana; + + font-size: 11px; + + font-weight: bold; + + background:url(images/headerBG.jpg) repeat-x; + } -td { vertical-align: top; + + + +/* And this gives the column text some breathing space */ + +.spacy + +{ + + padding: 5px; + } -.tasknav { display: none ! important; + + + +/* CSS Tabs */ + +#tabs8 { + + float:left; + + width:100%; + + background:#F1F1F1; + + font-size:93%; + + line-height:normal; + + border-bottom:1px solid #CCC; + } -div#langbar { - color:#ffffff; - font-weigth:bold; - display:block; - font-size:14px; + + +#tabs8 ul { + + margin:0; + + padding:10px 10px 0 5px; + list-style:none; - margin:0px; - padding:0px; - height:30px; - width:100%; - background-color:#06348C; - clear:left; + } -div#langbar ul { - margin:0px; + + + +#tabs8 li { + + display:inline; + + margin:0; + + padding:0; + } -div#langbar li { - display:block; + + + +#tabs8 a { + float:left; - margin:0px; - padding:0px; - padding-left:3px; - background-image:url(../images/divider.png); - background-repeat:repeat-x; + + background:url("images/tableft8.gif") no-repeat left top; + + margin:0; + + padding:0 0 0 4px; + text-decoration:none; + } -div#langbar span { - display:block; - float:left; - background-repeat:repeat-x; - padding:0px; - font-weight:bold; - height:22px; - padding-top:8px; - vertical-align:middle; - white-space:nowrap; -} -* html div#langbar span { - height:22px; -} -div#langbar li a { - color:#ffffff; - font-weight:bold; - width:30px; - height:22px; - display:block; + + + +#tabs8 a span { + float:left; - margin:0px; - padding:0px; - padding-top:8px; - text-decoration:none; - opacity:0.85; - filter:alpha(opacity=85); - background-image:url(../images/gradient.png); - background-repeat:repeat-x; - text-align:center; - vertical-align:middle; -} -* html div#langbar li a { - height:22px; -} -div#langbar li a:visited { - color:#ffffff; - font-weight:bold; + display:block; - width:30px; - height:30px; - float:left; - margin:0px; - padding:0px; - padding-top:8px; - text-decoration:none; - background-image:url(../images/gradient.png); - background-repeat:repeat-x; - text-align:center; - vertical-align:middle; -} -* html div#langbar li a:visited { - height:22px; -} -div#langbar li a:hover { - color:#06348C; - background-image:url(../images/gradient_hl3.png); - background-repeat:no-repeat; -} -div#langbar + * { - clear:left; - float:none; + + background:url("images/tabright8.gif") no-repeat right top; + + padding:5px 15px 4px 6px; + + color:#eee; + + font-weight: bold; + +} + + + +/* Commented Backslash Hack hides rule from IE5-Mac \*/ + +#tabs8 a span {float:none;} + + /* End IE5-Mac hack */ + + #tabs8 a:hover span { + +/* color:#591333; */ + + color:#06348c; + +} + + + +#tabs8 a:hover { + + background-position:0% -42px; + + border: none; + +} + + + +#tabs8 a:hover span { + + background-position:100% -42px; + + color: #888; + +} + + + +#tabs8 #current a { + + background-position:0% -42px; + +} + +#tabs8 #current a span { + + background-position:100% -42px; + + color: #888; + } + + + +/* End of CSS Tabs */ + --------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
