diff options
Diffstat (limited to 'doc-archives/styles.css')
-rw-r--r-- | doc-archives/styles.css | 480 |
1 files changed, 480 insertions, 0 deletions
diff --git a/doc-archives/styles.css b/doc-archives/styles.css new file mode 100644 index 0000000..190a13b --- /dev/null +++ b/doc-archives/styles.css @@ -0,0 +1,480 @@ +@font-face { + font-family: 'TitilliumText22L'; /* Thin */ + src: url('Fonts/titilliumtext22l001-webfont.eot'); + src: url('Fonts/titilliumtext22l001-webfont.eot?#iefix') format('embedded-opentype'), + url('Fonts/titilliumtext22l001-webfont.woff') format('woff'), + url('Fonts/titilliumtext22l001-webfont.ttf') format('truetype'), + url('Fonts/titilliumtext22l001-webfont.svg#TitilliumText22LThin') format('svg'); + font-weight: 100; + font-style: normal; + +} + +@font-face { + font-family: 'TitilliumText22L'; /* Light */ + src: url('Fonts/titilliumtext22l002-webfont.eot'); + src: url('Fonts/titilliumtext22l002-webfont.eot?#iefix') format('embedded-opentype'), + url('Fonts/titilliumtext22l002-webfont.woff') format('woff'), + url('Fonts/titilliumtext22l002-webfont.ttf') format('truetype'), + url('Fonts/titilliumtext22l002-webfont.svg#TitilliumText22LLight') format('svg'); + font-weight: 100; + font-style: normal; + +} + +@font-face { + font-family: 'TitilliumText22L'; /* Regular */ + src: url('Fonts/titilliumtext22l003-webfont.eot'); + src: url('Fonts/titilliumtext22l003-webfont.eot?#iefix') format('embedded-opentype'), + url('Fonts/titilliumtext22l003-webfont.woff') format('woff'), + url('Fonts/titilliumtext22l003-webfont.ttf') format('truetype'), + url('Fonts/titilliumtext22l003-webfont.svg#TitilliumText22LRegular') format('svg'); + font-weight: 300; + font-style: normal; + +} + +@font-face { + font-family: 'TitilliumText22L'; /* Medium */ + src: url('Fonts/titilliumtext22l004-webfont.eot'); + src: url('Fonts/titilliumtext22l004-webfont.eot?#iefix') format('embedded-opentype'), + url('Fonts/titilliumtext22l004-webfont.woff') format('woff'), + url('Fonts/titilliumtext22l004-webfont.ttf') format('truetype'), + url('Fonts/titilliumtext22l004-webfont.svg#TitilliumText22LMedium') format('svg'); + font-weight: 400; + font-style: normal; + +} + +@font-face { + font-family: 'TitilliumText22L'; /* Bold */ + src: url('Fonts/titilliumtext22l005-webfont.eot'); + src: url('Fonts/titilliumtext22l005-webfont.eot?#iefix') format('embedded-opentype'), + url('Fonts/titilliumtext22l005-webfont.woff') format('woff'), + url('Fonts/titilliumtext22l005-webfont.ttf') format('truetype'), + url('Fonts/titilliumtext22l005-webfont.svg#TitilliumText22LBold') format('svg'); + font-weight: 500; + font-style: normal; + +} + +@font-face { + font-family: 'TitilliumText22L'; /* XBold */ + src: url('Fonts/titilliumtext22l006-webfont.eot'); + src: url('Fonts/titilliumtext22l006-webfont.eot?#iefix') format('embedded-opentype'), + url('Fonts/titilliumtext22l006-webfont.woff') format('woff'), + url('Fonts/titilliumtext22l006-webfont.ttf') format('truetype'), + url('Fonts/titilliumtext22l006-webfont.svg#TitilliumText22LXBold') format('svg'); + font-weight: 700; + font-style: normal; +} + +/************************/ +/* HEADER */ +/************************/ + +#Header{ +/* width: 980px;*/ +} + +/* +#HeaderArea +{ + + width: 980px; + height: 50px; + margin-right: auto; + margin-left: auto; + overflow: hidden; +}*/ +#Logotype +{ + margin-top: 0px; + margin-bottom: 0px; + width: 231px; + float: left; + border-width: 0px +} +#Logotype a:hover +{ + background: none; +} + +/*#HomeLink +{ + float: left; + padding-top: 28px; +}*/ + +/*#Functions +{ + width: 220px; + display: inline-block; + float: right; + clear: none; + margin-right: -6px; + overflow: visible; +} +#Functions ul +{ + float: right; + margin: 0; + padding: 0; + +}*/ +#topmenu +{ + min-width: 200px; + height: 15px; + display: inline-block; + clear: none; + float: right; +} + +#topmenu ul.horizontal +{ + float: right; + margin-right: -5px; + padding: 0px; +} + +#topmenu li { + display: inline; + list-style-type: none; + padding-left: 10px; + padding-right: 10px; + padding-top: 0px; + padding-bottom: 0px; + margin: 0px; + margin-top: 1px; + float: left; + border-left: 1px solid #262626; +} +#topmenu li:first-child { + border-left: 0px; +} + +#topmenu li:first-child a { +} + +#topmenu li:last-child { + padding-right: 1px; +} + +#topmenu li a{ + margin:0; + padding:0; + font-size: 12px; + font-family: Arial; + color: #6a9f2f !important; + text-transform: none; +} +#topmenu li a:hover +{ + color: #6a9f2f !important; + text-decoration:none !important; +} + +/*#Functions ul +{ + margin: 2px; +} +#Functions li { + display: inline; + list-style-type: none; + float: left; + padding: 0px 5px 0px 5px; + border-left: solid 1px #666666; +} + +#Functions li:first-child +{ + border-left: none; +} + +#Functions li a +{ + font-family: Arial; + color: #666666; + font-size: 10px; + text-transform:uppercase; +} + +#Functions li a:hover +{ + color: #000 +}*/ + +/************************/ +/* MAIN MENU AREA */ +/************************/ + +#MainMenuContainer +{ + width: 100%; + background-image: url(images/TopGradient.png); + background-repeat: repeat-x; + background-position: top; +} + +#MainMenuArea { + + /*tarvitaan vähän ilmaa reunoihin huonolle resolle*/ + position: relative; /**/ + padding-left:10px; + padding-right:10px; + /***********************/ + margin-right: auto; + margin-left: auto; + clear: both; + overflow: hidden; +} + +#MainMenu { + display: block; + overflow: hidden; + margin: auto; + /*float: left;*/ + width: 500px; + height: 50px; +} + +#MainMenu ul { + margin: 0px; + padding: 0px; + margin-top: 5px; +} + +#MainMenu li { + float: left; + display: block; + list-style-type: none; + height: 30px; + /*padding-top: 18px;*/ + text-transform: uppercase; + padding-right: 30px; + padding-top: 10px; +} + +#MainMenu li:last-child +{ + padding-right: 0px; +} + +#MainMenu li:hover { + /*background-image: url(images/hover.png);*/ + background-repeat: repeat-x; + +} + +#MainMenu a { + font-family: TitilliumText22L, arial, helvetica, sans-serif; + font-weight:800; + /*font-weight: 200;*/ + font-size: 15px; + color: #404044; + text-transform:capitalize; + padding-left: 0px; + padding-right: 0px; + line-height: 80%; + text-decoration: none; +} + +#MainMenu a:hover { + text-decoration:none; + color: #6a9f2f !important; +} + + +/* Quick Search */ + +/*.quickSearchButton{ + width:20px; + height:30px; + float:left; +} +.quickSearchButtonDiv{ + background: url(images/magnifying.png) no-repeat; + width:20px; + height:30px; + float:left; + margin-left: -25px; +} + +.quickSearchButtonDiv:hover{ + background: url(images/magnifying_selected.png) no-repeat; +} + +.QuickSearchArea { + padding-top:14px; + vertical-align:baseline; + float:right; + bottom:0; + right:0; + text-align: right; +} + +.quickSearchFieldContainer +{ + background: url(images/searchfield.png) no-repeat; + width: 214px; + height:30px; + float:left; + padding: 0px; +} +.quickSearchField +{ + + color: #666666; + font-family: Arial; + font-size: 12px; + background: none; + border:none; + margin: 1px; + + width: 180px; + margin-right: 32px; + height: 25px; + line-height: 25px; + padding: 0px; + padding-left: 6px; + vertical-align: middle; + border-width: 0; +}*/ + +.search-container +{ + float: right; + margin-top: 0px; + margin-right: 0px; +} + +.search input +{ + width: 180px; +} + +/* begin Button */ +.qt-button-wrapper a.qt-button, +.qt-button-wrapper a.qt-button:link, +.qt-button-wrapper input.qt-button, +.qt-button-wrapper button.qt-button +{ + text-decoration: none; + font-family: Arial, Helvetica, Sans-Serif; + font-style: normal; + font-weight: normal; + font-size: 13px; + position:relative; + top:0; + display: inline-block; + vertical-align: middle; + white-space: nowrap; + text-align: center; + color: #FFFFFF !important; /*#8C3103*/ + width: auto; + outline: none; + border: none; + background: none; + line-height: 32px; + height: 32px; + margin: 0 !important; + padding: 0 16px !important; + overflow: visible; + cursor: pointer; +} + +.qt-button img, .qt-button-wrapper img +{ + margin: 0; + vertical-align: middle; +} + +.qt-button-wrapper +{ + vertical-align: middle; + display: inline-block; + position: relative; + height: 32px; + overflow: hidden; + white-space: nowrap; + width: auto; + margin: 0; + padding: 0; + z-index: 0; +} + +.firefox2 .qt-button-wrapper +{ + display: block; + float: left; +} + +input, select, textarea +{ + vertical-align: middle; + font-family: Arial, Helvetica, Sans-Serif; + font-style: normal; + font-weight: normal; + font-size: 13px; +} + +.qt-block select +{ + width:96%; +} + +.qt-button-wrapper.hover .qt-button, .qt-button-wrapper.hover a.qt-button:link, .qt-button:hover { + color: #FFFFFF !important; + text-decoration: none !important; +} +.qt-button-wrapper.active .qt-button, .qt-button-wrapper.active a.qt-button:link { + color: #FFFFFF !important; +} +.qt-button-wrapper .qt-button-l, .qt-button-wrapper .qt-button-r { + background-image: url("images/button.png"); + display: block; + height: 106px; + margin: 0; + padding: 0; + position: absolute; +} +.qt-button-wrapper .qt-button-l { + left: 0; + right: 10px; +} +.qt-button-wrapper .qt-button-r { + clip: rect(auto, auto, auto, 399px); + right: 0; + width: 409px; +} +.qt-button-wrapper.hover .qt-button-l, .qt-button-wrapper.hover .qt-button-r { + top: -37px; +} +.qt-button-wrapper.active .qt-button-l, .qt-button-wrapper.active .qt-button-r { + top: -74px; +} +.qt-button-wrapper input { + float: none !important; +} +/* end Button */ + +h1, h2, h3 { font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; +font-weight: normal } +h3.fn,span.fn { margin-left: 1cm; text-indent: -1cm; } +a:link { color: #4866FF; text-decoration: none } +a:visited { color: #4866FF; text-decoration: none } +a:active { color: #a6ce39; text-decoration: none } +ul { line-height: 1.5em; margin: 0.5em 0.5em 0.5em 2.0em; padding: 0; list-style-image: url(http://www.trolltech.com/bullet.gif); list-style-type: square;} +td.postheader { font-family: sans-serif } +tr.address { font-family: sans-serif } +body { background: #ffffff; color: #333333; margin: 0px } +.searchBar { display: block; position: absolute; right: 1%; padding: 1%; color: #333333; font-size: 80% } +.visualClear { display: block; clear: both; } +.title { text-align: center } +#portal-footer { background: white; border: none; color: #333333; padding-top: 0.5em; text-align: center; margin-left: 10%; font-size: 80%; height: 2em; width: 80% } +#portal-footer a, #portal-footer a:visited { color: #333333; } +#copyright-wrapper { width: 90%; text-align: center; } +#bottom-navigation { font-size: 80%; position: relative } +#bottom-navigation a { border-right: 1px solid #333333; padding: 0em 0.5em 0em 0.7em; } +#bottom-navigation a { color: white } a.lastNavItem { border-right: none; } |