Mercurial > hg > extraction-interface
diff geotemco/lib/slider/local/webfxlayout.css @ 0:b12c99b7c3f0
commit for previous development
author | Zoe Hong <zhong@mpiwg-berlin.mpg.de> |
---|---|
date | Mon, 19 Jan 2015 17:13:49 +0100 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/geotemco/lib/slider/local/webfxlayout.css Mon Jan 19 17:13:49 2015 +0100 @@ -0,0 +1,297 @@ + +/* + +bright: rgb(234,242,255); +normal: rgb(120,172,255); +dark: rgb(0,66,174); + +*/ + +/* import menu css */ +/* @import "dhtml/xmenu/xmenu.css"; */ + +#webfx-about { + position: absolute; + background: white; + top: 102px; + right: 10px; + width: 20px; + writing-mode: tb-rl; + filter: flipH() flipV() alpha(opacity=50); +} + +/* headers css */ + +#webfx-title { + position: absolute; + left: 90px; + top: -5px; + color: black; + background: transparent; + border: 0; + padding: 0; + margin: 0; + font-family: Arial Black, Verdana, Helvetica, Sans-Serif; + font-weight: bold; + font-style: italic; + font-size: 45px; + letter-spacing: -5px; +} + +#webfx-title-background { + width: 100%; + height: 67px; + background: white no-repeat;/*rgb(100,100,100) no-repeat;*/ + background-image: url("images/title-background.png"); + background-position: 0 0; +} + +#webfx-sub-title { + position: absolute; + left: 96px; + top: 45px; + color: black; + background: transparent; + padding: 0; + margin: 0; + border: 0; + font-family: Verdana, Helvetica, Sans-Serif; + font-size: 11px; +} + +#webfx-menu-bar-1, +#webfx-menu-bar-2, +#webfx-menu-bar-3, +#webfx-menu-bar-4, +#webfx-menu-bar-5 { + height: 2px; + font-size: 0; + overflow: hidden; + background: rgb(120,172,255);/*#ff8800;*/ + padding: 0; +} + +#webfx-menu-bar-1 { + background: rgb(0,66,174);/*rgb(120,172,255);/*black;/*rgb(234,242,255);*/ + height: 1px; +} + +#webfx-menu-bar-2 { + background: rgb(120,172,255);/*#ff8800;*/ + height: 1px; +} + +#webfx-menu-bar-3 { + background: rgb(120,172,255);/*#ff8800;*/ + height: 1px; +} + +#webfx-menu-bar-4 { + background: rgb(0,66,174); + height: 1px; +} + +#webfx-menu-bar-5 { + background: #dddddd; + height: 3px; +} + +/* headers css end */ + + +html, body { + height: 100%; + margin: 0; + padding: 0; + background: url("images/background-shadow.gif") repeat-y white; + color: black; + + font-size: 13px; + font-family: "Verdana", "Tahoma", "Helvetica", "Sans-Serif"; +} + +.webfx-main-body { + margin-left: 100px; width: 500px; border-left: 1px solid rgb(120,172,255); +} + +/* h1 only used in header */ +h2,h3,h4,h5,h6 { margin-top: 10px; + margin-left: 10px; + margin-right: 10px; + padding: 2px 10px 2px 10px; + background: rgb(234,242,255); + border-bottom: 1px solid rgb(120,172,255); +} + +h1,h2 { + font-weight: normal; +} + +h3,h4,h5,h6 { + font-weight: bold; +} + +h1 { + font-size: 50px; +} + +h2 { + font-size: 20px; +} + +h3 { + font-size: 15px; +} + h4 { + font-size: 12px; +} + +p { + margin: 10px; + font-size: 13px; color: black; text-align: justify; +} + +td { + font-size: 13px; + font-family: "Verdana", "Tahoma", "Helvetica", "Sans-Serif"; +} + +pre { margin: 20px; margin-right: 10px; + background: #eeeeee; + padding: 10px; + border: 1px solid #dddddd; + color: black; +} + +code { + background: #eeeeee; + border: 1px solid #dddddd; + color: black; +} + +a { + text-decoration:underline; + color: rgb(0,66,174); +} + +a:hover {/*rgb(0,66,174)*/ + color: rgb(0,66,174); + background: rgb(234,242,255); +} + +a:visited { + color: rgb(120,172,255); +} + +a:visited:hover { + color: rgb(0,66,174); +} + +hr { + margin-left: 10px; + margin-right: 10px; + padding: 0; + text-align: left; + height: 1px; + color: rgb(120,172,255); + background-color: rgb(120,172,255); + border-bottom: 1px solid rgb(120,172,255); + border: 0; +} + +h2 a, h3 a { + display: block; + text-decoration: none; + width: expression("100%"); +} + +table { + margin: 10px; + font-size: 13px; + color: black; +} + +thead td { + background: rgb(234,242,255); + border-bottom: 1px solid rgb(120,172,255); + font-weight: bold; +} + +.author { + margin-top: 50px; + font-style: italic; +} + +.date { + color: rgb(0,66,174); +} + +.warning, +.warning a { + color: red; +} + + +.warning a:visited, +.warning a:hover { + color: red; +} + +.warning a:hover { + background: rgb(255,230,230); +} + + + + +/* copied from xmenu.css */ + +.webfx-menu-bar { + background: rgb(120,172,255);/*rgb(255,128,0);*/ + + padding: 2px; + + font-family: Verdana, Helvetica, Sans-Serif; + font-size: 11px; + +} + +.webfx-menu-bar a, +.webfx-menu-bar a:visited { + color: black; + border: 1px solid rgb(120,172,255);/*rgb(255,128,0);*/ + + text-decoration: none; + padding: 1px; + padding-left: 5px; + padding-right: 5px; +} + +.webfx-menu-bar a:hover { + color: black; + background: rgb(120,172,255); + border-left: 1px solid rgb(234,242,255);/*#ffcc88;*/ + border-right: 1px solid rgb(0,66,174);/*#884400;*/ + border-top: 1px solid rgb(234,242,255);/*#ffcc88;*/ + border-bottom: 1px solid rgb(0,66,174);/*#884400;*/ +} + +.webfx-menu-bar a .arrow { + border: 0; + float: none; +/* + float: right; + width: 6px; + height: 16px; + + margin-right: 2px; + background: red; +*/ +} + +.webfx-menu-bar a:active, .webfx-menu-bar a:focus { + -moz-outline: none; + outline: none; +} + +/* end xmenu.css copy */ \ No newline at end of file