Skip to content

Commit

Permalink
remove hover effects, single column
Browse files Browse the repository at this point in the history
  • Loading branch information
Matt Lee committed Jun 16, 2016
1 parent 38ccd73 commit 8c734a3
Showing 1 changed file with 95 additions and 96 deletions.
191 changes: 95 additions & 96 deletions python_env/src/cc.engine/cc/engine/templates/chooser_pages/interactive_chooser.html
View file
Expand Up @@ -510,8 +510,8 @@
height: 25px;
}

.help_button:hover {
background-image: url("/wp-content/themes/creativecommons.org/images/hint_button_hover.png");
.help_button:ho2ver {
background-image: url("/wp-content/themes/creativecommons.org/images/hint_button_ho2ver.png");
cursor: pointer;
}

Expand All @@ -525,13 +525,13 @@
right: 20px;
}

.require_js #content[dir="ltr"] .help_highlight:hover>.help_button {
.require_js #content[dir="ltr"] .help_highlight:ho2ver>.help_button {
display: inline-block;
margin-top: 10px;
left: 20px;
}

.require_js #content[dir="rtl"] .help_highlight:hover>.help_button {
.require_js #content[dir="rtl"] .help_highlight:ho2ver>.help_button {
display: inline-block;
margin-top: 10px;
right: 20px;
Expand All @@ -553,15 +553,15 @@
border-radius: 8px;
}

.require_js #metadata .help_highlight_remove:hover {
.require_js #metadata .help_highlight_remove:ho2ver {
margin-left: -26px;
margin-right: -26px;
margin-top: -5px;
margin-bottom: 7px;

}

.require_js #metadata .help_highlight:hover .help_button {
.require_js #metadata .help_highlight:ho2ver .help_button {
position: absolute;
display: inline-block;
top: 0px;
Expand Down Expand Up @@ -621,7 +621,7 @@
padding-right: 24px;
}

.require_js .help_highlight:hover {
.require_js .help_highlight:ho2ver {
border: 1px solid #aaa;
margin-left: -25px;
margin-right: -25px;
Expand Down Expand Up @@ -829,8 +829,8 @@
background-image: url('/wp-content/themes/creativecommons.org/images/fc_dubious.png');
}

.require_js #fc_dubious_box .fc_logo_link:hover {
background-image: url('/wp-content/themes/creativecommons.org/images/fc_dubious_hover.png');
.require_js #fc_dubious_box .fc_logo_link:ho2ver {
background-image: url('/wp-content/themes/creativecommons.org/images/fc_dubious_ho2ver.png');
}

#fc_approved_box .fc_logo_link {
Expand Down Expand Up @@ -906,26 +906,26 @@
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_nc_jp.png')!important;
}

#cc_icon:hover {
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_cc_hover.png');
#cc_icon:ho2ver {
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_cc_ho2ver.png');
}
#by_icon:hover {
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_by_hover.png');
#by_icon:ho2ver {
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_by_ho2ver.png');
}
#sa_icon:hover {
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_sa_hover.png');
#sa_icon:ho2ver {
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_sa_ho2ver.png');
}
#nd_icon:hover {
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_nd_hover.png');
#nd_icon:ho2ver {
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_nd_ho2ver.png');
}
#nc_icon:hover {
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_nc_hover.png');
#nc_icon:ho2ver {
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_nc_ho2ver.png');
}
.euro #nc_icon:hover {
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_nc_eu_hover.png')!important;
.euro #nc_icon:ho2ver {
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_nc_eu_ho2ver.png')!important;
}
.yen #nc_icon:hover {
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_nc_jp_hover.png')!important;
.yen #nc_icon:ho2ver {
background-image: url('/wp-content/themes/creativecommons.org/images/chooser_nc_jp_ho2ver.png')!important;
}


Expand All @@ -934,8 +934,8 @@
}

.ui_box {
display: inline-block;
background-color: #f5f5f5;
//display: inline-block;
//background-color: #f5f5f5;
//width: 334px;
min-height: 348px;
padding: 32px;
Expand Down Expand Up @@ -1031,67 +1031,68 @@


/* all arrows */
#freedoms:before,
#license:before,
#metadata:before {
display: block;
content: "";
border: 0px;
position: absolute;
z-index: 10;
}

/* left arrows */
#content[dir="ltr"] #freedoms:before,
#content[dir="ltr"] #metadata:before {
background-image: url("/wp-content/themes/creativecommons.org/images/left_arrow.png");
width: 53px;
height: 98px;
top: 50%;
right: 0px;
margin-right: -53px;
margin-top: -49px;
}

/* right arrows */
#content[dir="rtl"] #freedoms:before,
#content[dir="rtl"] #metadata:before {
background-image: url("/wp-content/themes/creativecommons.org/images/right_arrow.png");
width: 53px;
height: 98px;
top: 50%;
left: 0px;
margin-left: -53px;
margin-top: -49px;
}

/* down arrow */
#license:before {
background-image: url("/wp-content/themes/creativecommons.org/images/down_arrow.png");
width: 98px;
height: 53px;
bottom: 0px;
left: 50%;
margin-bottom: -53px;
margin-left: -49px;
}
<!-- #freedoms:before, -->
<!-- #license:before, -->
<!-- #metadata:before { -->
<!-- display: block; -->
<!-- content: ""; -->
<!-- border: 0px; -->
<!-- position: absolute; -->
<!-- z-index: 10; -->
<!-- } -->

