/* cloudbar header */
-div.cloudbar { background:#000; color:#fff; line-height:35px; width:100%; font-size:13px; font-family:Antic,Arial,sans-serif;}
+div.cloudbar { background:#000; color:#fff; line-height:35px; width:100%; font-size:13px; font-family: 'Didact Gothic', Verdana, sans-serif;}
.cloudbar .wrapper { width:auto; padding:0;}
.cloudbar a { color:#fff; text-decoration:none;}
-.cloudbar .profile { float:right; background:#01A1AE; min-width:190px; padding:0; text-align:right; }
-.cloudbar .profile:hover { background:#41b9c2; }
+.cloudbar .profile { float:right; background:#3582AC; min-width:190px; padding:0; text-align:right; }
+.cloudbar .profile:hover { background:#5A97B8; }
.cloudbar .profile a { text-decoration:none; color:#fff; display:block; width:100%;}
.cloudbar .profile ul { position:absolute; right:0; top:35px; padding:0; margin:0; width:190px; display:none; z-index:9; background:#fff;}
.cloudbar .profile ul li { list-style:none outside; line-height:35px; padding:0 20px;}
-.cloudbar .profile ul li:hover a { color:#01A1AE;}
+.cloudbar .profile ul li:hover a { color:#3582AC;}
.cloudbar .profile .user a { padding-right:20px; width:auto; }
.cloudbar .profile .user a span { padding:0 20px; background:url(../images/arrow-lt.png) no-repeat right center;}
.cloudbar .profile .full a span { background-image:url(../images/arrow-down.png); }
$("head").append(css);
// load fonts
- var font_url = 'https://fonts.googleapis.com/css?family=Antic';
+ var font_url = 'http://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin,greek,greek-ext';
var css_font = $("<link />");
css_font.attr({rel:'stylesheet', type:'text/css', href:font_url});
$("head").append(css_font);
// ie fix
user.hover(function(){$(this).addClass("hover")}, function(){$(this).removeClass("hover")});
-
- /*$('.cloudbar .profile ul').mouseover(function(){
- $(this).parents('.profile').css('backgroundColor','#000');
-
- });
- $('.cloudbar .profile ul').mouseout(function(){
- $(this).parents('.profile').css('backgroundColor','#01A1AE');
-
- });*/
- $('.cloudbar .profile .full>a').live('click', function(e){
- e.preventDefault();
+ $('html').live('click', function(e){
+ $('.cloudbar .profile .full>a').removeClass('open');
+ $('.cloudbar .profile .full>a').siblings('ul').hide();
+ });
+
+
+ $('.cloudbar .profile .full>a').live('click', function(e){
+
+ e.stopPropagation();
+ e.preventDefault();
equalWidths ( $('.cloudbar .profile ul'), $('.cloudbar .profile'));
$(this).siblings('ul').toggle();
$(this).toggleClass('open');
- });
+ });
});
a span { cursor:pointer; }\r
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }\r
address { font-style:italic; margin:0 0 1.5em 0; }\r
-body { background:white; color:#222; font-family: Antic, Arial, sans-serif; font-size:81.3%; line-height:1.5; text-align:left; letter-spacing:1px;}\r
+body { background:white; color:#222; font-family: 'Didact Gothic', Verdana, sans-serif; font-style:normal; font-size:81.3%; line-height:1.5; text-align:left; letter-spacing:1px;}\r
code, kbd, pre, samp { font-family:monospace, sans-serif; }\r
del { text-decoration:line-through; }\r
dl { margin:1em 0; }\r
img { border:0; vertical-align:middle; }\r
ins { text-decoration:none; }\r
p { margin-bottom:1em; }\r
-pre { overflow:auto; line-height:24px; }\r
+pre { overflow:auto; }\r
strong, b { font-weight:bold; font-style:inherit; }\r
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }\r
sub { bottom:-0.25em; }\r
/* generic form styles */\r
input, textarea, .form-widget { background-color: #ffffff; color: #000;border-color: #000000; }\r
-#forms .input, #forms input { font-family: 'Antic', sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing: 1px; border: 1px solid #808080; height: 21px; display: inline-block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; }\r
+#forms .input, #forms input { font-family: 'Didact Gothic', Verdana, sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing: 1px; border: 1px solid #808080; height: 21px; display: inline-block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; }\r
#forms .input:focus, \r
#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
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.withlabels input[type=password] { width: 240px; }\r
form.withlabels input[type=text].long, \r
form.withlabels input[type=password].long, \r
form.withlabels textarea.long { width: 224px; }\r
form .form-row.submit { margin: 22px 0 ;}\r
form .form-row .extra-link { color: #808080; text-decoration: none; border: none; margin-top:15px; line-height:98%; display:inline-block; padding-top:15px; float: right; position:absolute; right:0; top:0; }\r
form .form-row .extra-link:hover { border-bottom:1px solid #808080;}\r
-form .form-row label { font-size: 1.1em; }\r
+form .form-row label { font-size: 1.077em; }\r
form.innerlabels label { position: absolute; bottom: 11px; left: 1.5em; color: #808080 ; }\r
form.innerlabels p { margin:0; position: relative;}\r
form.innerlabels p.p15px { font-size:1.154em;}\r
form textarea,\r
form input.text,\r
form input[type="text"],\r
-form input[type="password"] { color:#808080; font-family: 'Antic', sans-serif; font-weight: normal; line-height: 22px; letter-spacing: 1px;border: 1px solid #808080; height: 21px; display: inline-block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; width:300px; }\r
-form select { font-family: 'Antic', sans-serif; font-weight: normal; line-height: 22px; letter-spacing: 1px; border: 1px solid #808080; display:block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; width:331px; }\r
+form input[type="password"] { color:#808080; font-family: 'Didact Gothic', Verdana, sans-serif; font-weight: normal; line-height: 22px; letter-spacing: 1px;border: 1px solid #808080; height: 21px; display: inline-block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; width:300px; }\r
+form select { font-family: 'Didact Gothic', Verdana, sans-serif; font-weight: normal; line-height: 22px; letter-spacing: 1px; border: 1px solid #808080; display:block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; width:331px; }\r
form textarea:focus,\r
form input.text:focus,\r
form input[type="text"]:focus,\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: #f89a1c;color: #ffffff; border: none; padding: 10px 22px;font-size: 1em; margin:15px 0 0 223px; height:43px; }\r
+form input[type="submit"],\r
+a.submit { font-family: 'Didact Gothic', Verdana, 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:#3582ac;border-color:#3582ac;}\r
+form input[type="submit"]:hover,\r
+a.submit:hover { background-color:#3582AC;border-color:#3582ac; text-decoration:none;}\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.withlabels .with-checkbox .checkbox-widget { position:absolute; left:224px; top:0; }\r
\r
form .extra-img { display:block; width:21px; height:21px; overflow:hidden; position:absolute; }\r
-form.withlabels .extra-img { left:440px; bottom:12px; }\r
+form.withlabels .extra-img { left:460px; bottom:12px; }\r
form.innerlabels .extra-img { bottom:10px; left:290px }\r
form .with-checkbox .extra-img { top:20px; } \r
form .with-errors .extra-img { background:url(../images/symbols.png) no-repeat -58px -3px; z-index:101;}\r
form input.text, \r
form input[type="text"], \r
form input[type="password"] { width:90%; }\r
+ form.withlabels select { width:90%; }\r
form.innerlabels .extra-img,\r
form.innerlabels .with-errors .extra-img { left:90%; }\r
form.innerlabels { width:auto; }\r
@media screen and ( width : 320px) { \r
#okeanos_recaptcha { width:259px }\r
\r
-}
\ No newline at end of file
+}\r
+\r
+p+ form { margin:2em 0; }\r
+.full-dotted legend { padding-top:40px; }\r
+form .form-row .radios label { width:auto; float:none; display:inline-block; }\r
+form .form-row .radios input[type="radio"] { margin-right:165px; vertical-align:middle; }\r
+form.withfieldset textarea { width: 224px; }\r
+form.withfieldset select { width: 256px; background:#fff;}\r
+form+p:first-child, form legend + p { margin-bottom:2em; }\r
+\r
+/* dropkick select extra styles */\r
+\r
+.form-row .dk_container { border-radius:0; margin-bottom:0; border: 1px solid #808080; height: 21px; letter-spacing: 1px; line-height: 22px; margin-bottom: -1px; width:254px; padding:0.8em 0; font-weight:normal; font-family: 'Didact Gothic', Verdana, sans-serif; font-size:1em; background:transparent; color:#808080;}\r
+.form-row .dk_toggle { border-radius:0; padding:7px 0; border:0 none; text-indent:1.5em; text-decoration:none;background-image:url(../images/arrow_02.jpg); background-position:90% 5px;}\r
+.form-row .dk_toggle:hover { text-decoration:none; }\r
+.form-row .dk_open { background:transparent; box-shadow: none; }\r
+.form-row .dk_open .dk_toggle { background-color:transparent; border:0 none; color:#000; box-shadow: none;}\r
+.form-row .dk_focus .dk_toggle { background-color:transparent; border:0 none; color:#000; box-shadow: none;}\r
+.1form-row .dk_options { display:block; }
+.form-row .dk_options { box-shadow:none; border-radius:0; z-index:3; margin:6px -1px 0; width:auto; left:0;}\r
+.form-row .dk_options a { font-weight:normal;color:#808080 }\r
+.form-row .dk_options_inner { padding:0; margin:0; box-shadow:none; text-shadow:none; border-radius:0; border:1px solid #8C8C8E ;}\r
+.form-row .dk-options_inner li { list-style:none outside; }\r
+.form-row .dk_options a:hover, \r
+.form-row .dk_option_current a { text-shadow:none; background-color: #E7E7E3;}
\ No newline at end of file
.documentation img { max-width:100%; }
/* forms */
form input.submit, form input[type="submit"] { margin:0; }
-form .form-row .extra-link { padding-top:0; }
\ No newline at end of file
+form .form-row .extra-link { padding-top:0; }
+.faq .two-cols .rt { width:auto; }
+.faq .two-cols .lt { width:auto; }
+dl.alt-style { width:auto; }
.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
+.faq .current a { text-decoration:underline }\r
.question h2 { color:#EF4F54 }\r
.content .backlink { margin:1em 0; }\r
.faq h3 { color:#4085a6; margin:0;}\r
.article p.info { margin-top:20px; padding-top:10px; font-size:0.769em; color:#808080; }\r
.article h2, .posts h2 { color:#ef4f53; }\r
.posts h2 a, .posts h2 a:hover { border:0 none;color:#ef4f53;}\r
-.posts p.date, .article p.date { margin:0; font-size:1.231em; color:#01a1ae; }\r
+.posts p.date, .article p.date { margin:0; font-size:1.077em; color:#3582AC; }\r
p.info a { color:#808080; border-bottom:0 none; }\r
p.info a:hover { color:#000; border-bottom:0 none;}\r
.bg-wrap { background-position:right top; background-repeat:no-repeat;}\r
.bg-wrap.open .extra { display:block;}\r
.bg-wrap .extra .hide-extra { display:block; text-align:right; border:0 none; height:16px; overflow:hidden;}\r
.bg-wrap .extra .hide-extra img { margin-top:0; vertical-align:top; display:inline; }\r
-.bg-wrap .extra .hide-extra:hover img { margin-top:-16px;}\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
+.bg-wrap .extra .hide-extra:hover img { margin-top:-32px;}\r
+.pithos h2, \r
+.pithos .extra .options li h3 { color:#BC742B; }\r
.cyclades h2, \r
-.cyclades .extra .options li h3 { color:#4085A6; }\r
+.cyclades .extra .options li h3 { color:#00A1B0; }\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; text-decoration:none;}\r
+a.btn_01:hover { background:#3582AC; 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
.resources .list .resource-cat-2.resource { border-color: #FF6F00 }\r
.resources .list .resource-cat-2.resource .title { color: #FF6F00 }\r
.resources .list .resource-cat-2.resource .description { background-color: #FF6F00 }\r
+.resources .list .resource-cat-2.resource .description p{ line-height:130%; }\r
\r
table { width:80%; color:#B3B3B3;}\r
table th, table td { padding:5px 5px 5px 0; }1234\r
/*pagination*/\r
.pagination .next-prev { float:left; }\r
.pagination .nums { text-align:right;}\r
-.pagination .nums span { color:#F89A1C;}\r
+.pagination .nums span { color:#000;}\r
\r
.two-cols .lt .clients-wrapper p { padding:0; }\r
\r
.container ul.options li a:hover { text-decoration: none; }\r
.container ul.options li a.red { color:#F24E53 }\r
.container ul.options li a.red:hover { border-bottom:1px solid #F24E53; }\r
-.container ul.options li a.grey { color:#aaa }\r
-.container ul.options li a.grey:hover { border-bottom:1px solid #aaa; }\r
-.container ul.options li a.blue { color:#00A2B1 }\r
-.container ul.options li a.blue:hover { border-bottom:1px solid #00A2B1; }\r
+.container ul.options li a.grey { color:#F89A1C }\r
+.container ul.options li a.grey:hover { border-bottom:1px solid #F89A1C; }\r
+.container ul.options li a.blue { color:#3582AC }\r
+.container ul.options li a.blue:hover { border-bottom:1px solid #3582AC; }\r
\r
/* homepage clouds animation */\r
#animation { width:94%; height:120px; padding:0 3%; background:url(../images/okeanos_landing.png) no-repeat; max-width:375px; }\r
/* new faq-userguide styles */\r
\r
.faq .two-cols .lt { width:460px; }\r
-.faq .two-cols .rt { width:340px; }\r
+.faq .two-cols .rt { width:340px; text-align:center; }\r
.lt-small .rt { width:520px; }\r
.lt-small .lt { width:280px; }\r
.unequal-dotted { background:url(../images/double-dots-unequal.jpg) no-repeat top center; padding: 30px 0 0 ; margin-top:30px;}\r
.tirkouaz h2,\r
.tirkouaz h2 a,\r
.tirkouaz h3,\r
-.tirkouaz a:hover { color:#00A1B0; }\r
+.tirkouaz a:hover,\r
+.tirkouaz li.current a { color:#00A1B0; }\r
.yellow h2,\r
.yellow h2 a,\r
.yellow h3,\r
-.yellow a:hover { color:#F6921E; }\r
+.yellow a:hover,\r
+.yellow li.current a { color:#F6921E; }\r
.purple h2,\r
.purple h2 a,\r
.purple h3,\r
-.purple a:hover { color:#7B499C; }\r
+.purple a:hover,\r
+.purple li.current a { color:#7B499C; }\r
+.blue h2,\r
+.blue h2 a,\r
+.blue h3,\r
+.blue a:hover,\r
+.blue li.current a { color:#3582AC; }\r
+.brown h2,\r
+.brown h2 a,\r
+.brown h3,\r
+.brown a:hover,\r
+.brown li.current a { color:#BC742B; }\r
\r
-.details ul li a,\r
-.details ul li a:hover,\r
.question .content a:hover { color:#F6921E }\r
.details .extra-menu { background: url(../images/dots.jpg) repeat-x center top ;padding-top:20px; margin-top:20px; }\r
.details .faq-category h2 { font-size:1em; }\r
\r
}\r
\r
+\r
+//equal heights\r
+ \r
+(function($) {\r
+ $.fn.equalHeights = function(minHeight, maxHeight) {\r
+ tallest = (minHeight) ? minHeight : 0;\r
+ this.each(function() {\r
+ if($(this).height() > tallest) {\r
+ tallest = $(this).height();\r
+ }\r
+ });\r
+ if((maxHeight) && tallest > maxHeight) tallest = maxHeight;\r
+ return this.each(function() {\r
+ $(this).height(tallest);\r
+ });\r
+ }\r
+})(jQuery);\r
+\r
+\r
+\r
// fix for iPhone - iPad orientation bug \r
var metas = document.getElementsByTagName('meta');\r
function resetViewport() {\r
}\r
}\r
}\r
-document.addEventListener("gesturestart", gestureStart, false);\r
\r
+if (navigator.userAgent.match(/iPhone/i)) {\r
+ document.addEventListener("gesturestart", gestureStart, false);\r
+}\r
//end of fix\r
\r
$(document).ready(function() {\r
//todo\r
});\r
}); \r
- //$('select').dropkick();\r
+ //$('.dropkick-select').dropkick();\r
\r
\r
\r
});\r
$(this).siblings('p').find('img').animate({\r
width: '60%' \r
- });\r
+ }, 600);\r
}, \r
function () {\r
\r
});\r
$(this).siblings('p').find('img').animate({\r
width: '65%' \r
- });\r
+ },600);\r
}\r
);\r
\r
\r
/*$('#animation a').hover(\r
function () {\r
- var src = $(this).find('img').attr('src').replace('.png', '_top.png')\r
- $(this).find('img').attr("src", src);\r
+ \r
$(this).animate({\r
top: '+=-10' \r
- }, 600, function() {\r
- // action to do when animation is finished\r
- });\r
+ }, 600);\r
$(this).siblings('p').find('img').animate({\r
width: '60%' \r
});\r
}, \r
function () {\r
- \r
- $(this).animate({\r
- top: '0' \r
- \r
- }, 600, function() {\r
- var src = $(this).find('img').attr('src').replace('_top.png', '.png')\r
- $(this).find('img').attr("src", src);\r
- });\r
+\r
+ $(this).animate({top: '0'}, 600);\r
$(this).siblings('p').find('img').animate({\r
width: '65%' \r
});\r
);*/\r
\r
\r
+ if ($('.widjets'.length > 0)) {\r
+ $('.widjets li div').equalHeights();\r
+ }\r
+ \r
+ $(function() {\r
+ if($("#from").length > 0 ){\r
+ $( "#from" ).datepicker({\r
+ defaultDate: "+0", \r
+ dateFormat: "dd-mm-yy",\r
+ onSelect: function( selectedDate ) {\r
+ $( "#to" ).datepicker( "option", "minDate", selectedDate );\r
+ }\r
+ });\r
+ $( "#to" ).datepicker({\r
+ defaultDate: "+1w", \r
+ dateFormat: "dd-mm-yy",\r
+ onSelect: function( selectedDate ) {\r
+ $( "#from" ).datepicker( "option", "maxDate", selectedDate );\r
+ }\r
+ });\r
+ }\r
+ });\r
});\r
\r
$(window).resize(function() {\r
\r
setContainerMinHeight('.container .wrapper');\r
+ if ($('.widjets').length > 0) {\r
+ $('.widjets li div').equalHeights();\r
+ }\r
\r
});\r
+\r
+\r
+\r
+\r
+ \r
+\r
+\r
{% block page.css %}
- <link href="https://fonts.googleapis.com/css?family=Antic" rel="stylesheet" type="text/css">
+ <link href='http://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/global.css">
<link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/print.css" media="print">
<!--[if lte IE 7]>
<link rel="stylesheet" media="screen and (max-width: 960px)" href="{{ IM_STATIC_URL }}css/max960.css"/>
<link rel="stylesheet" media="screen and (max-width: 768px)" href="{{ IM_STATIC_URL }}css/max768.css"/>
<link rel="stylesheet" media="screen and (max-width: 480px)" href="{{ IM_STATIC_URL }}css/max480.css"/>
+ <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/jquery-ui-1.8.21.custom.css"/>
+
{% endblock page.css %}
{% block headjs %}
<script src="{{ IM_STATIC_URL }}js/jquery-1.7.1.min.js"></script>
- <script src="{{ IM_STATIC_URL }}js/jquery.dropkick-1.0.0.js"></script>
+
<script src="{{ IM_STATIC_URL }}js/os.js"></script>
<script src="{{ IM_STATIC_URL }}js/modernizr-2.0.6.js"></script>
<script src="{{ IM_STATIC_URL }}js/jquery.js"></script>
<script src="{{ IM_STATIC_URL }}js/jquery.infieldlabel.js"></script>
- <script src="{{ IM_STATIC_URL }}js/forms.js"></script>
- <script src="{{ IM_STATIC_URL }}js/common.js"></script>
+ <script src="{{ IM_STATIC_URL }}js/forms.js"></script>
+ <script src="{{ IM_STATIC_URL }}js/common.js"></script>
{% endblock headjs %}
{% block endhead %}{% endblock endhead %}
{% extends "im/account_base.html" %}
{% block page.body %}
-<div class="full bottom-bordered">
+<div class="full bottom-bordered clearfix">
<div class="lt-div">
<p>Invite someone else</p>
</div>