--- /dev/null
+/**
+* CSS-JS-BOOSTER
+*
+* A polyfill for box-sizing: border-box for IE6 & IE7.
+*
+* JScript
+*
+* This program is free software: you can redistribute it and/or modify
+* it under the terms of the GNU Lesser General Public License as published
+* by the Free Software Foundation, either version 3 of the License, or
+* (at your option) any later version.
+*
+* This program is distributed in the hope that it will be useful,
+* but WITHOUT ANY WARRANTY; without even the implied warranty of
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+* GNU Lesser General Public License for more details.
+*
+* See <http://www.gnu.org/licenses/lgpl-3.0.txt>
+*
+* @category JScript
+* @package box-sizing-polyfill
+* @author Christian Schepp Schaefer <schaepp@gmx.de> <http://twitter.com/derSchepp>
+* @copyright 2010 Christian Schepp Schaefer
+* @license http://www.gnu.org/copyleft/lesser.html The GNU LESSER GENERAL PUBLIC LICENSE, Version 3.0
+* @link http://github.com/Schepp/box-sizing-polyfill
+*
+* PREFACE:
+*
+* This box-sizing polyfill is based on previous work done by Erik Arvidsson,
+* which he published in 2002 on http://webfx.eae.net/dhtml/boxsizing/boxsizing.html.
+*
+* USAGE:
+*
+* Add the behavior/HTC after every `box-sizing: border-box;` that you assign:
+*
+* box-sizing: border-box;
+* *behavior: url(/scripts/boxsizing.htc);`
+*
+* If you prefix the `behavior` property with a star, like seen above, it will only be seen by
+* IE6 & IE7, not by IE8+ (it's a hack) which is better for the performance on those newer browsers.
+*
+* The URL to the HTC file must be relative to your HTML(!) document, not relative to your CSS.
+* That's why I'd advise you to use absolute paths like in the example.
+*
+*/
+<component lightWeight="true">
+<attach event="onpropertychange" onevent="checkPropertyChange()" />
+<attach event="ondetach" onevent="restore()" />
+<attach event="onresize" for="window" onevent="restore();init()" />
+<script type="text/javascript">
+//<![CDATA[
+
+var viewportwidth = (typeof window.innerWidth != 'undefined' ? window.innerWidth : element.document.documentElement.clientWidth);
+// Shortcut for the document object
+var doc = element.document;
+
+/*
+* init gets called once at the start and then never again,
+* triggers box-sizing calculations and updates width and height
+*/
+function init(){
+ // check for IE8+
+ if(typeof(element.style.boxSizing) == "undefined"){
+ updateBorderBoxWidth();
+ updateBorderBoxHeight();
+ }
+}
+
+/*
+* restore gets called when the behavior is being detached (see event binding at the top),
+* resets everything like it was before applying the behavior
+*/
+function restore(){
+ // check for IE8+
+ if(typeof(element.style.boxSizing) == "undefined"){
+ element.runtimeStyle.width = "";
+ element.runtimeStyle.height = "";
+ }
+}
+
+/*
+* checkPropertyChange gets called as soon as an element property changes
+* (see event binding at the top), it then checks if any property influencing its
+* dimensions was changed and if yes recalculates width and height
+*/
+function checkPropertyChange(){
+ // check for IE8+
+ if(typeof(element.style.boxSizing) == "undefined"){
+ var pn = event.propertyName;
+ var undef;
+ if(pn == "style.boxSizing" && element.style.boxSizing == ""){
+ element.style.removeAttribute("boxSizing");
+ element.runtimeStyle.boxSizing = undef;
+ }
+ switch (pn){
+ case "style.width":
+ case "style.borderLeftWidth":
+ case "style.borderLeftStyle":
+ case "style.borderRightWidth":
+ case "style.borderRightStyle":
+ case "style.paddingLeft":
+ case "style.paddingRight":
+ updateBorderBoxWidth();
+ break;
+
+ case "style.height":
+ case "style.borderTopWidth":
+ case "style.borderTopStyle":
+ case "style.borderBottomWidth":
+ case "style.borderBottomStyle":
+ case "style.paddingTop":
+ case "style.paddingBottom":
+ updateBorderBoxHeight();
+ break;
+
+ case "className":
+ case "style.boxSizing":
+ updateBorderBoxWidth();
+ updateBorderBoxHeight();
+ break;
+ }
+ }
+}
+
+/*
+ * Helper function, taken from Dean Edward's IE7 framework,
+ * added by Schepp on 12.06.2010.
+ * http://code.google.com/p/ie7-js/
+ *
+ * Allows us to convert from relative to pixel-values.
+ */
+function getPixelValue(value){
+ var PIXEL = /^\d+(px)?$/i;
+ if (PIXEL.test(value)) return parseInt(value);
+ var style = element.style.left;
+ var runtimeStyle = element.runtimeStyle.left;
+ element.runtimeStyle.left = element.currentStyle.left;
+ element.style.left = value || 0;
+ value = parseInt(element.style.pixelLeft);
+ element.style.left = style;
+ element.runtimeStyle.left = runtimeStyle;
+
+ return value;
+}
+
+function getPixelWidth(object, value){
+ // For Pixel Values
+ var PIXEL = /^\d+(px)?$/i;
+ if (PIXEL.test(value)) return parseInt(value);
+
+ // For Percentage Values
+ var PERCENT = /^[\d\.]+%$/i;
+ if (PERCENT.test(value)){
+ try{
+ parentWidth = getPixelWidth(object.parentElement,(object.parentElement.currentStyle.width != "auto" ? object.parentElement.currentStyle.width : "100%"));
+ value = (parseFloat(value) / 100) * parentWidth;
+ }
+ catch(e){
+ value = (parseFloat(value) / 100) * element.document.documentElement.clientWidth;
+ }
+ return parseInt(value);
+ }
+
+ // For EM Values
+ var style = object.style.left;
+ var runtimeStyle = object.runtimeStyle.left;
+ object.runtimeStyle.left = object.currentStyle.left;
+ object.style.left = value || 0;
+ value = parseInt(object.style.pixelLeft);
+ object.style.left = style;
+ object.runtimeStyle.left = runtimeStyle;
+
+ return value;
+}
+
+
+/*
+ * getBorderWidth & friends
+ * Border width getters
+ */
+function getBorderWidth(sSide){
+ if(element.currentStyle["border" + sSide + "Style"] == "none"){
+ return 0;
+ }
+ var n = getPixelValue(element.currentStyle["border" + sSide + "Width"]);
+ return n || 0;
+}
+function getBorderLeftWidth() { return getBorderWidth("Left"); }
+function getBorderRightWidth() { return getBorderWidth("Right"); }
+function getBorderTopWidth() { return getBorderWidth("Top"); }
+function getBorderBottomWidth() { return getBorderWidth("Bottom"); }
+
+
+/*
+ * getPadding & friends
+ * Padding width getters
+ */
+function getPadding(sSide) {
+ var n = getPixelValue(element.currentStyle["padding" + sSide]);
+ return n || 0;
+}
+function getPaddingLeft() { return getPadding("Left"); }
+function getPaddingRight() { return getPadding("Right"); }
+function getPaddingTop() { return getPadding("Top"); }
+function getPaddingBottom() { return getPadding("Bottom"); }
+
+
+
+/*
+ * getBoxSizing
+ * Get the box-sizing value for the current element
+ */
+function getBoxSizing(){
+ var s = element.style;
+ var cs = element.currentStyle
+ if(typeof s.boxSizing != "undefined" && s.boxSizing != ""){
+ return s.boxSizing;
+ }
+ if(typeof s["box-sizing"] != "undefined" && s["box-sizing"] != ""){
+ return s["box-sizing"];
+ }
+ if(typeof cs.boxSizing != "undefined" && cs.boxSizing != ""){
+ return cs.boxSizing;
+ }
+ if(typeof cs["box-sizing"] != "undefined" && cs["box-sizing"] != ""){
+ return cs["box-sizing"];
+ }
+ return getDocumentBoxSizing();
+}
+
+
+/*
+ * getDocumentBoxSizing
+ * Get the default document box sizing (check for quirks mode)
+ */
+function getDocumentBoxSizing(){
+ if(doc.compatMode == null || doc.compatMode == "BackCompat"){
+ return "border-box";
+ }
+ return "content-box"
+}
+
+
+/*
+ * setBorderBoxWidth & friends
+ * Width and height setters
+ */
+function setBorderBoxWidth(n){
+ element.runtimeStyle.width = Math.max(0, n - getBorderLeftWidth() -
+ getPaddingLeft() - getPaddingRight() - getBorderRightWidth()) + "px";
+}
+function setBorderBoxHeight(n){
+ element.runtimeStyle.height = Math.max(0, n - getBorderTopWidth() -
+ getPaddingTop() - getPaddingBottom() - getBorderBottomWidth()) + "px";
+}
+function setContentBoxWidth(n){
+ element.runtimeStyle.width = Math.max(0, n + getBorderLeftWidth() +
+ getPaddingLeft() + getPaddingRight() + getBorderRightWidth()) + "px";
+}
+function setContentBoxHeight(n){
+ element.runtimeStyle.height = Math.max(0, n + getBorderTopWidth() +
+ getPaddingTop() + getPaddingBottom() + getBorderBottomWidth()) + "px";
+}
+
+
+/*
+ * updateBorderBoxWidth & updateBorderBoxHeight
+ *
+ */
+function updateBorderBoxWidth() {
+ if(getDocumentBoxSizing() == getBoxSizing()){
+ return;
+ }
+ var csw = element.currentStyle.width;
+ if(csw != "auto"){
+ csw = getPixelWidth(element,csw);
+ if(getBoxSizing() == "border-box"){
+ setBorderBoxWidth(parseInt(csw));
+ }
+ else{
+ setContentBoxWidth(parseInt(csw));
+ }
+ }
+}
+
+function updateBorderBoxHeight() {
+ if(getDocumentBoxSizing() == getBoxSizing()){
+ return;
+ }
+ var csh = element.currentStyle.height;
+ if(csh != "auto"){
+ csh = getPixelValue(csh);
+ if(getBoxSizing() == "border-box"){
+ setBorderBoxHeight(parseInt(csh));
+ }
+ else{
+ setContentBoxHeight(parseInt(csh));
+ }
+ }
+}
+
+
+// Run the calculations
+init();
+
+//]]>
+</script>
+</component>
\ No newline at end of file
#forms input:focus { position: relative; border: 1px solid #000; z-index: 100; }\r
#forms .input:focus label,\r
#forms input:focus label { z-index: 300; }\r
-.altcol { background-color: #c3c3b9 !important; }\r
-.altcol:hover { background-color: #f89a1c !important; }\r
form.withlabels label { width: 224px; display: block; float: left; padding-top: 1em; }\r
form.withlabels input[type=text], \r
form.withlabels input[type=password] { width: 224px; }\r
form input[type="text"]:focus label,\r
form input[type="password"]:focus label { z-index: 300;}\r
form input.submit, \r
-form input[type="submit"] {font-family: 'Antic', sans-serif;font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing:1px; background-color: #3582ac; color: #ffffff; border: none; padding: 10px 22px;font-size: 1em; margin:15px 0 0 223px; height:43px; }\r
+form input[type="submit"] {font-family: 'Antic', sans-serif;font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing:1px; background-color: #f89a1c;color: #ffffff; border: none; padding: 10px 22px;font-size: 1em; margin:15px 0 0 223px; height:43px; }\r
form.innerlabels input.submit, \r
form.innerlabels input[type="submit"] {margin-left:0;}\r
form input.submit:hover, \r
-form input[type="submit"]:hover { background-color: #f89a1c;}\r
+form input[type="submit"]:hover { background-color:#3582ac;border-color:#3582ac;}\r
form input.submit.back, \r
form input[type="submit"].back { text-decoration: none; bottom: 0; float: right; z-index: 500; }\r
form input.submit.back.right, \r
form input[type="submit"].back.right {right: 0;}\r
-form input.submit:hover, \r
-form input[type="submit"]:hover { background-color: #f89a1c; border-color:#f89a1c;}\r
form input.submit.back, \r
form input[type="submit"].back { text-decoration: none; bottom: 0; float: right; z-index: 500; }\r
form input.submit.back.right, \r
#okeanos_recaptcha .actions-wrap { border-top:1px solid #808080 }\r
\r
input.submit:focus,\r
-input[type="submit"]:focus { box-shadow: 0 0 0 1px #FFFFFF inset; border:1px solid #C3C3B9; outline:0 none; } \r
+input[type="submit"]:focus { box-shadow: 0 0 0 1px #FFFFFF inset; border:1px solid #F89A1C; outline:0 none; } \r
\r
@media screen and (max-width : 591px) { \r
form.withlabels .extra-img { left:222px; }\r
#okeanos_recaptcha { width:inherit }\r
#okeanos_recaptcha #recaptcha_response_field { width:55%; }\r
#okeanos_recaptcha #recaptcha_image img { width:80%; }\r
+}\r
+\r
+\r
+@media screen and ( width : 320px) { \r
+ #okeanos_recaptcha { width:259px }\r
+ \r
}
\ No newline at end of file
-body { min-width:320px; overflow-y: scroll;}\r
+body { overflow-y: scroll;}\r
.wrapper { margin:0 auto; position:relative; width:820px; padding:36px 70px; }\r
.container .wrapper,\r
.footer .wrapper { border: 1px solid #808080; border-top:0 none;}\r
.footer a { color:#B3B3B3; text-decoration:none; transition:color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -webkit-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; } \r
.footer:hover a { color:#808080;}\r
.footer a:hover { color:#000;}\r
-.footer ul { float:left; margin:0 22px 0 0; width:140px; padding:0;}\r
+.footer ul { float:left; margin:0 10px 0 0; width:125px; padding:0;}\r
.footer ul li { padding:0; margin:0; list-style:none outside;}\r
.footer ul li:first-child { margin-bottom:1em; }\r
.footer .clearfix { padding-bottom:20px;}\r
.mainlogo h1 { line-height:100%; font-size:1em; }\r
.container .navigation { margin:20px 0 0; font-size:1.154em; height:95px;}\r
.container .navigation ul { margin:5px 0; padding:0;}\r
+.container .navigation ul + ul { font-size:0.933em; }\r
.container .navigation ul li { list-style:none outside; padding:0; margin:0 1em 0 0; display:inline-block;}\r
.container .navigation ul li a { color:#000; text-decoration:none; }\r
.container .navigation ul li a:hover { color:#F89A1C; } \r
.container .navigation ul li.active a { color:#F89A1C; } \r
\r
.dotted { background:url(../images/double-dots.jpg) no-repeat bottom center; padding:0 0 30px; margin-bottom:30px;}\r
+.full-dotted { background:url(../images/dots.jpg) repeat-x top; margin-top:20px; padding-top:20px; }\r
+.full-dotted:first-child { background:none; padding-top:0; margin-top:0; }\r
.two-cols .rt { float:right; width:400px;}\r
.two-cols .lt { float:left; width:400px;}\r
.two-cols-blog .rt { float:right; width:220px; margin-left:80px; padding-right:65px;}\r
.two-cols-blog .lt { overflow:hidden;}\r
.container h2, .container h3 { font-weight:normal; margin-bottom:1em; }\r
.container h2 em { color: #3582AC; font-style:normal; }\r
-.content a { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#000; }\r
-.content a:hover { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#F89A1C; }\r
+/*.content a { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#000; }\r
+.content a:hover { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#F89A1C; }*/\r
+\r
+\r
+.content a { text-decoration:none; }\r
+.content a:hover { text-decoration:underline; }\r
+\r
.container ul.options { padding:0; margin:0; font-size:1.154em;}\r
.container ul.options li { list-style:none outside; margin:0 0 1em 0;padding:0;}\r
.container ul.options li h3 { font-size:1em; margin-bottom:0; }\r
.container .extra ul.options { font-size:1em; margin:0 ; padding:15px; }\r
.landing h2, .landing a:hover { color:#01A1AE;}\r
.faq h2, .faq a:hover, .faq .current a { color:#EF4F54; border:0 none;}\r
-.content .question h2 { color:#4085A6 }\r
+.content .question h2 { color:#EF4F54 }\r
.content .backlink { margin:1em 0; }\r
-.content .question .backlink a { border:0 none; color:#F89A1C }\r
.content .question .backlink a:hover { border-bottom:1px solid #F89A1C }\r
.faq h3 { color:#4085a6; margin:0;}\r
.faq ul { padding:0; margin:0; }\r
.cyclades .bg-wrap .extra .hide-extra:hover img { margin-top:-32px;}\r
.pithos h2, .pithos a:hover, \r
.pithos .extra .options li h3 { color:#F89A1C; }\r
-.cyclades h2, .cyclades a:hover, \r
+.cyclades h2, \r
.cyclades .extra .options li h3 { color:#4085A6; }\r
-.cyclades a { border-bottom:1px solid #4085A6; }\r
-.cyclades a:hover { border-bottom:1px solid #4085A6; }\r
a.btn_01 { display:block; text-align:center; background:#F6921E; color:#000; padding:10px; text-decoration:none; border:0 none;}\r
-a.btn_01:hover { background:#01A1AE; color:#000; border:0 none;}\r
+a.btn_01:hover { background:#01A1AE; color:#000; text-decoration:none;}\r
a.btn_01 em { font-style:normal; display:block; }\r
a.btn_01 span { color:#fff; }\r
.lt .box-more { text-align:center; padding:5px 10px; }\r
.container .bottom-bordered { border-bottom:1px dashed #000000;margin-bottom:20px }\r
.container .lt-div { width:234px; float:left; }\r
.container .overflow-hidden { overflow:hidden;}\r
+.documentation .wrap { width:500px; }\r
\r
\r
/* resources*/\r
.resources .categories .clear { color: #000000; position:relative; top:-1px; line-height:100%; display:inline-block;}\r
-.resources .categories .clear:hover { border-bottom:1px solid #000; }\r
.resources a, .resources a:hover { border:0 none;}\r
.resources .categories ul { margin:0;padding:0;}\r
.resources .categories ul li { float: left; list-style:none outside;}\r