Commit bd3a95ee authored by Olga Brani's avatar Olga Brani
Browse files

Various fixes

- Hand hover effect in landing page
- Select hover state
- Text corrections
parent ffedc2f4
......@@ -14,10 +14,10 @@
/* dropkick select extra styles */
.form-row .dk_container { border-radius:0; margin-bottom:0; border: 1px solid gray; height: 21px; letter-spacing: 1px; line-height: 22px; margin-bottom: -1px; width:270px; padding:0.8em; padding-left:1.5em; font-weight:normal; font-family: 'Didact Gothic', Verdana, sans-serif; font-size:1em; background:transparent; border-color:#adadad;}
.form-row .dk_toggle { border-radius:0; padding:0 0 10px; border:0 none; text-decoration:none;background-image:url(../images/arrow-down_grey.png); background-position:75% 5px;}
.form-row .dk_toggle:hover { text-decoration:none; }
.form-row .dk_toggle { border-radius:0; padding:0 0 10px; border:0 none; text-decoration:none;background-image:url(../images/select-arrow-down_grey.png); background-position:75% 5px;}
.form-row .dk_toggle:hover { text-decoration:none; background-image:url(../images/select-arrow-down_yellow.png); background-position:75% 6px; }
.form-row .dk_open { background:transparent; box-shadow: none; }
.form-row .dk_open .dk_toggle { background-color:transparent; border:0 none; color:#000; box-shadow: none;}
.form-row .dk_open .dk_toggle { background-color:transparent; border:0 none; color:#000; box-shadow: none; background-image:url(../images/select-arrow-down_black.png); background-position:75% 6px;}
.form-row .dk_focus .dk_toggle { background-color:transparent; border:0 none; color:#000; box-shadow: none;}
.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;}
......
......@@ -216,4 +216,4 @@ form .refresh p:hover span.extra-img:hover { background-position:54px -54px; c
form .refresh.open p span.extra-img { background-position: -33px -161px; }
form .refresh.open input:hover + span.extra-img { background-position: -33px 0px; }
form .refresh.open p:hover span.extra-img:hover { background-position: -33px -54px; cursor:pointer; }
. hidden-form-rows { display:none; }
.hidden-form-rows { display:none; }
......@@ -410,7 +410,9 @@ form.quotas-form span.info span { width:285px; }
*/
.quotas-form input[type="submit"].lt { position:absolute; left:0; top:0; }
.quotas-form .form-row.submit .rt { position:absolute; right:0; top:25px; }
.form-row.submit .rt { position:absolute; right:70px;bottom:15px; }
.quotas-form .form-row.submit .rt { right:0; bottom:30px }
.quotas-form fieldset ul { padding:0; margin:0 0 1em; position:relative; }
.quotas-form fieldset ul li { list-style:none outside none; float:left; margin:0 0 0 60px; padding:0; }
.quotas-form fieldset ul li:first-child { margin-left:0; }
......@@ -611,4 +613,6 @@ h2 span.subtitle { font-size: 0.9em; color: #55B577;}
.content a:hover,
.content a:active,
.content a:visited { outline: 0 none; }
.content a:visited { border:0 none; }
\ No newline at end of file
.content a:visited { border:0 none; }
#hand { position:absolute; height:79px; width:61px; background:url(../images/xeraki_hover.png) no-repeat; overflow:hidden; display:none; top:40px;}
......@@ -84,6 +84,7 @@ if (navigator.userAgent.match(/iPhone/i)) {
}
//end of fix
$(document).ready(function() {
......@@ -263,12 +264,66 @@ $(document).ready(function() {
}
}, 100);
// clouds homepage animation
/*
addClassHover('.landing-page .pithos','.cloudbar ul.services li:first');
addClassHover('.landing-page .cyclades','.cloudbar ul.services li:nth-child(2)');
addClassHover('.landing-page .dashboard','.cloudbar .profile')
*/
$('.landing-page .cms').hover(
function () {
el = $('.cloudbar ul.services li').first();
var offset = el.offset();
positionX = offset.left;
$('#hand').css('left',positionX);
$('#hand').show();
},
function () {
$('#hand').hide();
});
$('.landing-page .pithos').hover(
function () {
el = $('.cloudbar ul.services li:nth-child(2)');
var offset = el.offset();
positionX = offset.left;
left = parseInt(positionX) +20;
$('#hand').css('left',left+'px');
$('#hand').show();
},
function () {
$('#hand').hide();
});
$('.landing-page .cyclades').hover(
function () {
el = $('.cloudbar ul.services li:nth-child(3)').first();
var offset = el.offset();
positionX = offset.left;
left = parseInt(positionX) +20;
$('#hand').css('left',left+'px');
$('#hand').show();
},
function () {
$('#hand').hide();
});
$('.landing-page .dashboard').hover(
function () {
el = $('.cloudbar .profile');
var offset = el.offset();
positionX = offset.left +50;
$('#hand').css('left',positionX);
$('#hand').show();
},
function () {
$('#hand').hide();
});
});
......
......@@ -14,7 +14,9 @@
<div class="form-row submit">
<input type="submit" class="submit altcol" value="SUBMIT" />
{% if third_party_token %}
<a href={%url index %} class="rt-link">CANCEL</a>
{% endif %}
</div>
</form>
</div>
......
......@@ -45,5 +45,10 @@ and manage projects to share virtual resources with colleagues.
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('body').append('<div id="hand">&nbsp;</div>');
});
</script>
{% endblock %}
......@@ -44,7 +44,7 @@
</div>
{% else %}
<p>Hello, it seems this is the first time you try to <br>taccess the service.
<p>Hello, it seems this is the first time you try to <br>access the service.
Please provide us with the<br> following information to complete your
registration process. <br><br></p>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment