Tune up your CSS
CSSCruncher.com is your premier ressource for valid, small and fancy CSS code!
» Homepage
» FAQ
» Partner
» Imprint
Last crunched Pages
» rogator.de
» grandeidea.info
» walther-flender-gruppe...
» billigfluege.de
» pregnancymiracle44.com
» More in the ARCHIVE
Tipp
Let's see what we've done for indisbook.com
CSSCruncher.com has crunched this CSS to
23.43 %
Less Size!
That's Incredible!
Crunched CSS code:
@include "constants.css";@include "~/application/modules/Core/externals/styles/main.css";@scan "application/modules" "externals/styles/main.css" "Core";html{min-height:100%;margin-bottom:1px;overflow-y:scroll} body{background:$theme_body_background_color url(~/application/themes/indisbook5/images/bg-body.gif) repeat-x center top;overflow-x:hidden} *{padding:0;margin:0;border:none;border-style:solid;border-width:0px;border-color:$theme_border_color} table{border-collapse:collapse} br{clear:both} ul{list-style-type:none} a:link, a:visited{color:$theme_link_color;text-decoration:$theme_link_decoration} a:hover{color:$theme_link_color_hover;text-decoration:$theme_link_decoration_hover} *{font-family:$theme_font_family} *[dir="rtl"]{direction:rtl;unicode-bidi:embed} div, td{font-size:$theme_font_size;color:$theme_font_color;text-align:$theme_text_align} *[dir="rtl"] div, *[dir="rtl"] td{direction:rtl;unicode-bidi:embed;text-align:right} h2, h3, h4{color:$theme_headline_color} h2{font-size:$theme_headline_size_large;letter-spacing:-1px;margin-bottom:10px} h3{font-size:$theme_headline_size_medium} h4{font-weight:bold;padding:5px 10px} h4 > span{display:inline-block} h3.sep{display:block} h3.sep > span{display:block;overflow:hidden;padding:0 10px 5px 0;font-weight:bold} html[dir="rtl"] h3.sep > span{padding:5px 0px 5px 10px} .generic_layout_container h3{margin-bottom:6px} #global_content .layout_left{+rounded(5px);+shadow(0px,3px,4px,0px,#999);float:left;width:$theme_content_columns_left_width;padding:10px;vertical-align:top;margin:0 10px 0 0;background:$theme_sidebar_background_color} #global_content .layout_right{+rounded(5px);+shadow(0px,3px,4px,0px,#999);float:right;width:$theme_content_columns_right_width;padding:10px;vertical-align:top;margin:10px;background:$theme_sidebar_background_color} .layout_left > div > ul, .layout_right > div > ul, .layout_left > div > div, .layout_right > div > div, .layout_left > form > div, .layout_right > form > div, .layout_left > form, .layout_right > form, .layout_left > div, .layout_right > div, .layout_left > div > form, .layout_right > div > form{background:transparent;border:none;padding:0 0 8px} .layout_left > div, .layout_right > div, .layout_left > form, .layout_right > form{background:transparent url(~/application/themes/indisbook5/images/bg-line.gif) repeat-x left bottom} .layout_left h3, .layout_right h3{color:$theme_headline_sidebar_color;font-size:$theme_headline_size_sidebar;font-weight:normal;margin-bottom:15px} .layout_left ul > li, .layout_right ul > li{padding:0 0 8px} .layout_middle{+rounded(5px,false,false,true,true);overflow:hidden;vertical-align:top;background:$theme_middle_content_background_color} .layout_middle > div{padding:0;margin:0} .layout_middle h3{+rounded(5px);padding:5px 0} .layout_middle .layout_user_profile_status{+rounded(5px,false,false,true,true)} .layout_page_user_profile_index .layout_middle > div{padding:10px} .layout_middle > div.layout_core_container_tabs, .layout_middle > div.layout_activity_feed{padding:0} .layout_middle > div.layout_core_container_tabs ul, .layout_middle > div.layout_activity_feed > h3{padding:10px;margin:0} .layout_middle .feed, .layout_middle .feed_viewmore, form.activity{padding-left:10px;padding-right:10px} .layout_middle .feed{margin-top:10px} .layout_middle > div.layout_user_profile_status, .layout_middle > div.layout_activity_feed > h3, #global_page_user-index-home div.layout_activity_feed .activity-post-container{background:$theme_headline_background_color} #global_page_user-index-home div.layout_activity_feed .activity-post-container{border-bottom:1px solid #eee} #global_wrapper{text-align:center} #global_content{+rounded(5px);width:$theme_content_width;margin:0px auto;overflow:hidden;background:$theme_content_background_color} #global_content > h2, #global_content > div, #global_content > p{padding:10px;margin:0} #global_content > h3, #global_content > ul{padding:0 10px} #global_content > div.headline, #global_content > div.layout_page_core_index_index, #global_content > div.layout_page_user_index_home, #global_content > div.layout_page_user_profile_index, #global_content > ul.forum_categories, #global_content > ul.forum_topics{padding:0} #global_page_user-profile-index #global_content, #global_page_core-index-index #global_content, #global_page_user-index-home #global_content, #global_page_user-index-browse #global_content{background:$theme_content_background_color_alternative} #global_page_user-profile-index .layout_middle, #global_page_core-index-index .layout_middle, #global_page_user-index-home .layout_middle, #global_page_user-index-browse .layout_middle{+rounded(5px);+shadow(0px,3px,4px,0px,#999)} #global_page_user-profile-index .layout_left, #global_page_user-profile-index .layout_right, #global_page_core-index-index .layout_left, #global_page_core-index-index .layout_right, #global_page_user-index-home .layout_left, #global_page_user-index-home .layout_right, #global_page_user-index-browse .layout_left, #global_page_user-index-browse .layout_right{+shadow();background:transparent;margin:0} #global_content_simple{display:inline-block} .layout_page_header{clear:both;padding:0px;background-color:$theme_topbar_background_color;background-repeat:no-repeat;background-position:top center;border-bottom:$theme_topbar_border;text-align:center} .layout_page_header .layout_main{width:$theme_topbar_width;text-align:right;margin:0px auto 0px auto} .layout_page_footer{clear:both;margin:15px 0;overflow:hidden} .layout_page_footer .layout_main{+rounded(5px);width:$theme_footer_width;overflow:hidden;margin:0 auto;padding:10px;background:$theme_footer_background_color} .layout_page_footer select{font-size:1em} .layout_core_menu_footer{margin:0 auto;color:$theme_font_color_light;font-size:.8em;text-align:center} .layout_core_menu_main{width:$theme_topbar_width;overflow:hidden;margin:0 auto;background-color:$theme_topbar_menu_container_background_color;border:$theme_topbar_menu_border;border-left:none;border-right:none;text-align:left} .layout_core_menu_main ul{+rounded(5px);width:$theme_topbar_menu_width;overflow:hidden;margin:15px auto;padding-left:15px;background-color:$theme_topbar_menu_background_color;white-space:nowrap} .layout_core_menu_main li{float:left;font-size:$theme_topbar_menu_link_size;margin-right:15px} html[dir="rtl"] .layout_core_menu_main li{float:right;margin-right:0px;margin-left:15px} .layout_core_menu_main li:hover{background:$theme_topbar_menu_background_color_hover} .layout_core_menu_main ul a{+noselect;outline:none;display:block;padding:5px 0;background-color:$theme_topbar_menu_link_background_color} .layout_core_menu_main ul a:link, .layout_core_menu_main ul a:visited{color:$theme_topbar_menu_link_color;text-decoration:$theme_topbar_menu_link_decoration} .layout_core_menu_main ul a:hover{color:$theme_topbar_menu_link_hover_color;text-decoration:$theme_topbar_menu_link_hover_decoration;background:$theme_topbar_menu_link_background_color_hover} .layout_core_menu_mini{width:$theme_topbar_minimenu_container_width;height:$theme_topbar_minimenu_container_height;margin:0 auto;background:$theme_topbar_minimenu_container_background_color url(~/application/themes/indisbook5/images/bg-header-minimenu.gif) repeat-x} .layout_core_menu_mini > div > ul{position:relative;float:right;width:$theme_topbar_minimenu_ul_width;padding:0 0 0 260px;background:$theme_topbar_minimenu_background_color;border:$theme_topbar_minimenu_border;border-top:none} html[dir="rtl"] .layout_core_menu_mini > div > ul{float:left} .layout_core_menu_mini > div > ul > li{float:left;overflow:hidden} html[dir="rtl"] .layout_core_menu_mini > div > ul > li{float:right} .layout_core_menu_mini > div > ul > li + li{margin-left:3px} html[dir="rtl"] .layout_core_menu_mini > div > ul > li + li{margin-left:0px;margin-right:3px} .layout_core_menu_mini #core_menu_mini_menu{width:$theme_topbar_minimenu_width;height:$theme_topbar_minimenu_height;margin:0 auto;padding:0 0 0 200px;font-size:$theme_topbar_minimenu_link_size} html[dir="rtl"] .layout_core_menu_mini #core_menu_mini_menu{padding:0px 10px 5px 0px} .layout_core_menu_mini #core_menu_mini_menu > ul > li > a{display:block;height:$theme_topbar_minimenu_container_height;padding:0 7px;color:$theme_topbar_minimenu_link_color;line-height:$theme_topbar_minimenu_container_height;font-weight:normal} .layout_core_menu_mini #core_menu_mini_menu > ul > li > a:hover{+rounded(3px);background:$theme_topbar_minimenu_link_hover_background_color;color:$theme_topbar_minimenu_link_hover_color;text-decoration:$theme_topbar_minimenu_link_hover_decoration} .layout_core_menu_mini #core_menu_mini_menu_updates{margin:0px 7px} #core_menu_mini_menu_update{float:left} #core_menu_mini_menu_update .updates_pulldown_active a#updates_toggle{background-color:$theme_pulldown_background_color_active;color:$theme_pulldown_font_color_active;text-decoration:$theme_topbar_minimenu_link_hover_decoration} #core_menu_mini_menu #global_search_form{position:absolute;left:0;top:6px;padding:0} #core_menu_mini_menu #global_search_field{+rounded(3px);width:240px !important;background:#666;border:1px solid #000;font-size:13px;color:#ccc} #core_menu_mini_menu #global_search_field:hover{background:#777;border:1px solid #000;color:#fff} #core_menu_mini_menu #global_search_field:focus{background:#eee;border:1px solid #eee;color:#333} #core_menu_mini_menu .overTxtLabel{position:absolute;top:5px !important;left:6px !important;font-size:13px;color:#ccc} .layout_core_menu_logo{width:$theme_topbar_logo_width;height:$theme_topbar_minimenu_container_height;font-size:23pt;font-weight:bold;margin:-$theme_topbar_minimenu_container_height auto 0;text-align:left;letter-spacing:-2px} .tip{overflow:hidden;clear:both;padding:10px} .tip > span{+rounded(3px);display:inline-block;float:left;padding:6px 6px 6px 27px;background-image:url(~/application/modules/Core/externals/images/tip.png);background-repeat:no-repeat;background-position:6px 6px;background-color:#faf6e4;border:1px solid #e4dfc6} html[dir="rtl"] .tip > span{background-position:99% 50%;padding:6px 27px 6px 6px;float:right} ul.form-errors, ul.form-notices{margin:0px 0px 20px 0px;overflow:hidden} * + ul.form-errors, * + ul.form-notices{margin-top:20px} ul.form-errors > li, ul.form-notices > li{+rounded;margin:7px 5px 7px 5px;padding:5px 15px 5px 32px;background-repeat:no-repeat;background-position:8px 5px;float:left;clear:left;overflow:hidden;border:1px solid #ccc} html[dir="rtl"] ul.form-errors > li, html[dir="rtl"] ul.form-notices > li{padding:5px 32px 5px 15px;background-position:98% 5px;float:right;clear:right} ul.form-errors > li > b, ul.form-notices > li > b{text-transform:uppercase;font-size:.8em} ul.form-errors > li > ul > li, ul.form-notices > li > ul > li{font-size:.9em} ul.form-errors > li{background-image:url(~/application/modules/Core/externals/images/error.png);background-color:#faf7e9} ul.form-notices > li{background-image:url(~/application/modules/Core/externals/images/notice.png);background-color:#e9faeb} button{+rounded(4px);padding:5px 9px;background-image:url(~/application/themes/indisbook5/images/bg-button.gif);background-repeat:repeat-x;background-color:$theme_button_background_color;border:1px solid;border-color:$theme_button_border_color;color:$theme_button_font_color;font-size:$theme_button_font_size} button:hover{background-color:$theme_button_background_color_hover;border-color:$theme_button_border_color_hover;cursor:pointer} input[type=text], input[type=password], input.text{width:172px !important} input[type=text], input[type=password], input.text, textarea, select{+rounded(4px);padding:6px 6px 4px;margin-bottom:5px;background-color:$theme_input_background_color;border:1px solid $theme_input_border_colors;color:$theme_input_font_color;font:$theme_input_font_size $theme_input_font_family;resize:none} input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus, select{margin-bottom:5px;border:1px solid $theme_input_active_border_colors;color:inherit} input[type=checkbox], input[type=radio]{border:none;padding:0px;margin:2px 5px 0px 0px;width:auto;display:block;float:left} html[dir="rtl"] input[type=checkbox], html[dir="rtl"] input[type=radio]{margin:2px 0px 0px 5px;float:right} input[type=checkbox] + label, input[type=radio] + label{display:block;cursor:pointer} textarea{width:300px;resize:none} textarea.codebox{width:95%;min-height:200px;font-family:courier new,courier,serif} select{width:184px !important} select option{padding:0px 10px 0px 3px} a.buttonlink{background-repeat:no-repeat;background-position:0px 0px;padding-left:21px;display:inline-block} html[dir="rtl"] a.buttonlink{background-position:top right;padding-left:0px;padding-right:21px} a.buttonlink_right{background-repeat:no-repeat;background-position:top right;padding-right:19px;font-weight:bold;display:inline-block} html[dir="rtl"] a.buttonlink_right{background-position:top left;padding-right:0px;padding-left:19px} br.multi-text-separator{margin-bottom:8px} .global_form{clear:both;overflow:hidden} .global_form > div{float:left;overflow:hidden;margin:0px auto 0px auto} html[dir="rtl"] .global_form > div{float:right} .global_form > div > div{+rounded(8px);padding:12px;background-color:$theme_form_background_color;border:none} .global_form div.form-wrapper-heading{font-weight:bold;border-bottom:1px solid $theme_foreground_border_color_light;height:1em;margin-bottom:15px} .global_form div.form-wrapper-heading > span{display:block;position:absolute;overflow:hidden;padding:4px 6px 4px 0px;background:$theme_form_background_color} html[dir="rtl"] .global_form div.form-wrapper-heading > span{padding:4px 0px 4px 6px} .global_form div.form-wrapper + div.form-wrapper-heading{margin-top:10px} .global_form > div > div > h3 + p{padding:2px;margin-top:2px;max-width:550px} .global_form > div > div > h3 + div, .global_form > div > div > h3 + p + div{margin-top:20px} .global_form > div > div{overflow:hidden} .global_form div.form-wrapper{clear:both;overflow:hidden} .global_form div.form-label{width:150px;text-align:right;padding:4px 15px 0px 2px;margin-bottom:10px;overflow:hidden;float:left;clear:left;font-size:.9em;font-weight:bold;color:$theme_form_label_font_color} html[dir="rtl"] .global_form div.form-label{text-align:left;padding:4px 2px 0px 15px;float:right;clear:right} .global_form div.form-element{min-width:150px;max-width:600px;text-align:left;margin-bottom:10px;overflow:hidden;float:left;clear:none} html[dir="rtl"] .global_form div.form-element{text-align:right;float:right} .global_form div > p{max-width:450px;padding-bottom:10px} .global_form div > input + p{margin-top:3px;font-size:7pt} .global_form input[type=text], .global_form input[type=password]{padding:2px;font-size:10pt;width:200px} .global_form input[type=text] + input[type=text]{display:block;margin-top:5px} .global_form input[type=checkbox], .global_form input[type=radio]{clear:left} html[dir="rtl"] .global_form input[type=checkbox], html[dir="rtl"] .global_form input[type=radio]{clear:right} .global_form input + label{float:left;display:block;margin-top:0px;margin-left:2px} html[dir="rtl"] .global_form input + label{float:right;margin-left:0px;margin-right:2px} .global_form select{padding:1px 0px 1px 1px;font-size:10pt;max-width:250px} html[dir="rtl"] .global_form select{padding:1px 1px 1px 0px} .global_form textarea{padding:4px;font-size:10pt;max-width:300px;min-height:100px} .global_form p.description{margin:3px 0px 10px 0px;padding:0px} .global_form #submit-element{margin-bottom:0px} .global_form button[type=submit]{margin-right:3px} html[dir="rtl"] .global_form button[type=submit]{margin-right:0px;margin-left:3px} .global_form_box{padding:10px;width:auto} .global_form_box .form-wrapper + .form-wrapper{margin-top:5px} .global_form_box .form-label{padding:0px;width:auto;float:none;clear:both;margin:0px} .global_form_box label{text-align:left;display:block;font-size:$theme_form_label_font_size;margin-bottom:2px} html[dir="rtl"] .global_form_box label{text-align:right} .global_form_box .form-element{overflow:hidden} form.filters div.form-label{margin-bottom:3px} form.filters div.form-element{margin-top:2px} form.filters button{margin-top:4px} form.filters dt{font-size:.8em;padding-bottom:2px} form.filters dd{margin-bottom:8px} .global_form_popup{padding:10px 10px 10px 13px;float:left;overflow:hidden} html[dir="rtl"] .global_form_popup{padding:10px 13px 10px 10px;float:right} .global_form_popup #submit-wrapper, .global_form_popup #cancel-wrapper{float:left;overflow:hidden} html[dir="rtl"] .global_form_popup #submit-wrapper, html[dir="rtl"] .global_form_popup #cancel-wrapper{float:right} .global_form_popup #buttons-wrapper{margin-top:10px} .global_form_popup #buttons-wrapper button{margin-right:4px} html[dir="rtl"] .global_form_popup #buttons-wrapper button{margin-right:0px;margin-left:4px} .global_form_popup_message{padding:5px;text-align:center;padding-top:20px;font-weight:bold} #form-upload #submit-wrapper{display:none} #form-upload #demo-status a.buttonlink{margin-right:15px} #searchform{float:left;clear:right} #searchform input[type=text]{width:300px} #searchform #query-label{display:none} #searchform #query-wrapper{float:left;overflow:hidden;padding:3px} #searchform #submit-label{display:none} #searchform #submit-wrapper{float:left;overflow:hidden;margin-left:1px} .search_result{overflow:hidden;width:500px;margin-top:10px;border-top-width:1px;padding-top:10px} .search_result .search_photo{display:block;float:left;overflow:hidden;margin-right:7px} .search_result .search_icon{display:block;float:left;overflow:hidden;width:48px;margin-right:7px} .search_result img{margin:auto;display:block} .search_result .search_info{display:block;overflow:hidden} .search_result .search_title{font-size:1.1em} .search_result .highlighted-text{font-weight:bold} .feed_item_date + .comments{margin-top:5px} .comments{width:450px} .comments > ul{overflow:hidden} .comments > ul > li{+foreground;background-image:none;border:none;padding:5px;border-top:1px solid $theme_foreground_border_color;overflow:hidden;margin-bottom:1px} .comments .comments_author a{font-weight:bold;margin-right:2px} html[dir="rtl"] .comments .comments_author a{margin-right:0px;margin-left:2px} html[dir="rtl"] .comments_author{float:right} .comments .comments_author_photo{float:left;overflow:hidden} html[dir="rtl"] .comments .comments_author_photo{float:right} .comments .comments_author_photo img{display:block} .comments .comments_options{font-weight:bold;font-size:1em;color:$theme_font_color_light;margin-bottom:6px} .comments .comments_comment_options > a{font-size:.8em;font-weight:bold;margin-top:5px;overflow:hidden} .comments .comments_info{font-size:.8em;padding-top:2px;padding-left:5px;overflow:hidden} html[dir="rtl"] .comments .comments_info{padding-left:0px;padding-right:5px} .comments .comments_date{font-size:.8em;margin-top:3px;color:$theme_font_color_light;overflow:hidden} .comments .comments_likes, .comments .comments_viewall{font-size:.8em} .comments .comments_likes a, .comments .comments_viewall a{font-weight:bold} .comments > form{+foreground;background-image:none;border:none;padding:5px 10px 5px 5px;border-top:1px solid $theme_foreground_border_color} html[dir="rtl"] .comments > form{padding:5px 5px 5px 10px} .comments > form > textarea{width:100%} .comments > form > button{display:block;margin-top:7px} .headline{+rounded(5px,false,false,true,true);overflow:hidden;padding:0;background:$theme_headline_background_color} .headline h2{overflow:hidden;margin:10px 25px 0 10px} html[dir="rtl"] .headline h2{float:right;margin-right:3px;margin-left:25px} .tabs{margin:10px 0 0;padding:0 10px;border-bottom:1px solid $theme_tabs_border_color} .tabs > ul li{display:inline-block} html[dir="rtl"] .tabs > ul li{float:right} .tabs > ul li > a{display:block;padding:3px 10px 5px;background-color:$theme_buttontabs_background_color;border:1px solid transparent;border-bottom:none;color:$theme_buttontabs_font_color;font-weight:normal;text-decoration:none} .tabs > ul li + li{margin-left:4px} html[dir="rtl"] .tabs > ul li + li{margin-left:0px;margin-right:4px} .tabs > ul li.active > a{+rounded(3px,false,false,true,true);margin-bottom:-1px;padding:3px 10px 6px;background-color:$theme_buttontabs_background_color_active;border:1px solid $theme_buttontabs_border_color;border-bottom:none;color:$theme_buttontabs_font_color_active} .tabs > ul li > a:hover{+rounded(3px,false,false,true,true);padding:3px 10px 5px;background:$theme_buttontabs_background_color_hover;border:1px solid $theme_buttontabs_border_color;border-bottom:none;text-decoration:none} .tabs_alt{+rounded(3px,false,false,true,true);margin:0 0 15px;padding-top:2px;background-image:none;background-color:$theme_tabs_background_color;-moz-user-select:none;-webkit-user-select:none} .layout_middle > div.layout_core_container_tabs .tabs_alt > ul, .tabs_alt > ul{margin:0;text-align:left;font-weight:bold;border-bottom:1px solid $theme_tabs_border_color;padding:3px 0px 5px 7px} html[dir="rtl"] .tabs_alt > ul{text-align:right;padding:3px 7px 5px 0px} .tabs_alt > ul > li{display:inline-block;padding:0px;*display:inline} .tabs_alt > ul > li.tab_active > a, .tabs_alt > ul > li.active > a{+rounded(3px,false,false,true,true);position:relative;top:0px;padding:3px 10px 6px;background-color:$theme_tabs_background_color_active;border:1px solid $theme_tabs_border_color;border-bottom:none;color:$theme_tabs_font_color_active} .tabs_alt > ul > li > a{padding:3px 10px 5px;border:1px solid transparent;border-bottom:none;color:$theme_tabs_font_color;font-weight:normal;text-decoration:none} .tabs_alt > ul > li > a span{font-size:.8em;font-weight:normal;margin-left:4px;border:none} html[dir="rtl"] .tabs_alt > ul > li > a span{margin-left:0px;margin-right:4px} .tabs_alt > ul > li > a:hover{+rounded(3px,false,false,true,true);padding:3px 10px 5px;background:$theme_tabs_background_color_hover;border:1px solid $theme_tabs_border_color_hover;border-bottom:none} .tab_container_inactive{display:none} .tabs_alt > ul > li.tab_closed{} .tabs_alt > ul > li.tab_open > a{+rounded(3px,false,false,true,true);border:1px solid $theme_pulldown_border_color;border-bottom:none;background-color:$theme_pulldown_background_color_active;color:$theme_pulldown_font_color_active;position:relative;top:1px;padding:5px 6px 5px 6px} .tab_pulldown_contents_wrapper{display:none;+rounded(3px,true,false,false,false);overflow:hidden;position:absolute;padding:2px;margin-top:21px;background:$theme_pulldown_border_color;z-index:99} .tab_pulldown_contents{overflow:hidden;background:$theme_pulldown_contents_background_color;max-height:500px;overflow-y:auto} .tab_pulldown_contents > ul > li{padding:5px;font-size:.8em;min-width:100px;max-width:250px;-moz-user-select:none;-webkit-user-select:none} .tab_pulldown_contents > ul > li.active{background-color:$theme_pulldown_contents_list_background_color_active} .tab_pulldown_contents > ul > li + li{border-top:1px solid $theme_border_color} .tab_pulldown_contents > ul > li:hover{background-color:$theme_pulldown_contents_list_background_color_hover;cursor:pointer} .tabs_alt > ul > li.tab_open .tab_pulldown_contents_wrapper{display:block} .pulldown > a, .pulldown_active > a{display:inline-block;height:25px;padding:0 7px 0 18px;background-image:url(~/application/modules/Core/externals/images/more.png);background-repeat:no-repeat;background-position:6px 5px;color:$theme_pulldown_font_color;line-height:25px;font-size:.8em;font-weight:bold;-moz-user-select:none;-webkit-user-select:none} .pulldown > a{+rounded(4px);background-color:$theme_pulldown_background_color;text-decoration:none} .pulldown > a:hover{background-color:$theme_pulldown_background_color_hover;color:$theme_pulldown_font_color_hover} .pulldown_active > a{+rounded(4px,false,false,true,true);background-color:$theme_pulldown_background_color_active;color:$theme_pulldown_font_color_active;text-decoration:none;background-image:url(~/application/modules/Core/externals/images/more_active.png)} .pulldown_contents_wrapper{+rounded(5px,true,true,false,false);+shadow(0px,2px,2px,0px,#777);display:none;position:absolute;z-index:99;min-width:100px;max-width:300px;overflow:hidden;margin-top:25px;padding:0px;background-color:$theme_pulldown_contents_background_color} .pulldown_active .pulldown_contents_wrapper{display:block} .pulldown_contents{overflow:hidden;max-height:500px;overflow-y:auto} .pulldown_contents ul > li{padding:5px;padding-right:15px;color:$theme_pulldown_font_color;font-size:.8em;-moz-user-select:none;-webkit-user-select:none} .pulldown_contents ul > li:last-child{+rounded(5px,true,true,false,false)} .pulldown_contents ul > li:hover{background-color:$theme_pulldown_contents_list_background_color_hover;color:$theme_pulldown_font_color_hover;cursor:pointer} .pulldown_options{margin:4px 0px} .pulldown_options a{color:$theme_pulldown_font_color_active;font-size:.8em;padding:3px;margin-right:3px} .updates_pulldown > a, .updates_pulldown_active > a{display:block;height:$theme_topbar_minimenu_container_height;padding:0 7px;color:$theme_topbar_minimenu_link_color;line-height:$theme_topbar_minimenu_container_height} .updates_pulldown > a.new_updates{+rounded(3px);background:#f96262;color:#fff} .updates_pulldown > a.new_updates:hover{+rounded(3px);background:#e45656;color:#fff} .updates_pulldown > a:hover{background:$theme_pulldown_background_color_hover url(~/application/themes/indisbook5/images/bg-header-minimenu-updates.gif) repeat-x;color:$theme_topbar_minimenu_link_hover_color;text-decoration:$theme_topbar_minimenu_link_hover_decoration} .updates_pulldown_active > a{background:$theme_pulldown_background_color_active url(~/application/themes/indisbook5/images/bg-header-minimenu-updates.gif) repeat-x;color:$theme_pulldown_font_color_active;text-decoration:$theme_topbar_minimenu_link_hover_decoration} .updates_pulldown_active .pulldown_contents_wrapper{display:block} .notifications_menu > div{color:$theme_topbar_minimenu_link_color} #core_menu_mini_menu_update .pulldown_contents_wrapper{margin-top:40px} .tag{+rounded(3px);display:inline-block;background-color:$theme_tag_background_color;font-weight:bold;display:inline-block;float:left;padding:.4em .6em .4em .6em;margin:0px 10px 5px 0px;font-size:.8em} html[dir="rtl"] .tag{float:right;margin:0px 0px 5px 10px} .tag > a{text-decoration:none;padding-left:6px;text-transform:uppercase} html[dir="rtl"] .tag > a{float:left;padding-left:0px;padding-right:6px} #profile_status{margin:0} #profile_status > h2{display:inline-block} .activity-post-container, .quicklinks li{border:none;margin:0} .chat_container{+rounded(5px)} #global_page_user-index-browse #global_content > h2{position:relative;z-index:50;margin-bottom:-29px;height:19px;width:156px;padding:10px 10px 0;color:$theme_headline_sidebar_color;font-size:$theme_headline_size_sidebar;font-weight:normal} #global_page_user-index-browse #global_content > .layout_left > form{padding-top:30px} ul.forum_categories > li{margin-bottom:20px} ul.forum_categories > li > div, div.forum_header{padding:5px 10px;background:$theme_headline_background_color;border-width:1px 0;border-style:solid;border-color:#eee} ul.forum_categories .forum_title h3{font-weight:normal} #compose-tray > div > span, #compose-tray > div > div, #compose-tray > div a{height:20px} #compose-tray .compose-menu > span{padding-left:20px} #global_content > ul.forum_topics, #global_content > div.forum_topic_options{border-left:none;border-right:none} #global_content > ul.forum_topic_posts{padding:0} .layout_middle > div.layout_core_container_tabs a.buttonlink{margin-left:10px} #global_page_poll-index-view #global_content > h2{padding-bottom:0} div.media_photo_tagform_container input[type="text"]{width:122px !important} html#smoothbox_window body{background:#fff}
» Show original CSS code
« Hide original CSS code
@include "constants.css"; @include "~/application/modules/Core/externals/styles/main.css"; @scan "application/modules" "externals/styles/main.css" "Core"; /* GLOBAL STYLES, FONTS & RESETS */ html { min-height: 100%; margin-bottom: 1px; overflow-y: scroll; } body { background: $theme_body_background_color url(~/application/themes/indisbook5/images/bg-body.gif) repeat-x center top; overflow-x: hidden; } * { padding: 0; margin: 0; border: none; border-style: solid; border-width: 0px; border-color: $theme_border_color; } table { border-collapse: collapse; } br { clear: both; } ul { list-style-type: none; } a:link, a:visited { color: $theme_link_color; text-decoration: $theme_link_decoration; } a:hover { color: $theme_link_color_hover; text-decoration: $theme_link_decoration_hover; } * { font-family: $theme_font_family; } *[dir="rtl"] { direction: rtl; unicode-bidi: embed; } div, td { font-size: $theme_font_size; color: $theme_font_color; text-align: $theme_text_align; } *[dir="rtl"] div, *[dir="rtl"] td { direction: rtl; unicode-bidi: embed; text-align: right; } h2, h3, h4 { color: $theme_headline_color; } h2 { font-size: $theme_headline_size_large; letter-spacing: -1px; margin-bottom: 10px; } h3 { font-size: $theme_headline_size_medium; } h4 { font-weight: bold; /*border-bottom: 1px solid $theme_border_color;*/ padding: 5px 10px; } h4 > span { display: inline-block; /*position: absolute; background-color: $theme_body_background_color;*/ } h3.sep { display: block; } h3.sep > span { display: block; overflow: hidden; padding: 0 10px 5px 0; font-weight: bold; } html[dir="rtl"] h3.sep > span { padding: 5px 0px 5px 10px; } /* GENERAL LAYOUT */ .generic_layout_container h3 { margin-bottom: 6px; } #global_content .layout_left { +rounded(5px); +shadow(0px, 3px, 4px, 0px, #999); float: left; width: $theme_content_columns_left_width; padding: 10px; vertical-align: top; margin: 0 10px 0 0; background: $theme_sidebar_background_color; } #global_content .layout_right { +rounded(5px); +shadow(0px, 3px, 4px, 0px, #999); float: right; width: $theme_content_columns_right_width; padding: 10px; vertical-align: top; margin: 10px; background: $theme_sidebar_background_color; } .layout_left > div > ul, .layout_right > div > ul, .layout_left > div > div, .layout_right > div > div, .layout_left > form > div, .layout_right > form > div, .layout_left > form, .layout_right > form, .layout_left > div, .layout_right > div, .layout_left > div > form, .layout_right > div > form { background: transparent; border: none; padding: 0 0 8px; } .layout_left > div, .layout_right > div, .layout_left > form, .layout_right > form { background: transparent url(~/application/themes/indisbook5/images/bg-line.gif) repeat-x left bottom; } .layout_left h3, .layout_right h3 { color: $theme_headline_sidebar_color; font-size: $theme_headline_size_sidebar; font-weight: normal; margin-bottom: 15px; } .layout_left ul > li, .layout_right ul > li { padding: 0 0 8px; } .layout_middle { +rounded(5px, false, false, true, true); overflow: hidden; vertical-align: top; background: $theme_middle_content_background_color; } .layout_middle > div { padding: 0; margin: 0; } .layout_middle h3 { +rounded(5px); padding: 5px 0; } .layout_middle .layout_user_profile_status { +rounded(5px, false, false, true, true); } /* middle exceptions */ .layout_page_user_profile_index .layout_middle > div { padding: 10px; } .layout_middle > div.layout_core_container_tabs, .layout_middle > div.layout_activity_feed { padding: 0; } .layout_middle > div.layout_core_container_tabs ul, .layout_middle > div.layout_activity_feed > h3{ padding: 10px; margin: 0; } .layout_middle .feed, .layout_middle .feed_viewmore, form.activity { padding-left: 10px; padding-right: 10px; } .layout_middle .feed { margin-top: 10px; } .layout_middle > div.layout_user_profile_status, .layout_middle > div.layout_activity_feed > h3, #global_page_user-index-home div.layout_activity_feed .activity-post-container { background: $theme_headline_background_color; } #global_page_user-index-home div.layout_activity_feed .activity-post-container { border-bottom: 1px solid #eee; } /* end middle exceptions */ #global_wrapper { text-align: center; } #global_content { +rounded(5px); width: $theme_content_width; margin: 0px auto; overflow: hidden; /* min-height: 500px; */ background: $theme_content_background_color; } #global_content > h2, #global_content > div, #global_content > p { padding: 10px; margin: 0; } #global_content > h3, #global_content > ul { padding: 0 10px; } #global_content > div.headline, #global_content > div.layout_page_core_index_index, #global_content > div.layout_page_user_index_home, #global_content > div.layout_page_user_profile_index, #global_content > ul.forum_categories, #global_content > ul.forum_topics { padding: 0; } /* global exception */ #global_page_user-profile-index #global_content, #global_page_core-index-index #global_content, #global_page_user-index-home #global_content, #global_page_user-index-browse #global_content { background: $theme_content_background_color_alternative; } #global_page_user-profile-index .layout_middle, #global_page_core-index-index .layout_middle, #global_page_user-index-home .layout_middle, #global_page_user-index-browse .layout_middle { +rounded(5px); +shadow(0px, 3px, 4px, 0px, #999); } #global_page_user-profile-index .layout_left, #global_page_user-profile-index .layout_right, #global_page_core-index-index .layout_left, #global_page_core-index-index .layout_right, #global_page_user-index-home .layout_left, #global_page_user-index-home .layout_right, #global_page_user-index-browse .layout_left, #global_page_user-index-browse .layout_right { +shadow(); background: transparent; margin: 0; } /* end global exception*/ #global_content_simple { display: inline-block; } /* Header */ .layout_page_header { clear: both; padding: 0px; background-color: $theme_topbar_background_color; background-repeat: no-repeat; background-position: top center; border-bottom: $theme_topbar_border; text-align: center; } .layout_page_header .layout_main { width: $theme_topbar_width; text-align: right; margin: 0px auto 0px auto; } /* Footer */ .layout_page_footer { clear: both; margin: 15px 0; overflow: hidden; } .layout_page_footer .layout_main { +rounded(5px); width: $theme_footer_width; overflow: hidden; margin: 0 auto; padding: 10px; background: $theme_footer_background_color; } .layout_page_footer select { font-size: 1em; } .layout_core_menu_footer { margin: 0 auto; color: $theme_font_color_light; font-size: .8em; text-align: center; } /* MAIN MENU WIDGET */ .layout_core_menu_main { width: $theme_topbar_width; overflow: hidden; margin: 0 auto; background-color: $theme_topbar_menu_container_background_color; border: $theme_topbar_menu_border; border-left: none; border-right: none; text-align: left; } .layout_core_menu_main ul { +rounded(5px); width: $theme_topbar_menu_width; overflow: hidden; margin: 15px auto; padding-left: 15px; background-color: $theme_topbar_menu_background_color; white-space: nowrap; } .layout_core_menu_main li { float: left; font-size: $theme_topbar_menu_link_size; margin-right: 15px; } html[dir="rtl"] .layout_core_menu_main li { float: right; margin-right: 0px; margin-left: 15px; } .layout_core_menu_main li:hover { background: $theme_topbar_menu_background_color_hover; } .layout_core_menu_main ul a { +noselect; outline: none; display: block; padding: 5px 0; background-color: $theme_topbar_menu_link_background_color; } .layout_core_menu_main ul a:link, .layout_core_menu_main ul a:visited { color: $theme_topbar_menu_link_color; text-decoration: $theme_topbar_menu_link_decoration; } .layout_core_menu_main ul a:hover { color: $theme_topbar_menu_link_hover_color; text-decoration: $theme_topbar_menu_link_hover_decoration; background: $theme_topbar_menu_link_background_color_hover; } /* MINI MENU + SEARCH WIDGET Shows the mini menu and search widget */ .layout_core_menu_mini { width: $theme_topbar_minimenu_container_width; height: $theme_topbar_minimenu_container_height; margin: 0 auto; /* overflow: hidden; */ background: $theme_topbar_minimenu_container_background_color url(~/application/themes/indisbook5/images/bg-header-minimenu.gif) repeat-x; } .layout_core_menu_mini > div > ul { position: relative; float: right; width: $theme_topbar_minimenu_ul_width; /* overflow: hidden; */ padding: 0 0 0 260px; background: $theme_topbar_minimenu_background_color; border: $theme_topbar_minimenu_border; border-top: none; } html[dir="rtl"] .layout_core_menu_mini > div > ul { float: left; } .layout_core_menu_mini > div > ul > li { float: left; overflow: hidden; } html[dir="rtl"] .layout_core_menu_mini > div > ul > li { float: right; } .layout_core_menu_mini > div > ul > li + li { margin-left: 3px; } html[dir="rtl"] .layout_core_menu_mini > div > ul > li + li { margin-left: 0px; margin-right: 3px; } .layout_core_menu_mini #core_menu_mini_menu { width: $theme_topbar_minimenu_width; height: $theme_topbar_minimenu_height; /* overflow: hidden; */ margin: 0 auto; padding: 0 0 0 200px; font-size: $theme_topbar_minimenu_link_size; } html[dir="rtl"] .layout_core_menu_mini #core_menu_mini_menu { padding: 0px 10px 5px 0px; } .layout_core_menu_mini #core_menu_mini_menu > ul > li > a { display: block; height: $theme_topbar_minimenu_container_height; padding: 0 7px; color: $theme_topbar_minimenu_link_color; line-height: $theme_topbar_minimenu_container_height; font-weight: normal; } .layout_core_menu_mini #core_menu_mini_menu > ul > li > a:hover { +rounded(3px); background: $theme_topbar_minimenu_link_hover_background_color; color: $theme_topbar_minimenu_link_hover_color; text-decoration: $theme_topbar_minimenu_link_hover_decoration; } .layout_core_menu_mini #core_menu_mini_menu_updates { margin: 0px 7px; } #core_menu_mini_menu_update { float: left; } #core_menu_mini_menu_update .updates_pulldown_active a#updates_toggle { background-color: $theme_pulldown_background_color_active; color: $theme_pulldown_font_color_active; text-decoration: $theme_topbar_minimenu_link_hover_decoration; } #core_menu_mini_menu #global_search_form { position: absolute; left: 0; top: 6px; padding: 0; } #core_menu_mini_menu #global_search_field { +rounded(3px); width: 240px !important; background: #666; border: 1px solid #000; font-size: 13px; color: #ccc; } #core_menu_mini_menu #global_search_field:hover { background: #777; border: 1px solid #000; color: #fff; } #core_menu_mini_menu #global_search_field:focus { background: #eee; border: 1px solid #eee; color: #333; } #core_menu_mini_menu .overTxtLabel { position: absolute; top: 5px !important; left: 6px !important; font-size: 13px; color: #ccc; } /* SITE LOGO WIDGET */ .layout_core_menu_logo { width: $theme_topbar_logo_width; height: $theme_topbar_minimenu_container_height; font-size: 23pt; font-weight: bold; margin: -$theme_topbar_minimenu_container_height auto 0; text-align: left; letter-spacing: -2px; /* overflow: hidden; */ } /* GLOBAL NOTICES (OUTSIDE FORMS) Used to show a message or notice with an icon on a page, usually above content, not within a form. */ .tip { overflow: hidden; clear: both; padding: 10px; } .tip > span { +rounded(3px); display: inline-block; float: left; padding: 6px 6px 6px 27px; background-image: url(~/application/modules/Core/externals/images/tip.png); background-repeat: no-repeat; background-position: 6px 6px; background-color: #faf6e4; border: 1px solid #e4dfc6; } html[dir="rtl"] .tip > span { background-position: 99% 50%; padding: 6px 27px 6px 6px; float: right; } /* GLOBAL FORM RESPONSES Used to show feedback from form submissions, i.e. error/result messages. */ ul.form-errors, ul.form-notices { margin: 0px 0px 20px 0px; overflow: hidden; } * + ul.form-errors, * + ul.form-notices { margin-top: 20px; } ul.form-errors > li, ul.form-notices > li { +rounded; margin: 7px 5px 7px 5px; padding: 5px 15px 5px 32px; background-repeat: no-repeat; background-position: 8px 5px; float: left; clear: left; overflow: hidden; border: 1px solid #ccc; } html[dir="rtl"] ul.form-errors > li, html[dir="rtl"] ul.form-notices > li { padding: 5px 32px 5px 15px; background-position: 98% 5px; float: right; clear: right; } ul.form-errors > li > b, ul.form-notices > li > b { text-transform: uppercase; font-size: .8em; } ul.form-errors > li > ul > li, ul.form-notices > li > ul > li { font-size: .9em; } ul.form-errors > li { background-image: url(~/application/modules/Core/externals/images/error.png); background-color: #faf7e9; } ul.form-notices > li { background-image: url(~/application/modules/Core/externals/images/notice.png); background-color: #e9faeb; } /* GLOBAL FORM ELEMENTS Used for most forms throughout the site. */ button { +rounded(4px); padding: 5px 9px; background-image: url(~/application/themes/indisbook5/images/bg-button.gif); background-repeat: repeat-x; background-color: $theme_button_background_color; border: 1px solid; border-color: $theme_button_border_color; color: $theme_button_font_color; font-size: $theme_button_font_size; } button:hover { background-color: $theme_button_background_color_hover; border-color: $theme_button_border_color_hover; cursor: pointer; } input[type=text], input[type=password], input.text { width: 172px !important; } input[type=text], input[type=password], input.text, textarea, select { +rounded(4px); padding:6px 6px 4px; margin-bottom: 5px; background-color: $theme_input_background_color; border: 1px solid $theme_input_border_colors; color: $theme_input_font_color; font: $theme_input_font_size $theme_input_font_family; resize: none; } input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus, select { margin-bottom: 5px; border: 1px solid $theme_input_active_border_colors; color: inherit; } input[type=checkbox], input[type=radio] { border: none; padding: 0px; margin: 2px 5px 0px 0px; width: auto; display: block; float: left; } html[dir="rtl"] input[type=checkbox], html[dir="rtl"] input[type=radio] { margin: 2px 0px 0px 5px; float: right; } input[type=checkbox] + label, input[type=radio] + label { display: block; cursor: pointer; } textarea { width: 300px; resize: none; } textarea.codebox { width: 95%; min-height: 200px; font-family: courier new, courier, serif; } select { width: 184px !important; } select option { padding: 0px 10px 0px 3px; } a.buttonlink { background-repeat: no-repeat; background-position: 0px 0px; padding-left: 21px; display: inline-block; } html[dir="rtl"] a.buttonlink { background-position: top right; padding-left: 0px; padding-right: 21px; } a.buttonlink_right { background-repeat: no-repeat; background-position: top right; padding-right: 19px; font-weight: bold; display: inline-block; } html[dir="rtl"] a.buttonlink_right { background-position: top left; padding-right: 0px; padding-left: 19px; } br.multi-text-separator { margin-bottom: 8px; } /* LARGE BOX FORM These styles are for large forms that are given an exclusive page. They are not intended for smaller forms that are embedded elsewhere. Examples: Signup form, member settings form, etc. */ /* form container */ .global_form { clear: both; overflow: hidden; } /* external form border */ .global_form > div { float: left; overflow: hidden; margin: 0px auto 0px auto; } html[dir="rtl"] .global_form > div { float: right; } /* internal form border */ .global_form > div > div { +rounded(8px); padding: 12px; background-color: $theme_form_background_color; border: none; } /* form headline */ .global_form div.form-wrapper-heading { font-weight: bold; border-bottom: 1px solid $theme_foreground_border_color_light; height: 1em; margin-bottom: 15px; } .global_form div.form-wrapper-heading > span { display: block; position: absolute; overflow: hidden; padding: 4px 6px 4px 0px; background: $theme_form_background_color; } html[dir="rtl"] .global_form div.form-wrapper-heading > span { padding: 4px 0px 4px 6px; } .global_form div.form-wrapper + div.form-wrapper-heading { margin-top: 10px; } /* form instructions (after title) */ .global_form > div > div > h3 + p { padding: 2px; margin-top: 2px; max-width: 550px; } /* add some space above form elements if title/instructions precede */ .global_form > div > div > h3 + div, .global_form > div > div > h3 + p + div { margin-top: 20px; } /* container for form label/element rows */ .global_form > div > div { overflow: hidden; } /* container row for a label (left) and element (right) */ .global_form div.form-wrapper { clear: both; overflow: hidden; } /* left-side element label container */ .global_form div.form-label { width: 150px; text-align: right; padding: 4px 15px 0px 2px; margin-bottom: 10px; overflow: hidden; float: left; clear: left; font-size: .9em; font-weight: bold; color: $theme_form_label_font_color; } html[dir="rtl"] .global_form div.form-label { text-align: left; padding: 4px 2px 0px 15px; float: right; clear: right; } /* right-side form element container */ .global_form div.form-element { min-width: 150px; max-width: 600px; text-align: left; margin-bottom: 10px; overflow: hidden; float: left; clear: none; } html[dir="rtl"] .global_form div.form-element { text-align: right; float: right; } /* all paragraphs of text in the form */ .global_form div > p { max-width: 450px; padding-bottom: 10px; } /* paragraphs of text that come after an input element */ .global_form div > input + p { margin-top: 3px; font-size: 7pt; } /* all text inputs in form */ .global_form input[type=text], .global_form input[type=password] { padding: 2px; font-size: 10pt; width: 200px; } /* only for text inputs that come after other text inputs */ /* i.e. for when there is a vertical list of text inputs */ .global_form input[type=text] + input[type=text] { display: block; margin-top: 5px; } /* all checkboxes and radios in form */ .global_form input[type=checkbox], .global_form input[type=radio] { clear: left; } html[dir="rtl"] .global_form input[type=checkbox], html[dir="rtl"] .global_form input[type=radio] { clear: right; } /* for clickable labels that appear to the right of elements */ /* such as checkboxes or radios */ .global_form input + label { float: left; display: block; margin-top: 0px; margin-left: 2px; } html[dir="rtl"] .global_form input + label { float: right; margin-left: 0px; margin-right: 2px; } /* all select boxes in form */ .global_form select { padding: 1px 0px 1px 1px; font-size: 10pt; max-width: 250px; } html[dir="rtl"] .global_form select { padding: 1px 1px 1px 0px; } /* all textareas in form */ .global_form textarea { padding: 4px; font-size: 10pt; max-width: 300px; min-height: 100px; } .global_form p.description { margin: 3px 0px 10px 0px; padding: 0px; } .global_form #submit-element { margin-bottom: 0px; } .global_form button[type=submit] { margin-right: 3px; } html[dir="rtl"] .global_form button[type=submit] { margin-right: 0px; margin-left: 3px; } /* SMALL BOX FORM These styles are for small box forms, such as the login box found by default on the main index page. Form names and inputs are stacked vertically (not floated) to fit into small-width content areas. */ .global_form_box { padding: 10px; width: auto; } .global_form_box .form-wrapper + .form-wrapper { margin-top: 5px; } .global_form_box .form-label { padding: 0px; width: auto; float: none; clear: both; margin: 0px; } .global_form_box label { text-align: left; display: block; font-size: $theme_form_label_font_size; margin-bottom: 2px; } html[dir="rtl"] .global_form_box label { text-align: right; } .global_form_box .form-element { overflow: hidden; } /* FILTER FORM These styles are for small, transparent forms that contain search boxes or filter fields. They are usually found on browse pages. */ form.filters div.form-label { margin-bottom: 3px; } form.filters div.form-element { margin-top: 2px; } form.filters button { margin-top: 4px; } form.filters dt { font-size: .8em; padding-bottom: 2px; } form.filters dd { margin-bottom: 8px; } /* POPUP FORM These are used to style popup (i.e. smoothbox) forms. Also used to style popup response messages, etc. */ .global_form_popup { padding: 10px 10px 10px 13px; float: left; overflow: hidden; } html[dir="rtl"] .global_form_popup { padding: 10px 13px 10px 10px; float: right; } .global_form_popup #submit-wrapper, .global_form_popup #cancel-wrapper { float: left; overflow: hidden; } html[dir="rtl"] .global_form_popup #submit-wrapper, html[dir="rtl"] .global_form_popup #cancel-wrapper { float: right; } .global_form_popup #buttons-wrapper { margin-top: 10px; } .global_form_popup #buttons-wrapper button { margin-right: 4px; } html[dir="rtl"] .global_form_popup #buttons-wrapper button { margin-right: 0px; margin-left: 4px; } .global_form_popup_message { padding: 5px; text-align: center; padding-top: 20px; font-weight: bold; } /* UPLOAD FORM Styles the file upload form. */ #form-upload #submit-wrapper { display: none; } #form-upload #demo-status a.buttonlink { margin-right: 15px; } /* SEARCH PAGE Used to style the main search page. */ #searchform { float: left; clear: right; } #searchform input[type=text] { width: 300px; } #searchform #query-label { display: none; } #searchform #query-wrapper { float: left; overflow: hidden; padding: 3px; } #searchform #submit-label { display: none; } #searchform #submit-wrapper { float: left; overflow: hidden; margin-left: 1px; } .search_result { overflow: hidden; width: 500px; margin-top: 10px; border-top-width: 1px; padding-top: 10px; } .search_result .search_photo { display: block; float: left; overflow: hidden; margin-right: 7px; } .search_result .search_icon { display: block; float: left; overflow: hidden; width: 48px; margin-right: 7px; } .search_result img { margin: auto; display: block; } .search_result .search_info { display: block; overflow: hidden; } .search_result .search_title { /* font-weight: bold; */ font-size: 1.1em; } .search_result .highlighted-text { font-weight: bold; } /* COMMENTS These styles are used everywhere comments appear. */ .feed_item_date + .comments { margin-top: 5px; } .comments { width: 450px; } .comments > ul { overflow: hidden; } .comments > ul > li { +foreground; background-image: none; border: none; padding: 5px; border-top: 1px solid $theme_foreground_border_color; overflow: hidden; margin-bottom: 1px; } .comments .comments_author a { font-weight: bold; margin-right: 2px; } html[dir="rtl"] .comments .comments_author a { margin-right: 0px; margin-left: 2px; } html[dir="rtl"] .comments_author { float: right; } .comments .comments_author_photo { float: left; overflow: hidden; } html[dir="rtl"] .comments .comments_author_photo { float: right; } .comments .comments_author_photo img { display: block; } .comments .comments_options { font-weight: bold; font-size: 1em; color: $theme_font_color_light; margin-bottom: 6px; } .comments .comments_comment_options > a { font-size: .8em; font-weight: bold; margin-top: 5px; overflow: hidden; } .comments .comments_info { font-size: .8em; padding-top: 2px; padding-left: 5px; overflow: hidden; } html[dir="rtl"] .comments .comments_info { padding-left: 0px; padding-right: 5px; } .comments .comments_date { font-size: .8em; margin-top: 3px; color: $theme_font_color_light; overflow: hidden; } .comments .comments_likes, .comments .comments_viewall { font-size: .8em; } .comments .comments_likes a, .comments .comments_viewall a { font-weight: bold; } .comments > form { +foreground; background-image: none; border: none; padding: 5px 10px 5px 5px; border-top: 1px solid $theme_foreground_border_color; } html[dir="rtl"] .comments > form { padding: 5px 5px 5px 10px; } .comments > form > textarea { width: 100%; } .comments > form > button { display: block; margin-top: 7px; } /* HEADLINE Used at the top of most browse pages. Often contains button-style tabs. */ .headline { +rounded(5px, false, false, true, true); overflow: hidden; padding: 0; background: $theme_headline_background_color; } .headline h2 { overflow: hidden; margin: 10px 25px 0 10px; } html[dir="rtl"] .headline h2 { float: right; margin-right: 3px; margin-left: 25px; } /* TABS (BUTTON STYLE, DEFAULT) */ .tabs { margin: 10px 0 0; padding: 0 10px; border-bottom: 1px solid $theme_tabs_border_color; } .tabs > ul li { display: inline-block; } html[dir="rtl"] .tabs > ul li { float: right; } .tabs > ul li > a { display: block; padding: 3px 10px 5px; background-color: $theme_buttontabs_background_color; border: 1px solid transparent; border-bottom: none; color: $theme_buttontabs_font_color; font-weight: normal; text-decoration: none; } .tabs > ul li + li { margin-left: 4px; } html[dir="rtl"] .tabs > ul li + li { margin-left: 0px; margin-right: 4px; } .tabs > ul li.active > a { +rounded(3px, false, false, true, true); margin-bottom: -1px; padding: 3px 10px 6px; background-color: $theme_buttontabs_background_color_active; border: 1px solid $theme_buttontabs_border_color; border-bottom: none; color: $theme_buttontabs_font_color_active; } .tabs > ul li > a:hover { +rounded(3px, false, false, true, true); padding: 3px 10px 5px; background: $theme_buttontabs_background_color_hover; border: 1px solid $theme_buttontabs_border_color; border-bottom: none; text-decoration: none; } /* TABS (TAB STYLE, NON-DEFAULT) */ .tabs_alt { +rounded(3px, false, false, true, true); margin: 0 0 15px; padding-top: 2px; background-image: none; background-color: $theme_tabs_background_color; -moz-user-select: none; -webkit-user-select: none; } .layout_middle > div.layout_core_container_tabs .tabs_alt > ul, .tabs_alt > ul { margin: 0; text-align: left; font-weight: bold; border-bottom: 1px solid $theme_tabs_border_color; padding: 3px 0px 5px 7px; } html[dir="rtl"] .tabs_alt > ul { text-align: right; padding: 3px 7px 5px 0px; } .tabs_alt > ul > li { display: inline-block; padding: 0px; *display: inline; /* fix for IE7 */ } .tabs_alt > ul > li.tab_active > a, .tabs_alt > ul > li.active > a { +rounded(3px, false, false, true, true); position: relative; top: 0px; padding: 3px 10px 6px; background-color: $theme_tabs_background_color_active; border: 1px solid $theme_tabs_border_color; border-bottom: none; color: $theme_tabs_font_color_active; } .tabs_alt > ul > li > a { padding: 3px 10px 5px; border: 1px solid transparent; border-bottom: none; color: $theme_tabs_font_color; font-weight: normal; text-decoration: none; } .tabs_alt > ul > li > a span { font-size: .8em; font-weight: normal; margin-left: 4px; border: none; } html[dir="rtl"] .tabs_alt > ul > li > a span { margin-left: 0px; margin-right: 4px; } .tabs_alt > ul > li > a:hover { +rounded(3px, false, false, true, true); padding: 3px 10px 5px; background: $theme_tabs_background_color_hover; border: 1px solid $theme_tabs_border_color_hover; border-bottom: none; } .tab_container_inactive { display: none; } .tabs_alt > ul > li.tab_closed { } .tabs_alt > ul > li.tab_open > a { +rounded(3px, false, false, true, true); border: 1px solid $theme_pulldown_border_color; border-bottom: none; background-color: $theme_pulldown_background_color_active; color: $theme_pulldown_font_color_active; position: relative; top: 1px; padding: 5px 6px 5px 6px; } .tab_pulldown_contents_wrapper { display: none; +rounded(3px, true, false, false, false); overflow: hidden; position: absolute; padding: 2px; margin-top: 21px; background: $theme_pulldown_border_color; z-index: 99; } .tab_pulldown_contents { overflow: hidden; background: $theme_pulldown_contents_background_color; max-height: 500px; overflow-y: auto; } .tab_pulldown_contents > ul > li { padding: 5px; font-size: .8em; min-width: 100px; max-width: 250px; -moz-user-select: none; -webkit-user-select: none; } .tab_pulldown_contents > ul > li.active { background-color: $theme_pulldown_contents_list_background_color_active; } .tab_pulldown_contents > ul > li + li { border-top: 1px solid $theme_border_color; } .tab_pulldown_contents > ul > li:hover { background-color: $theme_pulldown_contents_list_background_color_hover; cursor: pointer; } .tabs_alt > ul > li.tab_open .tab_pulldown_contents_wrapper { display: block; } /* PULLDOWN SELECT BOX Styles the inline pulldown select popup box that is used as an alternative to regular input select boxes in some places. */ .pulldown > a, .pulldown_active > a { display: inline-block; height: 25px; padding: 0 7px 0 18px; background-image: url(~/application/modules/Core/externals/images/more.png); background-repeat: no-repeat; background-position: 6px 5px; color: $theme_pulldown_font_color; line-height: 25px; font-size: .8em; font-weight: bold; -moz-user-select: none; -webkit-user-select: none; } .pulldown > a { +rounded(4px); background-color: $theme_pulldown_background_color; text-decoration: none; } .pulldown > a:hover { background-color: $theme_pulldown_background_color_hover; color: $theme_pulldown_font_color_hover; } .pulldown_active > a { +rounded(4px, false, false, true, true); background-color: $theme_pulldown_background_color_active; color: $theme_pulldown_font_color_active; text-decoration: none; background-image: url(~/application/modules/Core/externals/images/more_active.png); } .pulldown_contents_wrapper { +rounded(5px, true, true, false, false); +shadow(0px, 2px, 2px, 0px, #777); display: none; position: absolute; z-index: 99; min-width: 100px; max-width: 300px; overflow: hidden; margin-top: 25px; padding: 0px; background-color: $theme_pulldown_contents_background_color; } .pulldown_active .pulldown_contents_wrapper { display: block; } .pulldown_contents { overflow: hidden; max-height: 500px; overflow-y: auto; } .pulldown_contents ul > li { padding: 5px; padding-right: 15px; color: $theme_pulldown_font_color; font-size: .8em; -moz-user-select: none; -webkit-user-select: none; } .pulldown_contents ul > li:last-child { +rounded(5px, true, true, false, false); } .pulldown_contents ul > li:hover { background-color: $theme_pulldown_contents_list_background_color_hover; color: $theme_pulldown_font_color_hover; cursor: pointer; } .pulldown_options { margin: 4px 0px; } .pulldown_options a { color: $theme_pulldown_font_color_active; font-size: .8em; padding: 3px; margin-right: 3px; } /* PULLDOWN SELECT BOX FOR UPDATES Styles the inline pulldown select popup box used for updates that is used as an alternative to regular input select boxes in some places. */ .updates_pulldown > a, .updates_pulldown_active > a { display: block; height: $theme_topbar_minimenu_container_height; padding: 0 7px; color: $theme_topbar_minimenu_link_color; line-height: $theme_topbar_minimenu_container_height; } .updates_pulldown > a.new_updates { +rounded(3px); background: #f96262; color: #fff; } .updates_pulldown > a.new_updates:hover { +rounded(3px); background: #e45656; color: #fff; } .updates_pulldown > a:hover { background: $theme_pulldown_background_color_hover url(~/application/themes/indisbook5/images/bg-header-minimenu-updates.gif) repeat-x; color: $theme_topbar_minimenu_link_hover_color; text-decoration: $theme_topbar_minimenu_link_hover_decoration; } .updates_pulldown_active > a { background: $theme_pulldown_background_color_active url(~/application/themes/indisbook5/images/bg-header-minimenu-updates.gif) repeat-x; color: $theme_pulldown_font_color_active; text-decoration: $theme_topbar_minimenu_link_hover_decoration; } .updates_pulldown_active .pulldown_contents_wrapper { display: block; } .notifications_menu > div { color: $theme_topbar_minimenu_link_color; } #core_menu_mini_menu_update .pulldown_contents_wrapper { margin-top: 40px; } /* TAGS Styles lists of tags that are used for message recipients, lists of friend lists, etc. Each tag has its own remove link. */ .tag { +rounded(3px); display: inline-block; background-color: $theme_tag_background_color; font-weight: bold; display: inline-block; float: left; padding: .4em .6em .4em .6em; margin: 0px 10px 5px 0px; font-size: .8em; } html[dir="rtl"] .tag { float: right; margin: 0px 0px 5px 10px; } .tag > a { text-decoration: none; padding-left: 6px; text-transform: uppercase; } html[dir="rtl"] .tag > a { float: left; padding-left: 0px; padding-right: 6px; } #profile_status { margin: 0; } #profile_status > h2 { display: inline-block; } .activity-post-container, .quicklinks li { border: none; margin: 0; } .chat_container { +rounded(5px); } /* member-page fix */ #global_page_user-index-browse #global_content > h2 { position:relative; z-index:50; margin-bottom:-29px; height: 19px; width:156px; padding: 10px 10px 0; color: $theme_headline_sidebar_color; font-size: $theme_headline_size_sidebar; font-weight: normal; } #global_page_user-index-browse #global_content > .layout_left > form { padding-top:30px; } /* end member-page fix */ /* forum-page fix */ ul.forum_categories > li { margin-bottom: 20px; } ul.forum_categories > li > div, div.forum_header { padding: 5px 10px; background: $theme_headline_background_color; border-width: 1px 0; border-style: solid; border-color: #eee; } ul.forum_categories .forum_title h3 { font-weight: normal; } /* end forum-page fix */ /* activity-feeds fix for opera */ #compose-tray > div > span, #compose-tray > div > div, #compose-tray > div a { height: 20px; } #compose-tray .compose-menu > span { padding-left: 20px; } #global_content > ul.forum_topics, #global_content > div.forum_topic_options { border-left: none; border-right: none; } #global_content > ul.forum_topic_posts { padding: 0; } /* end activity-feeds fix*/ .layout_middle > div.layout_core_container_tabs a.buttonlink { margin-left: 10px; } #global_page_poll-index-view #global_content > h2 { padding-bottom: 0; } div.media_photo_tagform_container input[type="text"] { width: 122px !important; } html#smoothbox_window body { background: #fff; }