<!-- /* left arrows */ -->
<!-- #content[dir="ltr"] #freedoms:before, -->
<!-- #content[dir="ltr"] #metadata:before { -->
<!-- background-image: url("/wp-content/themes/creativecommons.org/images/left_arrow.png"); -->
<!-- width: 53px; -->
<!-- height: 98px; -->
<!-- top: 50%; -->
<!-- right: 0px; -->
<!-- margin-right: -53px; -->
<!-- margin-top: -49px; -->
<!-- } -->

<!-- /* right arrows */ -->
<!-- #content[dir="rtl"] #freedoms:before, -->
<!-- #content[dir="rtl"] #metadata:before { -->
<!-- background-image: url("/wp-content/themes/creativecommons.org/images/right_arrow.png"); -->
<!-- width: 53px; -->
<!-- height: 98px; -->
<!-- top: 50%; -->
<!-- left: 0px; -->
<!-- margin-left: -53px; -->
<!-- margin-top: -49px; -->
<!-- } -->

<!-- /* down arrow */ -->
<!-- #license:before { -->
<!-- background-image: url("/wp-content/themes/creativecommons.org/images/down_arrow.png"); -->
<!-- width: 98px; -->
<!-- height: 53px; -->
<!-- bottom: 0px; -->
<!-- left: 50%; -->
<!-- margin-bottom: -53px; -->
<!-- margin-left: -49px; -->
<!-- } -->

@media only screen and (max-width: 399px) {
/* Draw .ui_boxes in single column mode, remove margins and box sides */

/* down arrow */
#freedoms:before,
#license:before,
#metadata:before {
background-image: url("/wp-content/themes/creativecommons.org/images/down_arrow.png")!important;
width: 98px!important;
height: 53px!important;
top: inherit!important;
bottom: 0px!important;
left: 50%!important;
margin-bottom: -53px!important;
margin-left: -49px!important;
}
<!-- /* down arrow */ -->
<!-- #freedoms:before, -->
<!-- #license:before, -->
<!-- #metadata:before { -->
<!-- background-image: url("/wp-content/themes/creativecommons.org/images/down_arrow.png")!important; -->
<!-- width: 98px!important; -->
<!-- height: 53px!important; -->
<!-- top: inherit!important; -->
<!-- bottom: 0px!important; -->
<!-- left: 50%!important; -->
<!-- margin-bottom: -53px!important; -->
<!-- margin-left: -49px!important; -->
<!-- } -->

.container,
.sixteen.columns,
.ui_row,
Expand Down Expand Up @@ -1241,11 +1242,11 @@
background-image: url("/wp-content/themes/creativecommons.org/images/help_rtl.png");
right: -30px;
}
#content[dir="ltr"] .help_button:not(.mirror):hover, #content[dir="rtl"] .help_button.mirror:hover {
background-image: url("/wp-content/themes/creativecommons.org/images/help_ltr_hover.png");
#content[dir="ltr"] .help_button:not(.mirror):ho2ver, #content[dir="rtl"] .help_button.mirror:ho2ver {
background-image: url("/wp-content/themes/creativecommons.org/images/help_ltr_ho2ver.png");
}
#content[dir="rtl"] .help_button:not(.mirror):hover, #content[dir="ltr"] .help_button.mirror:hover {
background-image: url("/wp-content/themes/creativecommons.org/images/help_rtl_hover.png");
#content[dir="rtl"] .help_button:not(.mirror):ho2ver, #content[dir="ltr"] .help_button.mirror:ho2ver {
background-image: url("/wp-content/themes/creativecommons.org/images/help_rtl_ho2ver.png");
}
}

Expand Down Expand Up @@ -1353,8 +1354,6 @@ <h4>{% trans %}Allow adaptations of your work to be shared?{% endtrans %}</h4>
id="question_3-7" />
<label for="question_3-7">{% trans %}No{% endtrans %}</label>
</li>
</ul>
<ul class="no_columns">
<li>
<input type="radio" name="field_derivatives" value="sa"
{% if form.license.sa %}checked="checked"{% endif %}
Expand Down Expand Up @@ -1909,19 +1908,19 @@ <h4>{% trans %}Offline{% endtrans %}</h4>
<!-- this group of images shouldn't be visible, but exists to cause the browser to cache them -->
<div style="display: none">
<img src="/wp-content/themes/creativecommons.org/images/fc_dubious.png" />
<img src="/wp-content/themes/creativecommons.org/images/fc_dubious_hover.png" />
<img src="/wp-content/themes/creativecommons.org/images/fc_dubious_ho2ver.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_cc.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_by.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_nd.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_nc.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_nc_eu.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_nc_jp.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_cc_hover.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_by_hover.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_nd_hover.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_nc_hover.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_nc_eu_hover.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_nc_jp_hover.png" />
<img src="/wp-content/themes/creativecommons.org/images/hint_button_hover.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_cc_ho2ver.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_by_ho2ver.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_nd_ho2ver.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_nc_ho2ver.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_nc_eu_ho2ver.png" />
<img src="/wp-content/themes/creativecommons.org/images/chooser_nc_jp_ho2ver.png" />
<img src="/wp-content/themes/creativecommons.org/images/hint_button_ho2ver.png" />
</div>
{% endblock %}

0 comments on commit 8c734a3

Please sign in to comment.