From 8c734a3474e913c065c63dbce344e6a7b8fa5e1b Mon Sep 17 00:00:00 2001 From: Matt Lee Date: Thu, 16 Jun 2016 15:36:58 -0500 Subject: [PATCH] remove hover effects, single column --- .../chooser_pages/interactive_chooser.html | 191 +++++++++--------- 1 file changed, 95 insertions(+), 96 deletions(-) diff --git a/python_env/src/cc.engine/cc/engine/templates/chooser_pages/interactive_chooser.html b/python_env/src/cc.engine/cc/engine/templates/chooser_pages/interactive_chooser.html index aef18d2b6..685e946a5 100644 --- a/python_env/src/cc.engine/cc/engine/templates/chooser_pages/interactive_chooser.html +++ b/python_env/src/cc.engine/cc/engine/templates/chooser_pages/interactive_chooser.html @@ -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; } @@ -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; @@ -553,7 +553,7 @@ 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; @@ -561,7 +561,7 @@ } -.require_js #metadata .help_highlight:hover .help_button { +.require_js #metadata .help_highlight:ho2ver .help_button { position: absolute; display: inline-block; top: 0px; @@ -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; @@ -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 { @@ -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; } @@ -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; @@ -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; -} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @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; - } + + + + + + + + + + + + + + .container, .sixteen.columns, .ui_row, @@ -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"); } } @@ -1353,8 +1354,6 @@

{% trans %}Allow adaptations of your work to be shared?{% endtrans %}

id="question_3-7" /> - -