From c9da4168874296cf4f5ba71b9a432ceae3c26130 Mon Sep 17 00:00:00 2001 From: Alvin Li Date: Fri, 20 Sep 2013 23:52:59 +0800 Subject: *** merged changes of front pages *** * merged changes from '97suifang-front' by mjymjydark; and modified to work with django * finished 'editing_data' div of 'SheetDefault' for add new record * added 'indicator.views.ajax_add_record()' *** search *** * improved 'search' function of 'NewDeleteIndex' page; employ AJAX to load search results; * added 'indicator.views.search_indicators()' *** recommend indicator *** * improved the functions of 'recommend_indicator' * added 'sciblog.models.UserCollection' to record the collection information for each user * improved 'sciblog.views.add_user_to_m2m()' to work with 'UserCollection' * added field 'lastRecommendTime' in 'indicator.models.UserIndicator' * updated 'indicator.views.indicator_status' against 'recommend_indicator' *** qtip2 for recommended indicator *** * added 'qtip2' tooltip for recommended indicator card * added '97suifang' qtip css (qtip-sf) * added tooltip for 'add record' when return error (SheetDefault page); * improved the style of 'collection_btn' and 'go_library_btn' of IndexDesc page; --- .../indicator/static/css/edit_history_data.css | 68 +---- .../apps/indicator/static/css/index_desc.css | 13 +- .../apps/indicator/static/css/new_delete_index.css | 173 +++++++++-- .../apps/indicator/static/css/sheet_default.css | 326 +++++++++++++++------ 97suifangqa/apps/indicator/static/css/sidebar.css | 21 +- 5 files changed, 427 insertions(+), 174 deletions(-) (limited to '97suifangqa/apps/indicator/static/css') diff --git a/97suifangqa/apps/indicator/static/css/edit_history_data.css b/97suifangqa/apps/indicator/static/css/edit_history_data.css index 49005be..0209ca7 100644 --- a/97suifangqa/apps/indicator/static/css/edit_history_data.css +++ b/97suifangqa/apps/indicator/static/css/edit_history_data.css @@ -126,12 +126,6 @@ input[type="radio"]:checked + label { float: left; position: relative; } -.edit_history_data_content .editing_data .date .datepicker_container .valid { - border: 2px solid green; -} -.edit_history_data_content .editing_data .date .datepicker_container .invalid { - border: 2px solid red; -} .edit_history_data_content .editing_data .date .datepicker { background: #FFFFFF; border: 1px solid #9C9C9C; @@ -149,6 +143,12 @@ input[type="radio"]:checked + label { right: 8px; cursor: pointer; } +.edit_history_data_content .editing_data .date .datepicker_container .valid { + border: 2px solid green; +} +.edit_history_data_content .editing_data .date .datepicker_container .invalid { + border: 2px solid red; +} .edit_history_data_content .editing_data .data { height: 26px; line-height: 26px; @@ -182,62 +182,6 @@ input[type="radio"]:checked + label { padding-bottom: 2px; margin-right: 8px; } -.edit_history_data_content .editing_data .input_container { - height: 26px; - line-height: 26px; - float: left; - top: 1px; -} -.edit_history_data_content .editing_data .input_container .prompt { - margin-right: 8px; - float: left; -} -.edit_history_data_content .editing_data .input_container input { - color: #5C5C5C; - background-color: #FFFFFF; - border: 1px solid #9C9C9C; -} -.edit_history_data_content .editing_data .input_container .error { - border: 2px solid red; -} -.edit_history_data_content .editing_data .input_container .edit_input_main { - width: 42px; - height: 17px; - line-height: 17px; - padding-top: 2px; - padding-bottom: 2px; -} -.edit_history_data_content .editing_data .input_container .edit_input_sub { - width: 17px; - height: 17px; - line-height: 17px; - padding-top: 2px; - padding-bottom: 2px; -} -.edit_history_data_content .editing_data .add_minus_icon { - height: 26px; - line-height: 26px; - float: left; - padding-top: 1px; - padding-bottom: 1px; - margin-right: 8px; -} -.edit_history_data_content .editing_data .add_minus_icon .add_icon { - background:url(../images/add.png) no-repeat; - width: 15px; - height: 11px; - border-right: 1px solid #9C9C9C; - cursor: pointer; -} -.edit_history_data_content .editing_data .add_minus_icon .minus_icon { - background:url(../images/minus.png) no-repeat; - width: 15px; - height: 10px; - border-bottom: 1px solid #9C9C9C; - border-right: 1px solid #9C9C9C; - margin-top: 1px; - cursor: pointer; -} .edit_history_data_content .editing_data .data_unit { height: 26px; line-height: 26px; diff --git a/97suifangqa/apps/indicator/static/css/index_desc.css b/97suifangqa/apps/indicator/static/css/index_desc.css index c5adbc8..53530b6 100644 --- a/97suifangqa/apps/indicator/static/css/index_desc.css +++ b/97suifangqa/apps/indicator/static/css/index_desc.css @@ -1,6 +1,6 @@ #index_desc_container { width: 588px; - height: 349px; + height: 365px; background-color: #FFFFFF; border: 1px solid #94C721; padding: 0 20px 0 20px; @@ -39,6 +39,7 @@ font-size: 16px; text-align: left; } + .collection { background-color: #F7F7F7; height: 38px; @@ -53,8 +54,13 @@ .collection:hover { background-color: #EAEAEA; } +/* style for annotation_not_found */ +.collection_no_annotation { + height: 40px; +} + .go_library { - padding-top: 8px; + margin-top: 12px; height: 28px; } .go_library .go_library_btn { @@ -66,3 +72,6 @@ padding-bottom: 2px; padding-top: 2px; } +.go_library .go_library_btn:disabled { + background-color: #CCCCCC; +} diff --git a/97suifangqa/apps/indicator/static/css/new_delete_index.css b/97suifangqa/apps/indicator/static/css/new_delete_index.css index f26430d..fde8168 100644 --- a/97suifangqa/apps/indicator/static/css/new_delete_index.css +++ b/97suifangqa/apps/indicator/static/css/new_delete_index.css @@ -1,9 +1,111 @@ +/* login {{{ */ +#login_container { + float: left; + position: relative; + z-index: 999; + width: 865px; + height: 85px; + margin-left: 457px; +} +#login_container .logged-in { + float: right; + margin-top: 26px; + right: 16px; + width: 160px; +} +#login.logged-in .user-name, #login.logged-in .user-level, #login.logged-in .user-photo, #login.logged-in .drop-down-menu-button { + vertical-align: bottom; +} +#login.logged-in .user-photo { + position: relative; + top: 2px; + /* display: none; */ +} +#login.logged-in .user-level { + font-size: 1em; + line-height: 1em; + padding: 0.05em 0.25em 0.05em 0.2em; + /* display: none; */ +} +.green-block { + background-color: #7BB81B; + color: #FFFFFF; +} +.number-block { + border-radius: 3px 3px 3px 3px; + font-family: "Courier New","DejaVu Sans Mono",monospace,sans-serif,"STHeiti","WenQuanYi Micro Hei","Microsoft YaHei",SimSun,sans-serif; + text-align: center; + width: 1.3em; +} +#login.logged-in .drop-down-area { + cursor: pointer; +} +#login.logged-in .user-name { + font-size: 1.14286em; + font-weight: bold; + line-height: 1em; +} +#login.logged-in .drop-down-menu { + background-color: #FFFFFF; + border: 1px solid #C9C9C9; + border-radius: 2px 2px 2px 2px; + box-shadow: 0 0 10px rgba(85, 85, 85, 0.5); + color: #000000; + display: none; + margin-top: 10px; + position: absolute; + z-index: 999; + width: 168px; + height: 91px; +} +#login.logged-in .drop-down-menu .text-pointer { + background: url("../images/login-menu-popup-pointer.png") no-repeat scroll 0 0 transparent; + height: 8px; + left: 100px; + margin-left: -10px; + position: absolute; + top: -8px; + width: 20px; +} +#login.logged-in .drop-down-menu ul { + margin: 0; + padding: 0; + list-style: none outside none; +} +#login.logged-in .drop-down-menu ul li { + border-bottom: 1px solid #EFEFEF; + padding: 2px; +} +#login.logged-in .drop-down-menu ul li a { + border-radius: 2px 2px 2px 2px; + color: inherit; + display: block; + padding-bottom: 0.2em; + padding-left: 1em; + padding-top: 0.2em; + text-decoration: none; + width: 150px; +} +#login.logged-in .drop-down-menu ul li.last { + border-bottom: medium none; +} +#login.logged-in .drop-down-menu.open { + display: block; +} +/* login: }}} */ + + #new_delete_container { float: left; - margin-left: 37px; + margin-left: 457px; + position: relative; + /* + position: absolute; + margin-top: 85px; + */ } .new_delete_title { - width: 596px; + width: 696px; height: 26px; } .new_delete_title .content { @@ -19,10 +121,12 @@ height: 26px; line-height: 26px; position: relative; + width: 158px; } .new_delete_title .search input { float: left; height: 20px; + line-height: normal; width: 127px; border: 1px solid #CACACA; background-color: #FFFFFF; @@ -48,21 +152,26 @@ } .index_navigation .index_type { float: left; - width: 63px; - height: 20px; + width: 77px; + height: 22px; + line-height: 22px; text-align: center; border: 1px solid #B5B5B5; border-radius: 2px; - margin-right: 11px; + margin-right: 9px; } -.index_navigation .index_type a{ +.index_navigation .index_type a { color: #7E7E7E; cursor: pointer; text-decoration: none; } +/* .index_navigation #index_all { margin-right: 11px; + float: right; + width: 71px; } +*/ .index_navigation .selected { background-color: #99CC33; border: 1px solid #CCE69C; @@ -75,13 +184,12 @@ } .show_indexes .index_container { float: left; - width: 252px; + width: 302px; height: 437px; border: 1px solid #b6b6b6; z-index: 1; position: relative; padding: 6px 12px 0 12px; - overflow: hidden; } .show_indexes .add_concerned_icon { float: left; @@ -108,10 +216,12 @@ color: #4A4A4A; float: left; } -.show_indexes .index_container .index_title_container .example_sheet { +.show_indexes .index_container .index_title_container .example_sheet a { float: right; color: #4A4A4A; margin-top: 4px; + cursor: pointer; + text-decoration: none; } .show_indexes .index_container .index_title_container .index_btn { float: right; @@ -128,6 +238,7 @@ .index_line .index_name, .index_line .index_category { float: left; font-size: 14px; + width: 45px; height: 20px; line-height: 20px; color: #4A4A4A; @@ -137,10 +248,10 @@ .index_lines .add .icon { width: 20px; height: 20px; - float: right; background: url("../images/addicon.png"); - margin-right: 2px; cursor: pointer; + position: absolute; + left: 260px; } .index_lines .add .index_name, .index_lines .add .index_category, .index_lines .minus .index_name { color: #FFFFFF; @@ -148,10 +259,10 @@ .index_lines .minus .icon { width: 20px; height: 20px; - float: right; background: url("../images/minusicon.png"); - margin-right: 2px; cursor: pointer; + position: absolute; + left: 260px; } .index_lines .add, .index_lines .minus { background: #8FC31F; @@ -189,28 +300,50 @@ float: left; color: #8F8F8F; font-size: 15px; - margin-right: 4px; + margin-right: 7px; cursor: pointer; } +.all_condition .index_all_letter .letter_selected{ + color: #99CC33; +} +.index_letter_container { + height: 360px; + position: relative; + overflow: auto; +} .index_letter_container .index_lines { margin-bottom: 46px; } .index_letter_container .index_lines .letter_title { + height: 32px; + line-height: 32px; font-weight: bold; font-size: 32px; color: #4A4A4A; border-bottom: 1px solid #BFBFBF; - height: 24px; +} +.show_indexes .index_container .right { + position: relative; + height: 405px; + overflow: auto; +} +.show_indexes .index_container .left { + position: relative; + height: 405px; + overflow: auto; } .link_container { - width: 596px; + width: 696px; height: 39px; - margin: 10px 0; /* top/bottom: 10px; left/right: 0 */ + position: relative; + float: left; + margin-left: 457px; + margin-top: 10px; + margin-bottom: 10px; } - .link_container .status_link { - width: 594px; + width: 694px; height: 37px; line-height: 37px; border: 1px solid #B5B5B5; @@ -219,7 +352,6 @@ background-color: #F3F3F1; text-align: center; } - .link_container .status_link a { color: #4A4A4A; text-decoration: none; @@ -229,3 +361,4 @@ cursor: pointer; } +/* vim: set ts=4 sw=4 tw=0 fenc=utf-8 ft=css: */ diff --git a/97suifangqa/apps/indicator/static/css/sheet_default.css b/97suifangqa/apps/indicator/static/css/sheet_default.css index 44fa6f5..b83dd6a 100644 --- a/97suifangqa/apps/indicator/static/css/sheet_default.css +++ b/97suifangqa/apps/indicator/static/css/sheet_default.css @@ -1,10 +1,134 @@ +/* + * radio input button + */ +input[type="radio"] { + display: none; + margin: 4px; + vertical-align: middle; +} +input[type="radio"] + label { + display: inline-block; + height: 17px; + line-height: 17px; + margin-right: 2px; + padding: 2px 7px; + background-color: #F3F3F1; + border: 1px solid #9C9C9C; +} +input[type="radio"]:checked + label { + background-image: none; + background-color: #99CC33; +} + +/* login {{{ */ +#login_container { + float: left; + position: relative; + width: 865px; + height: 85px; + margin-left: 457px; +} +#login_container .logged-in { + float: right; + margin-top: 26px; + right: 16px; + width: 160px; +} +#login.logged-in .user-name, #login.logged-in .user-level, #login.logged-in .user-photo, #login.logged-in .drop-down-menu-button { + vertical-align: bottom; +} +#login.logged-in .user-photo { + position: relative; + top: 2px; + /* display: none; */ +} +#login.logged-in .user-level { + font-size: 1em; + line-height: 1em; + padding: 0.05em 0.25em 0.05em 0.2em; + /* display: none; */ +} +.green-block { + background-color: #7BB81B; + color: #FFFFFF; +} +.number-block { + border-radius: 3px 3px 3px 3px; + font-family: "Courier New","DejaVu Sans Mono",monospace,sans-serif,"STHeiti","WenQuanYi Micro Hei","Microsoft YaHei",SimSun,sans-serif; + text-align: center; + width: 1.3em; +} +#login.logged-in .drop-down-area { + cursor: pointer; +} +#login.logged-in .user-name { + font-size: 1.14286em; + font-weight: bold; + line-height: 1em; +} +#login.logged-in .drop-down-menu { + background-color: #FFFFFF; + border: 1px solid #C9C9C9; + border-radius: 2px 2px 2px 2px; + box-shadow: 0 0 10px rgba(85, 85, 85, 0.5); + color: #000000; + display: none; + margin-top: 10px; + position: absolute; + z-index: 999; + width: 168px; + height: 91px; +} +#login.logged-in .drop-down-menu .text-pointer { + background: url("../images/login-menu-popup-pointer.png") no-repeat scroll 0 0 transparent; + height: 8px; + left: 100px; + margin-left: -10px; + position: absolute; + top: -8px; + width: 20px; +} +#login.logged-in .drop-down-menu ul { + margin: 0; + padding: 0; + list-style: none outside none; +} +#login.logged-in .drop-down-menu ul li { + border-bottom: 1px solid #EFEFEF; + padding: 2px; +} +#login.logged-in .drop-down-menu ul li a { + border-radius: 2px 2px 2px 2px; + color: inherit; + display: block; + padding-bottom: 0.2em; + padding-left: 1em; + padding-top: 0.2em; + text-decoration: none; + width: 150px; +} +#login.logged-in .drop-down-menu ul li.last { + border-bottom: medium none; +} +#login.logged-in .drop-down-menu.open { + display: block; +} +/* login }}} */ + + #right_container { - width: 596px; + width: 696px; float: left; + /* + position: absolute; + margin : 85px 0 0 457px; + */ + position: relative; margin-left: 457px; + padding-bottom: 50px; } #index_status_container { - width: 596px; + width: 696px; } .index_title { color: #4a4a4a; @@ -31,7 +155,7 @@ cursor: pointer; } .detail_card_info { - width: 562px; + width: 662px; border: 1px solid #CACACA; position: relative; float: left; @@ -66,10 +190,10 @@ .detail_card_info .search_data_div { margin-top: 9px; margin-bottom: 17px; - width: 562px; + width: 662px; } .detail_card_info .search_data_div input[type='button'] { - width: 80px; + width: 100px; height: 23px; line-height: 23px; float: left; @@ -88,13 +212,13 @@ float: right; } .detail_card_info .search_data_div .end_date_container { - margin-left: 10px; + margin-left: 25px; } .detail_card_info .search_data_div .datepicker_container .datepicker { background: #FFFFFF; border: 1px solid #9C9C9C; color: #B9B9B9; - width: 107px; + width: 117px; height: 17px; line-height: 17px; position: relative; @@ -138,14 +262,20 @@ background-color: #CCCCCC; } .index_card { - width: 278px; - height: 375px; + width: 328px; + height: 434px; border: 1px solid #CACACA; margin-top: 9px; border-radius: 2px; padding: 5px 5px 0 8px; position: relative; } +/* recommended indicator's card */ +#index_status_container .recommended { + width: 326px; + height: 432px; + border: 2px solid #99CC33; +} .index_card_fir { float: left; } @@ -168,8 +298,9 @@ .index_card .refer_range .refer_value { margin-right: 5px; } + .index_card .edit_data, .index_card .editing_data { - height: 25px; + height: 53px; margin-top: 7px; } .index_card .edit_data .explain_icon { @@ -181,66 +312,111 @@ cursor: pointer; } .index_card .edit_data .last_edit_data { + height: 25px; + line-height: 25px; + float: left; +} +.index_card .edit_data .last_edit_data .data_value { + margin-right: 5px; +} +.index_card .edit_data .last_edit_date { + height: 25px; + line-height: 25px; + margin-top: 3px; float: left; + color: #B9B9B9; +} +.index_card .edit_data .last_edit_date .date_prompt { + margin-right: 5px; } +.index_card .edit_data .refresh_icon { + float: right; + background: url("../images/refresh.png") no-repeat; + width: 23px; + height: 23px; + margin-top: 2px; + cursor: pointer; +} + .index_card .editing_data { + height: 53px; + margin-top: 7px; display: none; } -.index_card .editing_data .input_container { +.index_card .editing_data .data { + height: 25px; + line-height: 25px; + float: left; + top: 1px; +} +.index_card .editing_data .data .prompt { + margin-right: 8px; float: left; } -.index_card .editing_data .input_container input { +.index_card .editing_data .data input { color: #5C5C5C; background-color: #FFFFFF; border: 1px solid #9C9C9C; } -.index_card .editing_data .input_container .error { - border: 1px solid red; +.index_card .editing_data .data .valid { + border: 2px solid green; +} +.index_card .editing_data .data .invalid { + border: 2px solid red; +} +.index_card .editing_data .data .radio_input { + margin-right: 8px; + float: left; } -.index_card .editing_data .input_container .edit_input_main { - width: 42px; +.index_card .editing_data .data .data_input { + width: 165px; height: 17px; line-height: 17px; padding-top: 2px; padding-bottom: 2px; + margin-right: 8px; +} +.index_card .editing_data .data_unit { + float: left; + height: 25px; + line-height: 25px; } -.index_card .editing_data .input_container .edit_input_sub { - width: 17px; +.index_card .editing_data .date .datepicker_container { + width: 148px; + height: 25px; + position: relative; + margin-top: 5px; +} +.index_card .editing_data .date .datepicker_container .datepicker { + background: #FFFFFF; + border: 1px solid #9C9C9C; + color: #B9B9B9; + width: 131px; height: 17px; line-height: 17px; + position: relative; padding-top: 2px; padding-bottom: 2px; } -.index_card .editing_data .add_minus_icon { - float: left; - margin-right: 8px; -} -.index_card .editing_data .add_minus_icon .add_icon { - background:url(../images/add.png) no-repeat; - width: 15px; - height: 11px; - border-right: 1px solid #9C9C9C; +.index_card .editing_data .date .datepicker_container .ui-datepicker-trigger { + position: absolute; + top: 2px; + right: 8px; cursor: pointer; } -.index_card .editing_data .add_minus_icon .minus_icon { - background:url(../images/minus.png) no-repeat; - width: 15px; - height: 10px; - border-bottom: 1px solid #9C9C9C; - border-right: 1px solid #9C9C9C; - margin-top: 1px; - cursor: pointer; +.index_card .editing_data .date .datepicker_container .valid { + border: 2px solid green; } -.index_card .editing_data .data_unit { - float: left; - margin-right: 8px; +.index_card .editing_data .date .datepicker_container .invalid { + border: 2px solid red; } + .index_card .editing_data .cancel_edit_icon { float: right; background:url(../images/cancel_edit.png) no-repeat; width: 23px; height: 23px; - margin-right: 2px; + margin-right: 3px; cursor: pointer; } .index_card .editing_data .confirm_edit_icon { @@ -250,61 +426,29 @@ height: 23px; cursor: pointer; } -.index_card .refresh_data { - height: 23px; - line-height: 23px; - margin-top: 3px; -} -.index_card .refresh_data .refresh_text { - float: left; - color: #B9B9B9; -} -.index_card .refresh_data .refresh_icon { - float: right; - background: url("../images/refresh.png") no-repeat; - width: 23px; - height: 23px; - cursor: pointer; -} -.index_card .select_date { - width: 148px; - height: 23px; + +.index_card .edit_icon_container { + height: 270px; + margin-top: 10px; + margin-bottom: 10px; position: relative; - margin-top: 3px; - display: none; -} -.index_card .select_date .datepicker { - background: #FFFFFF; - border: 1px solid #9C9C9C; - color: #B9B9B9; - width: 131px; - height: 17px; - line-height: 17px; - position: relative; - padding-top: 2px; - padding-bottom: 2px; -} -.index_card .select_date .ui-datepicker-trigger { - position: absolute; - top: 2px; - right: 8px; - cursor: pointer; + top: -38px; } .index_card .edit_icon_container .edit_icon { background: url("../images/pen_large.png") no-repeat; height: 85px; width: 85px; float: left; - margin: 40px 0 0 95px; + margin: 45px 0 0 135px; cursor: pointer; } .index_card .edit_icon_container .curve_icon { background: url("../images/curve.png") no-repeat; height: 125px; - width: 97px; + width: 105px; float: left; } -.index_card .edit_text { +.index_card .edit_icon_container .edit_text { color: #4B4B4B; text-align: center; height: 20px; @@ -312,12 +456,17 @@ margin-top: 11px; margin-bottom: 100px; } + .index_card .chart { - height: 230px; + height: 270px; + margin-top: 10px; + margin-bottom: 10px; + position: relative; } .index_card .card_bottom { height: 30px; - width: 596px; + position: absolute; + bottom: 0; } .index_card .card_bottom .understand_index, .index_card .card_bottom .simulation_sheet, .index_card .card_bottom .detail_history { float: left; @@ -328,10 +477,10 @@ text-decoration: none; } .index_card .card_bottom .understand_index { - width: 99px; + width: 120px; } .index_card .card_bottom .simulation_sheet { - width: 96px; + width: 115px; } .index_card .card_delete { background: url('../images/closed.png') no-repeat; @@ -354,13 +503,13 @@ cursor: pointer; } .act_card_container { - width: 293px; + width: 343px; height: 380px; } .act_card{ - width: 290px; - height: 96px; - line-height: 96px; + width: 340px; + height: 118px; + line-height: 118px; text-align: center; border: 2px dashed #A0A0A0; margin-top: 9px; @@ -377,3 +526,4 @@ .move_div_2_left { float: left; } +/* vim: set ts=4 sw=4 tw=0 fenc=utf-8 ft=css: */ diff --git a/97suifangqa/apps/indicator/static/css/sidebar.css b/97suifangqa/apps/indicator/static/css/sidebar.css index 185145a..8df3a1a 100644 --- a/97suifangqa/apps/indicator/static/css/sidebar.css +++ b/97suifangqa/apps/indicator/static/css/sidebar.css @@ -3,9 +3,10 @@ } #sidebar_container{ padding: 1.5em 0; + position: absolute; z-index: 10; width: 420px; - height: 720px; + height: 1020px; background-color: #F3F3F1; } @@ -85,6 +86,7 @@ #compare_container .post-question .searchdiv .question { width: 289px; height: 29px; + line-height: normal; border: 1px solid #c1b59d; } #compare_container .post-question .searchdiv .submit { @@ -162,7 +164,7 @@ #compare_container .similar_container .similar_content .similar_title { color: #a0a0a0; font-size: 14px; - margin-bottom: 25px; + margin-bottom: 21px; } #compare_container .similar_container .similar_content .specifix_content { background: url("../images/dialog-default.png") no-repeat; @@ -172,6 +174,12 @@ margin-bottom: 35px; line-height:47px; } +#compare_container .similar_container .similar_content #specifix_content1, #compare_container .similar_container .similar_content #specifix_content2 { + margin-bottom: 37px; +} +#compare_container .similar_container .similar_content #specifix_content3{ + margin-bottom: 31px; +} .specifix_content .specifix_text { padding-left: 25px; font-size: 15px; @@ -182,6 +190,7 @@ height: 38px; border-radius: 3px; margin-top: 8px; + cursor: pointer; } #compare_container .compare_btn .compare_btn_in{ border: 1px solid #b8db71; @@ -200,7 +209,15 @@ text-align: center; border-radius: 3px; } +#compare_container .compare_btn .compare_btn_in:hover { + background: #93C431; +} +#compare_container .compare_btn .compare_btn_in:active { + background: #8AB82E; + box-shadow: 0 0 10px rgba(85 85 85 0.5) inset; +} #compare_container .logo_container { margin-top: 30px; text-align: center; } + -- cgit v1.2.2