From 334f8169fe851cd30808f58b58603e24f22d7f94 Mon Sep 17 00:00:00 2001 From: Samir Benmendil Date: Sat, 10 May 2014 23:59:53 +0100 Subject: [PATCH] dwb: add ddg userstyle --- dwb/userscripts/extension_loader.js | 11 +- dwb/userstyles/duckduckgo.com.css | 3145 +++++++++++++++++++++++++++ 2 files changed, 3151 insertions(+), 5 deletions(-) create mode 100644 dwb/userstyles/duckduckgo.com.css diff --git a/dwb/userscripts/extension_loader.js b/dwb/userscripts/extension_loader.js index 60d4b45..7fbb9e2 100644 --- a/dwb/userscripts/extension_loader.js +++ b/dwb/userscripts/extension_loader.js @@ -105,14 +105,15 @@ defaults: { }, // Settings applied based on the second level domain domains : { - "tardis" : { "user-stylesheet-uri" : "" }, - "tardis.uni.cx" : { "user-stylesheet-uri" : "" }, - "humblebundle.com" : { "user-stylesheet-uri" : "" }, - "usenet-crawler.com" : { "user-stylesheet-uri" : "" }, - "thetvdb.com" : { "user-stylesheet-uri" : "" }, + "duckduckgo.com" : { "user-stylesheet-uri" : "file:///home/ramsi/.config/dwb/userstyles/duckduckgo.com.css" }, "github.com" : { "user-stylesheet-uri" : "file:///home/ramsi/.config/dwb/userstyles/github.com.css" }, + "humblebundle.com" : { "user-stylesheet-uri" : "" }, "stackoverflow.com" : { "user-stylesheet-uri" : "file:///home/ramsi/.config/dwb/userstyles/stackoverflow.com.css" }, "superuser.com" : { "user-stylesheet-uri" : "file:///home/ramsi/.config/dwb/userstyles/stackoverflow.com.css" }, + "tardis" : { "user-stylesheet-uri" : "" }, + "tardis.uni.cx" : { "user-stylesheet-uri" : "" }, + "thetvdb.com" : { "user-stylesheet-uri" : "" }, + "usenet-crawler.com" : { "user-stylesheet-uri" : "" }, }, //Settings applied based on the hostname hosts : { diff --git a/dwb/userstyles/duckduckgo.com.css b/dwb/userstyles/duckduckgo.com.css new file mode 100644 index 0000000..92f826f --- /dev/null +++ b/dwb/userstyles/duckduckgo.com.css @@ -0,0 +1,3145 @@ +html, body { + background-color: #2d2d2d !important; + color: #d4d2cf !important; +} + +a { + color: #719696 !important; +} + +a:visited { + color: #666 !important; +} + +.url,.url a { + color: #a6a600 !important; +} + +#search_form_input_homepage { + background:#201f1f !important; + color:#d4d2cf !important; + border:1px solid #100f0f !important; + -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.8) !important; + -webkit-box-shadow:inset 1px 1px 2px #2d2d2d !important; +} + +#footer_homepage { + vertical-align:middle; + color:#333; + background:#2d2d2d !important; + border-top:1px solid #999 !important; + bottom:0; + font-size:13px; + left:0; + padding-top:7px; + padding-bottom:7px; + position:fixed; + width:100%; +} + +#footer_homepage_left a, #footer_homepage_right a { + color:#747474 !important; +} + +#header_wrapper #header { + background:url(https://duckduckgo.com/headerbg.v102.black.png) repeat-x !important; +} + +#search_form { + float:left; + width:554px; + margin-left:-25px; + border-bottom-width: 0px !important; + border-left:0 solid #e37552; + border-top:0 solid #ec9a77; + border-right:0 solid #e37552; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + margin-top:7px; + position:relative; +} + +#search_form_input, #search_form_input_clear { + background-color:#201f1f !important; + border-color: #404040 !important; + color: #d4d2cf !important; +} + +#search_form_input_clear { + background: #201f1f url(https://duckduckgo.com/assets/icon_xon.v102.png) no-repeat 2px center !important; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button { + background-color: rgba(0,0,0, 0.1) !important; + background-image: none !important; + border-color: #404040 !important; + -webkit-box-shadow:0 1px 3px 0 rgba(255,255,255,0.2) !important; +} + +#zero_click { + background:#202020 !important; + border:1px solid #202020 !important; +} + +#special_page_header,#zero_click_header { + color: #d4d2cf !important; + background: -webkit-linear-gradient(bottom,#2d2d2d,#201f1f) !important; + -webkit-box-shadow:inset 0 1px 0 #2d2d2d !important; + box-shadow:inset 0 1px 0 #2d2d2d !important; + border-bottom:1px solid #2d2d2d !important; +} + +.results_links,.results_zero_click,.results_disambig,.results_links_more,.results_category_more,.results_disambig_more,.links_zero_click_disambig { + border-color: transparent !important; +} + +.icon_zero_click_header,#zero_click_plus_wrapper.icon_zero_click_header { + border-left:1px solid #201f1f !important; + background: -webkit-linear-gradient(bottom,#2d2d2d,#201f1f) !important; +} + +#ads { + display: none !important; +} + +.results_links_deep { + border:1px solid transparent !important; +} + +.snippet,.snippet a { + color: #d4d2cf !important; +} + +.highlight { + -moz-border-radius:6px; + -webkit-border-radius:6px; + border-radius:6px; + -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1); + box-shadow:inset 0 1px 0 rgba(255,255,255,0.1); + background: #252525 !important; +} + +.links_menu,.links_menu a { + color: #777 !important; +} + +.bangwrap ul, #header_button_menu { + -webkit-box-shadow:0 1px 3px 0 rgba(255,255,255,0.2) !important; + background: #202020 !important; + border:1px solid #444 !important; +} + +.bangwrap li a:hover,.bangwrap li a:focus, #header_button_menu li a:hover, #header_button_menu li a:focus { + background-color:#1258ae !important; +} + +#header_button_menu_wrapper a.header_button_menu_item { + color: #d4d2cf !important; +} + +.bangwrap li.header, #header_button_menu li.header_button_menu_header { + background-color:#2d2d2d !important; + color: #d4d2cf !important; + border-top-color: #404040 !important; + border-bottom-color: #404040 !important; +} + +.bangwrap li a, #header_button_menu li a { + color: #d4d2cf !important; + background-color: #202020 !important; +} + + +.text-center,.text-mid { + text-align:center; +} + +.text-right { + text-align:right; +} + +.r-border-box { + -ms-box-sizing:content-box; + -o-box-sizing:content-box; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; +} + +.r-content-box,.r-grid-pad { + -ms-box-sizing:border-box; + -o-box-sizing:border-box; + -webkit-box-sizing:content-box; + -moz-box-sizing:content-box; + box-sizing:content-box; +} + +.hide--important { + display:none!important; +} + +.allcaps { + text-transform:uppercase; +} + +.block-mid { + margin-left:auto; + margin-right:auto; + display:block; + float:none; +} + +.pull-left,.fl,.float--left { + float:left; +} + +.k_float { + z-index:9999999; + position:fixed!important; +} + +.k_bottom { + bottom:0; + _top:expression(eval(document.compatMode&&document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop+(document.documentElement.clientHeight-this.clientHeight) 0 1s 0 1); +} + +.k_right { + right:2px; +} + +.k_left { + left:0; +} + +.k_top { + top:0; + _top:expression(eval(document.compatMode&&document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop:document.body.scrollTop); +} + +html { + height:101%; + background:#fdfdfd; + color:#333; + overflow-y:scroll; + overflow-x:hidden; +} + +body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td { + margin:0; + padding:0; +} + +table { + border-collapse:collapse; + border-spacing:0; + font-size:inherit; + font:100%; +} + +fieldset,img { + border:0; +} + +address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var { + font:inherit; +} + +h1,h2,h3,h4,h5,h6 { + font-size:100%; + font-weight:400; + display:inline; +} + +q:before,q:after { + content:''; +} + +abbr,acronym { + border:0; + font-variant:normal; +} + +sup { + vertical-align:baseline; + bottom:1ex; +} + +sub { + vertical-align:baseline; + top:.5ex; +} + +legend { + color:#000; +} + +body { + font:x-small; + font-size:105%; + overflow-x:hidden; +} + +select,input,textarea,button { + font:99% arial,helvetica,clean,sans-serif; +} + +pre,code,kbd,samp,tt { + font-family:monospace; + font-size:108%; + line-height:100%; +} + +input,body,a,select,#special_page_header,#zero_click_header,#search_form_input,#bang { + font-family:"Helvetica Neue","Segoe UI","Nimbus Sans L","Liberation Sans","Open Sans",FreeSans,Arial,sans-serif; +} + +a:focus { + outline:0; +} + +a.large { + font-size:128.6%; +} + +h1 { + font-weight:700; +} + +h2 { + font-weight:400; +} + +img { + display:block; + -ms-interpolation-mode:bicubic; +} + +ul { + padding-left:30px; + padding-top:3px; +} + +ul li { + list-style:disc outside; +} + +ol { + padding-left:37px; + padding-top:3px; +} + +ol li { + list-style:decimal outside; +} + +sup,sub { + height:0; + line-height:1; + vertical-align:baseline; + _vertical-align:bottom; + position:relative; + font-size:71.4%; +} + +#search_form_input_homepage,#search_form_input,#search_wrapper,#search_wrapper_homepage { + -webkit-background-clip:padding; + -moz-background-clip:padding; + background-clip:padding-box; +} + +#content_wrapper,#header_content_wrapper { + max-width:1027px; + min-width:647px; +} + +#special_page_header.min .icon_zero_click_header#zero_click_plus_wrapper,#zero_click_header.min .icon_zero_click_header#zero_click_plus_wrapper { + display:block; + position:absolute; + top:0; + right:0; + -webkit-border-radius:0 3px 3px 0; + border-radius:0 3px 3px 0; +} + +#special_page_header #zero_click_plus_wrapper.icon_zero_click_header,#zero_click_header #zero_click_plus_wrapper.icon_zero_click_header { + height:36px; + position:absolute; + top:0; + right:0; + padding:0!important; +} + +#zero_click_header { + padding-right:39px; + height:36px; + overflow:hidden; +} + +#special_page_header,#zero_click_header h1 a,#special_page_header h1 a { + color:#434343; + font-weight:700; +} + +#special_page_header { + border:1px solid #d1d1d1; + -webkit-border-radius:6px; + border-radius:6px; +} + +#bang_wrapper { + max-width:900px; + min-width:520px; + margin:0 auto; + padding:0 0 0 160px; +} + +#bang { + position:fixed; + width:175px; + top:43px; + left:373px; + display:none; + outline:0; + font-size:83.3%; + z-index:100; +} + +#bang option:hover { + background:#86cbf4; + color:#000; +} + +#bottom_spacing { + clear:both; + padding-bottom:775px; +} + +#bottom_spacing2 { + clear:both; + padding-bottom:225px; +} + +#content_wrapper { + position:relative; + z-index:1; + padding-top:15px; + padding-right:50px; +} + +#content { + max-width:900px; + min-width:520px; + _width:expression(600px); + padding:expression(50px) 0 0 62px; +} + +#content_homepage { + padding-top:10px; + max-width:600px; + margin:auto; +} + +#content_internal { + font-size:95.2%; +} + +#content_wrapper_homepage { + max-width:600px; + margin:auto; +} + +#did_you_mean { + padding-left:33px; + border:1px solid #fff; + padding-top:10px; + padding-bottom:10px; +} + +#error_homepage { + clear:both; + padding-top:20px; + font-weight:700; + color:red; + text-align:center; + display:none; + margin:auto; +} + +#feedback { + background:url(assets/icon_feedback.v101.png) no-repeat; + -webkit-background-size:71px 57px; + -moz-background-size:71px 57px; + background-size:71px 57px; + cursor:pointer; + height:19px; + width:71px; + float:left; + margin-right:5px; + background-image:url(assets/icon_feedback.v101.retina.png); +} + +#feedback:hover { + background-position:0 -19px; +} + +#feedback:active { + background-position:0 -38px; +} + +.bangwrap { + position:absolute; + top:37px; + left:auto; + right:1px; + float:right; +} + +#search_form_homepage .bangwrap { + position:relative; + top:-1px; +} + +#more_menu { + border:1px solid #c2c2c2; + -moz-border-radius:4px; + -webkit-border-radius:4px; + border-radius:4px; + display:none; + list-style:none; + float:left; + position:absolute; + bottom:25px; + left:auto; + right:1px; + background:#fff; + text-align:left; + font-size:13px; + z-index:25; + margin:0; + padding:0; +} + +#more_menu li.more_menu_header { + background-color:#f7f7f7; + color:#3f4651!important; + letter-spacing:1px; + font-size:78.6%; + border-top:1px dotted #d1d3d6; + border-bottom:1px dotted #d1d3d6; + font-weight:700!important; + cursor:default; + padding:6px 40px 6px 20px; +} + +#more_menu li a { + color:#1168cc; + display:block; + padding-bottom:3px; + padding-top:2px; + padding-left:18px; + background-color:#fff; + margin:1px; +} + +#more_menu li a:hover,#more_menu li a:focus { + background-color:#1258ae; + color:#fff; + font-weight:700; +} + +#footer_homepage_right #more_menu { + margin:0 5px 20px -17px; +} + +#footer_homepage_right #more_menu:after,#footer_homepage_right #more_menu:before { + display:block; + position:absolute; + z-index:0; + content:""; + width:0; + height:0; + right:15px; + border-left:9px solid transparent; + border-right:9px solid transparent; + border-bottom:0; +} + +#footer_homepage_right #more_menu a { + border-left:none; + height:19px; + text-decoration:none; +} + +#header_wrapper { + display:none; + position:fixed; + z-index:2; + left:0; + right:0; + top:0; + width:100%; +} + +#header_wrapper #header #header_content_wrapper #header_content { + max-width:900px; + padding-left:85px; + margin:0; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_logo { + float:left; + width:40px; + height:57px; + background:url(assets/logo_header.v101.png) no-repeat; + -webkit-background-size:40px 57px; + -moz-background-size:40px 57px; + background-size:40px 57px; + background-image:url(assets/logo_header.v101.retina.png) no-repeat; + margin:0 0 -100px -80px; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_logo img { + width:98px; + height:141px; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper { + float:left; + font-weight:400; + font-size:83.3%; + position:relative; + left:40px; + margin:7px -10px 0 0; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper ul { + padding:0; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button li { + display:block!important; + list-style:none; + float:left; + height:19px; + margin:0!important; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button a { + display:block!important; + border:1px solid transparent; + border-bottom:0; + color:#2b68b3; + margin:0 2px; + padding:2px 3px 3px; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button #header_button_menu_wrapper a.header_button_menu_item { + outline:0; + background:url(assets/header_button_triangle.v101.png) no-repeat; + background-position:right 15px; + -webkit-background-size:8px 7px; + -moz-background-size:8px 7px; + background-size:8px 7px; + color:#fff; + cursor:pointer; + height:18px; + margin-top:0; + margin-right:7px; + text-align:center; + text-shadow:#85361f 0 -1px; + background-image:url(assets/header_button_triangle.v101.retina.png); + padding:8px 15px 10px 7px; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button #header_button_menu_wrapper a:hover,#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button #header_button_menu_wrapper a:focus { + text-decoration:none!important; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button #header_button_menu_wrapper #header_button_menu { + display:none; + left:50%; + position:absolute; + background:#fff; + border:1px solid #ddd; + min-width:114px; + -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2); + box-shadow:0 1px 3px 0 rgba(0,0,0,0.2); + margin:0 0 0 -57px; +} + + +#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button #header_button_menu_wrapper #header_button_menu a { + display:block; + padding-bottom:3px; + padding-top:2px; + padding-left:5px; + background-color:#fff; + margin:1px; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button #header_button_menu_wrapper #header_button_menu a:hover,#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button #header_button_menu_wrapper #header_button_menu a:focus { + background-color:#1258ae; + color:#fff!important; + font-weight:700; +} + +#iframe_hidden { + height:0; + width:0; + display:none; +} + +#keyboard_shortcuts { + clear:both; + width:150px; +} + +#links_wrapper { + max-width:759px; +} + +#links { + padding-top:15px; + width:86.5%; +} + +#ads,#did_you_means { + width:86.5%; +} + +#did_you_means { + display:none; + padding-top:20px; +} + +#links a:focus { + outline:0; + text-decoration:none; +} + +#loading { + margin-left:29px; +} + +#logo_internal { + background:url(/assets/logo_words.v101.png) no-repeat left 10px; + -webkit-background-size:300px 45px; + -moz-background-size:300px 45px; + background-size:300px 45px; + height:63px; + background-image:url(/assets/logo_words.v101.retina.png); +} + +#logo_homepage { + background:url(/assets/logo_homepage.normal.v102.png) no-repeat center top; + -webkit-background-size:202px 160px; + -moz-background-size:202px 160px; + background-size:202px 160px; + padding-bottom:1px; + height:161px; + text-align:center; + color:transparent; + text-indent:-9999px; + font-size:0; + width:202px; + margin:40px auto; +} + +#logo_homepage.mobile { + background:url(/assets/logo_homepage_mobile.normal.png) no-repeat center top; + -webkit-background-size:275px 62px; + -moz-background-size:275px 62px; + background-size:275px 62px; + width:275px; + height:62px; +} + +#side_powered_by_wrapper { + width:173px; +} + +#side_message { + width:173px; + padding-top:30px; +} + +#powered_by { + cursor:default; + clear:right; + text-align:left; + color:#777; + background-color:#fcfcfc; + width:153px; + font-size:12px; + padding:12px 10px 10px; +} + +#search_elements_hidden { + display:none; + height:0; +} + + +#search_form_homepage { + width:518px; + text-align:left; + position:relative; + z-index:0; + margin:auto; +} + +#search_form_homepage:after { + content:""; + display:table; + clear:both; +} + +#search_dropdown { + display:block; + float:left; + width:24px; + height:37px; + background:url(assets/search_dropdown.v102.png); + -webkit-background-size:67px 74px; + -moz-background-size:67px 74px; + background-size:67px 74px; + background-position:top right; + outline:0; +} + +#search_dropdown_homepage { + display:block; + float:left; + width:23px; + height:40px; + background:url(assets/search_dropdown_homepage.v102.png) no-repeat; + -webkit-background-size:67px 78px; + -moz-background-size:67px 78px; + background-size:67px 78px; + background-position:top right; +} + + +.no-menu #search_form_input_homepage { + right:0; +} + +#search_wrapper { + float:right; + width:67px; + height:37px; +} + +#search_wrapper_homepage { + position:absolute; + top:0; + right:0; + z-index:3; + float:right; + height:39px; + width:67px; + background:#2db750; + overflow:hidden; + -webkit-border-radius:0 3px 3px 0; + border-radius:0 3px 3px 0; + -moz-border-radius:0 3px 3px 0; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-right-radius:3px; + box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); + -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); + -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); +} + +#search_form_input_clear:active { + -webkit-background-size:18px 18px; + -moz-background-size:18px 18px; + background-size:18px 18px; + background-image:url(assets/icon_xoff.v101.retina.png); +} + +#search_form_input_clear.empty { + background-position:-100px 0; +} + +#search_button { + float:left; + height:37px; + width:43px; + border:0; + background:url(assets/search_dropdown.v102.png); + -webkit-background-size:67px 74px; + -moz-background-size:67px 74px; + background-size:67px 74px; + cursor:pointer; + outline:0; +} + +#search_button_homepage { + float:left; + height:39px; + width:44px; + border:0; + background:url(assets/search_dropdown_homepage.v102.png) no-repeat; + -webkit-background-size:67px 78px; + -moz-background-size:67px 78px; + background-size:67px 78px; + cursor:pointer; +} + +#search_button_homepage:active { + background-position:0 -39px; +} + +#side_wrapper { + max-width:759px; + display:none; + position:relative; + z-index:200; + margin:0; + padding:0; +} + +#side_wrapper2 { + width:150px; + position:absolute; + right:-100px; + top:18px; + font-size:71.4%; + color:#545454; +} + +#side { + background-color:#fcfcfc; + position:fixed; + width:175px; + z-index:1; + margin-top:0; +} + +#side_map { + padding-bottom:20px; +} + +#side_suggestions { + text-align:left; + padding-left:2px; + font-size:12px; +} + +#spacing_hidden { + height:0; + display:none; + float:left; + font-size:83.3%; + padding-bottom:40px; +} + +#state_hidden { + height:0; + border:0; + width:0; + display:none; +} + +#tagline_homepage { + color:#747474; + text-align:center; + font-size:16px; + padding-top:45px; + margin:auto; +} + +#zero_click_wrapper2 { + overflow-y:auto; + min-height:30px; +} + +#zero_click_wrapper { + padding-top:20px; + max-width:759px; + display:block; +} + +#zero_click blockquote { + border-left:2px solid gray; + margin:8px 0 12px 15px; + padding:5px 5px 1px; +} + +#zero_click blockquote,q { + quotes:none; +} + +#zero_click p { + clear:both; + margin-bottom:5px; +} + +#zero_click pre { + background-color:#eee; + color:#333; + font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; + margin-bottom:5px; + margin-right:10px; + word-wrap:break-word; + white-space:0; + padding:5px; +} + +#zero_click_plus_wrapper { + overflow:hidden; + margin-left:14px; + margin-right:10px; +} + +#zero_click_plus_wrapper,#zero_click_plus_wrapper a { + float:right; + width:16px; + top:0; + text-align:right; + text-decoration:none!important; + padding-bottom:2px; +} + +#zero_click_plus { + -webkit-tap-highlight-color:transparent; + background:url(assets/icon_minus.v104.png) center top no-repeat; + -webkit-background-size:16px 72px; + -moz-background-size:16px 72px; + background-size:16px 72px; + height:36px; + background-image:url(assets/icon_minus.v104.retina.png); + margin:-3px 0 -7px; +} + +#zero_click_plus.plus { + background:url(assets/icon_plus.v104.png) center top no-repeat; + -webkit-background-size:16px 72px; + -moz-background-size:16px 72px; + background-size:16px 72px; + background-image:url(assets/icon_plus.v104.retina.png); +} + +#zero_click_abstract,#zero_click_abstract_stacked { + font-size:83.3%; + line-height:1.4; + word-wrap:break-word; + border:1px solid #f9f9f9; + border-color:rgba(0,0,0,0); + margin:4px 2px 2px; + padding:0 2px 2px; +} + +#zero_click_answer { + margin-left:25px; +} + +#zero_click_heading { + float:left; + margin-top:0; + margin-bottom:0; +} + +#zero_click_header_info { + padding-top:10px; + padding-left:65px; + font-size:77.8%; +} + +#zero_click_image { + float:right; + max-width:95%!important; + margin-top:10px; + margin-left:15px; + margin-right:10px; + padding-bottom:10px; + padding-right:3px; + line-height:1.2; + font-size:83.3%; + text-align:center; +} + +#zero_click_image img { + max-width:100%!important; + height:auto!important; +} + +#zero_click_image.nofloat { + float:none; + padding-top:10px; + margin:0 auto; +} + +#zero_click_image.nofloat+#zero_click_abstract { + max-width:100%!important; +} + +#zero_click_image.nofloat+#zero_click_abstract br { + display:none; + visibility:hidden; +} + +.zero_click_more_at_link img { + margin-bottom:-2px; +} + +#zero_click_message { + padding-left:35px; + font-size:83.3%; + padding-bottom:0; + padding-top:15px; +} + +#zero_click_topics { + font-size:83.3%; + margin-left:10px; + margin-bottom:4px; +} + +#zero_click_more_at_logo { + display:inline; + height:15px; + margin-left:5px; +} + +.modal,.add_to_browser,#footer_homepage .add_to_browser,#footer_homepage .modal { + min-height:50px; + width:185px; + background-color:#fff; + border:1px solid #c2c2c2; + display:none; + position:absolute; + bottom:25px; + left:-10px; + text-align:left; + -moz-border-radius:4px; + -webkit-border-radius:4px; + border-radius:4px; + z-index:1000; + font-size:14px; + -webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.2); + box-shadow:0 0 6px 0 rgba(0,0,0,0.2); + margin:10px; + padding:13px 7px 18px 18px; +} + +.modal:after,.add_to_browser:after,#footer_homepage .add_to_browser:after,#footer_homepage .modal:after,.modal:before,.add_to_browser:before,#footer_homepage .add_to_browser:before,#footer_homepage .modal:before { + display:block; + position:absolute; + z-index:-1; + content:""; + width:0; + height:0; + left:50px; + border-left:9px solid transparent; + border-right:9px solid transparent; + border-bottom:0; +} + +.modal h4,.add_to_browser h4,#footer_homepage .add_to_browser h4,#footer_homepage .modal h4 { + color:#444; + font-size:15px; + font-weight:700; + display:block; + margin:0 0 16px!important; +} + +.modal a.icon,.add_to_browser a.icon,#footer_homepage .add_to_browser a.icon,#footer_homepage .modal a.icon,.modal .icon,.add_to_browser .icon,#footer_homepage .add_to_browser .icon,#footer_homepage .modal .icon { + display:block; + position:relative; + font-size:13px; + height:auto; + line-height:1; + border:0; + margin:14px 0 0; + padding:0 0 0 18px; +} + +.modal a.icon:hover,.add_to_browser a.icon:hover,#footer_homepage .add_to_browser a.icon:hover,#footer_homepage .modal a.icon:hover,.modal .icon:hover,.add_to_browser .icon:hover,#footer_homepage .add_to_browser .icon:hover,#footer_homepage .modal .icon:hover,.modal a.icon a:hover,.add_to_browser a.icon a:hover,#footer_homepage .add_to_browser a.icon a:hover,#footer_homepage .modal a.icon a:hover,.modal .icon a:hover,.add_to_browser .icon a:hover,#footer_homepage .add_to_browser .icon a:hover,#footer_homepage .modal .icon a:hover { + text-decoration:none; + color:#666; +} + +.modal a.icon:before,.add_to_browser a.icon:before,#footer_homepage .add_to_browser a.icon:before,#footer_homepage .modal a.icon:before,.modal .icon:before,.add_to_browser .icon:before,#footer_homepage .add_to_browser .icon:before,#footer_homepage .modal .icon:before { + position:absolute; + left:0; + top:0; + color:#adaaac; + font-weight:700; + display:block; + float:left; +} + +.modal a.icon.add:before,.add_to_browser a.icon.add:before,#footer_homepage .add_to_browser a.icon.add:before,#footer_homepage .modal a.icon.add:before,.modal .icon.add:before,.add_to_browser .icon.add:before,#footer_homepage .add_to_browser .icon.add:before,#footer_homepage .modal .icon.add:before { + content:"\002B"; + font-size:16px; + top:-2px; +} + +.modal a.icon.more:before,.add_to_browser a.icon.more:before,#footer_homepage .add_to_browser a.icon.more:before,#footer_homepage .modal a.icon.more:before,.modal .icon.more:before,.add_to_browser .icon.more:before,#footer_homepage .add_to_browser .icon.more:before,#footer_homepage .modal .icon.more:before { + content:"\2026"; + font-size:12px; + top:-1px; +} + +.modal a.icon.try:before,.add_to_browser a.icon.try:before,#footer_homepage .add_to_browser a.icon.try:before,#footer_homepage .modal a.icon.try:before,.modal .icon.try:before,.add_to_browser .icon.try:before,#footer_homepage .add_to_browser .icon.try:before,#footer_homepage .modal .icon.try:before { + content:"\21BA"; + font-size:14px; + top:1px; + left:-2px; +} + +.modal a.icon.bad:before,.add_to_browser a.icon.bad:before,#footer_homepage .add_to_browser a.icon.bad:before,#footer_homepage .modal a.icon.bad:before,.modal .icon.bad:before,.add_to_browser .icon.bad:before,#footer_homepage .add_to_browser .icon.bad:before,#footer_homepage .modal .icon.bad:before { + content:"\2639"; + font-size:16px; + top:-1px; + left:-2px; +} + +.modal a.icon.ques:before,.add_to_browser a.icon.ques:before,#footer_homepage .add_to_browser a.icon.ques:before,#footer_homepage .modal a.icon.ques:before,.modal .icon.ques:before,.add_to_browser .icon.ques:before,#footer_homepage .add_to_browser .icon.ques:before,#footer_homepage .modal .icon.ques:before { + content:"\003F"; + font-size:12px; + top:1px; + left:2px; +} + +.modal .icon,.add_to_browser .icon,#footer_homepage .add_to_browser .icon,#footer_homepage .modal .icon { + color:#666; +} + +.modal a.icon,.add_to_browser a.icon,#footer_homepage .add_to_browser a.icon,#footer_homepage .modal a.icon,.modal .icon a,.add_to_browser .icon a,#footer_homepage .add_to_browser .icon a,#footer_homepage .modal .icon a { + color:#1168cc; +} + +.trig_add_browser,.modal_trig { + position:relative; + display:inline-block; + width:1px; + height:0; + z-index:2000; +} + +#footer_homepage #trig_add_to_browser_homepage .add_to_browser,#footer_homepage #trig_add_to_browser_homepage .modal { + left:-113px; +} + +#footer_homepage #trig_add_to_browser_homepage .add_to_browser:after,#footer_homepage #trig_add_to_browser_homepage .modal:after,#footer_homepage #trig_add_to_browser_homepage .add_to_browser:before,#footer_homepage #trig_add_to_browser_homepage .modal:before { + left:150px; +} + +#side .add_to_browser,#side .modal { + font-weight:400; + left:auto; + right:34px; + bottom:auto; + top:-43px; +} + +#side .add_to_browser:after,#side .modal:after,#side .add_to_browser:before,#side .modal:before { + left:auto; + bottom:auto; + top:20px; + border-top:9px solid transparent; + border-bottom:9px solid transparent; + border-right:0; +} + +#side .add_to_browser:before,#side .modal:before { + right:-10px; + border-left:9px solid #c2c2c2; +} + +#side .add_to_browser:after,#side .modal:after { + right:-8px; + border-left:9px solid #fff; +} + +#side #side_map.border { + width:100%; +} + +#side #side_map.border img { + -webkit-border-radius:3px; + border-radius:3px; +} + +#side .border,#side .button { + color:#686771; + background:#f5f5f5; + margin-bottom:7px; + -webkit-border-radius:3px; + border-radius:3px; + position:relative; + cursor:pointer!important; + padding:1px; +} + +#side .button { + font-size:11px; + font-weight:700; + line-height:1; + background:linear-gradient(tobottom,#f5f5f50,#e9e9e9100%); + width:138px; + height:1em; + padding:10px 4px 9px 31px; +} + +#side .button:active { + background-color:#eee; +} + +#side .border,#side .button,#side #feedback_wrapper .button { + border:1px solid #c9c9c9; +} + +#side .button-link { + border:0; + color:#686771; + text-decoration:none!important; +} + +#side .button .button-link { + position:absolute; + top:0; + left:0; + display:block; + width:80%; + padding:10px 4px 9px 31px; +} + +#side .button .trig_add_browser+a:before,#side .button .add-to:before { + content:""; + width:16px; + height:16px; + position:absolute; + top:8px; + left:8px; + background:url(assets/icon_plus.v103.png) no-repeat left 0; + -webkit-background-size:16px 34px; + -moz-background-size:16px 34px; + background-size:16px 34px; +} + +#side #feedback_wrapper .button:before { + content:""; + width:20px; + height:17px; + position:absolute; + top:7px; + left:6px; + background:url(assets/icon_feedback.v103.png) no-repeat left 0; + -webkit-background-size:20px 17px; + -moz-background-size:20px 17px; + background-size:20px 17px; +} + +#twitter_status { + position:fixed; + right:0; + bottom:0; + width:24px; + height:24px; + z-index:20; +} + +.anchor { + display:inline-block; + position:relative; + bottom:50px; + height:0; + width:0; + float:left; + margin:0; +} + +.clear { + clear:both; + height:0; + font-size:0; + line-height:0; +} + +.help,.warning,.info,.untranslated { + color:#333; + -webkit-border-radius:3px; + border-radius:3px; + font-size:.9em; + -webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.5),0 1px 1px rgba(0,0,0,0.1); + box-shadow:inset 0 1px 1px rgba(255,255,255,0.5),0 1px 1px rgba(0,0,0,0.1); + padding:12px; +} + +.help:hover,.warning:hover,.info:hover,.untranslated:hover { + -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.1); + box-shadow:0 1px 5px rgba(0,0,0,0.1); +} + +.info { + background:#fef9cd; + border:1px solid #e1d980; +} + +.help,.untranslated { + background:#cde1fe; + border:1px solid #8099e1; +} + +.warning { + background:#fecdcd; + border:1px solid #e18080; +} + +#special_page_header+.untranslated,#zero_click_header+.untranslated,#special_page_header+.info,#zero_click_header+.info,.untranslated+.clu,.untranslated+.info,.untranslated+.help,.untranslated+.warning { + margin-top:14px; +} + +#ads .highlight_sponsored { + background:rgba(255,212,0,0.18); + border:1px solid #fef9eb; + -moz-border-radius:6px; + -webkit-border-radius:6px; + border-radius:6px; + margin-bottom:1px; + border-color:rgba(255,212,0,0.08); +} + +#ads .highlight_sponsored.highlight_sponsored_hover { + background:rgba(255,212,0,0.1); + cursor:default!important; + border-color:rgba(255,212,0,0.4); +} + +.site_link:hover,.site_link:focus { + text-decoration:underline!important; +} + +.highlight,#links .highlight,#zero_click .highlight,#did_you_means .highlight { + cursor:pointer!important; + border:1px solid #eaeaea; + border-color:rgba(136,136,136,0.17); +} + +#zero_click .highlight { + -moz-border-radius:3px; + -webkit-border-radius:3px; + border-radius:3px; + background:rgba(127,127,127,0.04); + border:1px solid #e5e5e5; +} + +.highlight_zero_click_wrapper { + border:1px solid #f9f9f9; + padding:2px; +} + +.homepage-buttons { + text-align:center; + padding:19px 0 39px; +} + +.homepage-buttons .button { + min-width:116px; + height:36px; + line-height:36px; + color:#7b7b7b; + background:#fafafa; + font-size:12px; + border:1px solid #dedede; + border-left-style:none; + border-right-style:dotted; + -webkit-box-shadow:inset 0 1px 0 #fff; + box-shadow:inset 0 1px 0 #fff; + display:inline-block; + padding:0 10px; +} + +.homepage-buttons .button.first { + -webkit-border-radius:3px 0 0 3px; + border-radius:3px 0 0 3px; + border-left:1px solid #dedede; +} + +.homepage-buttons .button.last { + -webkit-border-radius:0 3px 3px 0; + border-radius:0 3px 3px 0; + border-right-style:solid; +} + +.homepage-buttons .button:hover { + text-decoration:none; + background:#fff; +} + +.homepage-buttons #more_menu { + bottom:-5px; +} + +.homepage-buttons #more_menu:after,.homepage-buttons #more_menu:before { + display:block; + position:absolute; + z-index:0; + content:""; + width:0; + height:0; + bottom:67px; + border-top:9px solid transparent; + border-bottom:9px solid transparent; + border-left:0; +} + +.homepage-buttons #more_menu:before { + left:-10px; + border-right:9px solid #c2c2c2; +} + +.homepage-buttons #more_menu:after { + left:-9px; + border-right:9px solid #f7f7f7; +} + +.homepage-message { + text-align:center; + font-size:12px; +} + +.horizontal_line { + height:1px; + border:0; + color:#bade89; + background-color:rgba(136,136,136,0.39); + text-align:left; + margin:0; + padding:0; +} + +.horizontal_line_truncated { + width:85%; +} + +.icon_fav,.icon_fav2,.icon_category,.icon_disambig { + float:left; + display:none; +} + +.icon_category { + width:53px; + text-align:center; +} + +.icon_zero_click_header a,#zero_click_plus_wrapper.icon_zero_click_header a { + float:none; + display:block; + text-align:center; + margin-left:auto; + margin-right:auto; + width:100%; +} + +.icon_zero_click_header a[title="HQ Images"] img,#zero_click_plus_wrapper.icon_zero_click_header a[title="HQ Images"] img,.icon_zero_click_header a[title="Definition"] img,#zero_click_plus_wrapper.icon_zero_click_header a[title="Definition"] img { + top:5px; +} + +.icon_zero_click_header #zero_click_plus,#zero_click_plus_wrapper.icon_zero_click_header #zero_click_plus { + margin-top:0; + height:100%; +} + +#zero_click_plus_wrapper.icon_zero_click_header+.icon_zero_click_header { + right:40px; +} + +#zero_click_plus_wrapper.icon_zero_click_header+.icon_zero_click_header+.icon_zero_click_header { + right:80px; +} + +#zero_click_plus_wrapper.icon_zero_click_header+.icon_zero_click_header+.icon_zero_click_header+.icon_zero_click_header { + right:120px; +} + +#zero_click_plus_wrapper.icon_zero_click_header+.icon_zero_click_header+.icon_zero_click_header+.icon_zero_click_header+.icon_zero_click_header { + right:160px; +} + +#zero_click_plus_wrapper.icon_zero_click_header+.icon_zero_click_header+.icon_zero_click_header+.icon_zero_click_header+.icon_zero_click_header+.icon_zero_click_header { + right:200px; +} + +.icon_fav3,.icon_spice { + display:inline; + float:left; + padding-right:5px; + width:16px; + height:16px; +} + +.icon_spice { + padding-top:2px; +} + +.icon_spice_inline { + display:inline; + padding-left:1px; + padding-right:3px; + width:16px; + height:16px; + text-align:center; + position:relative; + top:2px; +} + +.icon_disambig { + height:100%; + width:38px; + text-align:center; + vertical-align:middle; + position:absolute; + top:0; + left:0; + padding-right:8px; + margin:0; +} + +.icon_fav img,.icon_fav2 img { + width:16px; + height:16px; +} + +.icon_category img,.icon_disambig img { + display:inline; + vertical-align:middle; +} + +.icon_fav2 a+a img { + margin-bottom:-21px; +} + +.icon_zero_click_answer { + float:left; + padding-top:6px; + padding-left:8px; + padding-right:10px; + display:inline; +} + +.img_badge { + position:relative; + top:2px; + vertical-align:top; + display:inline-block; + overflow:hidden; + height:0; + width:71px; + padding-top:19px; + background:url(/assets/icon_official.v101.retina.png) top left no-repeat; + -webkit-background-size:71px 19px; + -moz-background-size:71px 19px; + background-size:71px 19px; +} + +.img_category { + max-height:50px; + max-width:50px; + width:expression(50px); +} + +.img_disambig { + max-height:30px; + max-width:30px; + width:expression(30px); +} + +.img_zero_click { + max-height:100px; + max-width:100px; + width:expression(100px); +} + +.img_zero_click_big { + max-width:85%; + margin:5px auto; +} + +.links_indent { + padding-left:35px; +} + +.links_main { + text-align:left; + margin-left:30px; + word-wrap:break-word; + overflow:hidden; +} + +.links_main div a.hidden { + display:inline!important; + visibility:hidden!important; +} + +.sponsored_info { + font-size:85.7%; + color:#555!important; + float:right; + padding-right:20px; + padding-left:10px; +} + +.links_menu_wrapper { + width:200px; + display:inline; + overflow:hidden; + position:relative; +} + +.links_menu_wrapper:hover,.links_menu_wrapper:focus { + overflow:visible; +} + +.links_menu_items { + float:left; + position:absolute; + top:-20px; + left:-2000px; + display:block; + background:#fff; + border:1px solid #ddd; + -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2); + -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2); + box-shadow:0 1px 3px 0 rgba(0,0,0,0.2); + width:150px; + text-align:left; + margin:-1px 0 0 2px; +} + +.links_menu_wrapper:hover .links_menu_items,.links_menu_wrapper:focus .links_menu_items { + left:20px; +} + +.links_menu_items:after { + content:"-"; + font-size:1px; + display:block; + position:fixed; + opacity:0; + -ms-filter:alpha(opacity=0); + filter:alpha(opacity=0); +} + +.links_menu_items a { + display:block; + background-color:#fff; + margin:0; + padding:2px 3px; +} + +.links_more { + text-align:left; + margin-left:58px; + word-wrap:break-word; +} + +.links_type { + font-size:65%; +} + +.links_zero_click { + text-align:left; + padding-left:5px; + margin-right:5px; + word-wrap:break-word; +} + +.page_count { + float:left; + color:#555; + font-size:71.4%; + text-align:left; +} + +.page_count_pre,.page_count_post { + color:#fff; + background-color:#fff; + border:1px dotted #777; + height:1px; + text-align:right; + float:left; + border-style:none none dotted; +} + +.page_count_pre { + width:10%; +} + +.page_count_post { + width:70%; +} + +.deep_image { + height:75px; + width:75px; + position:absolute; + right:-75px; + background-repeat:no-repeat; + background-position:top right; + -webkit-background-size:auto 75px; + -moz-background-size:auto 75px; + background-size:auto 75px; +} + +.results_links { + padding-left:5px; +} + +.results_links_more { + padding-left:33px; +} + +.results_category_more { + padding-left:63px; +} + +.results_disambig_more { + margin-right:10px; + position:relative; + min-height:22px; + padding:6px 0 2px 47px; +} + +.results_zero_click,.results_zero_click_more { + padding-bottom:3px; + padding-top:3px; + border:1px solid transparent; +} + +.results_disambig_more,.results_disambig { + border:1px solid transparent; +} + +.results_disambig { + padding-bottom:0; + padding-top:0; + min-height:30px; + position:relative; +} + +.results_zero_click { + clear:none; + padding-top:3px; +} + +.results_zero_click_more { + padding-top:3px; + padding-left:5px; + font-size:90%; +} + +.search_suggestion,.bang_suggestion { + line-height:1.4; + cursor:pointer!important; + margin-bottom:7px; + width:150px; + font-size:12px; +} + +.search_suggestion a { + background:url(assets/icon_plus.v102.png) no-repeat left center; + -webkit-background-size:12px 12px; + -moz-background-size:12px 12px; + background-size:12px 12px; + padding-left:14px; + background-image:url(assets/icon_plus.v102.retina.png); +} + +.bang_suggestion a { + padding-left:10px; + white-space:nowrap; + word-wrap:break-word; + -o-text-overflow:ellipsis; + text-overflow:ellipsis; + line-height:1; + height:1em; + width:124px; + overflow:hidden; + display:inline-block; +} + +.bang_suggestion img { + margin-top:0; + float:left; +} + +.snippet { + font-size:92.8%; +} + +.spacer_bottom_7 { + padding-bottom:7px; +} + +.spacer_bottom_10 { + padding-bottom:10px; +} + +.spacer_top_10 { + padding-top:10px; +} + +.zero_auto { + margin:0 auto!important; +} + +.zero_click_answer { + padding-left:5px!important; + margin-left:30px!important; + margin-right:50px!important; +} + +.zero_click_header_info { + font-style:normal; +} + +.zero_click_snippet { + margin-left:10px!important; + padding:5px 10px 3px 5px !important; +} + +.zero_click_snippet_no_image { + margin-left:10px!important; + padding:0 0 5px 5px !important; +} + +.feedback_form_error { + margin-top:15px; + background:#fef9cd; + border:1px solid #e1d980 1px solid; + display:none; + padding:3px; +} + +.share-button,a.share-button { + text-transform:uppercase; + position:relative; + background:#eee linear-gradient(tobottom,rgba(255,255,255,0.1) 0 100%; + border:1px solid #aaa; + border-top:1px solid #ccc; + border-left:1px solid #ccc; + -webkit-border-radius:3px; + border-radius:3px; + color:#444; + display:inline-block; + font-size:11px; + font-weight:700; + text-decoration:none; + text-shadow:0 1px rgba(255,255,255,0.75); + cursor:pointer; + line-height:16px; + padding:4px 4px 4px 20px; +} + +.share-button:before,a.share-button:before { + display:block; + content:""; + position:absolute; + top:50%; + left:4px; + width:12px; + height:12px; + margin-top:-6px; + background:url(/assets/icon_share.v101.png) 0 0 no-repeat; +} + +.share-button:hover,a.share-button:hover { + color:#222; + background:#ddd linear-gradient(tobottom,rgba(255,255,255,0.2) 0 100%; + border:1px solid #888; + border-top:1px solid #aaa; + border-left:1px solid #aaa; + text-decoration:none; +} + +.share-button:active,a.share-button:active { + border:1px solid #666; + background:#ccc linear-gradient(tobottom,rgba(255,255,255,0.25) 0 100%; +} + +a.shareon { + background-image:url(/assets/sharesprite.v101.png); + width:181px; + height:39px; + display:block; + float:left; + cursor:pointer; + text-indent:-9999px; +} + +a.shareon.facebook,a.shareon.twitter { + margin-right:13px; +} + +a.shareon.facebook { + background-position:0 0; + margin-left:1px; +} + +a.shareon:hover { + background-position:0 79px; +} + +a.shareon:hover:active { + background-position:0 39px; +} + +a.shareon.twitter { + background-position:363px 0; +} + +a.shareon.twitter:hover { + background-position:363px 79px; +} + +a.shareon.twitter:active { + background-position:363px 39px; +} + +a.shareon.email { + background-position:181px 0; +} + +a.shareon.email:hover { + background-position:181px 79px; +} + +a.shareon.email:active { + background-position:181px 39px; +} + +#content_internal h1,#content_internal h2,#content_internal h3,#content_internal h4,#content_internal h5,#content_internal h6 { + font-weight:400; + position:relative; + display:block; + margin:2.5em auto 1.5em; +} + +#content_internal h2,#content_internal .red-title { + color:#c63934; + font-size:20px; + font-weight:400; + display:block; + line-height:1.1; + clear:both; + letter-spacing:.05em; + margin:68px 0 20px; + padding:0; +} + +#content_internal h2 a { + color:inherit; +} + +#content_internal .red-title--sm { + font-size:17px; +} + +#content_internal p,#content_internal ul { + line-height:1.25; + margin:1.5em auto; +} + +#content_internal ul li { + margin-bottom:7px; +} + +#content_internal ul.no-bul { + list-style:none; + padding-left:0; +} + +#pg-feedback #logo_internal { + background-position:50% 10px; +} + +#pg-feedback .headline { + font-size:36px; + color:#666; + margin:-10px auto 60px 75px; +} + +#pg-feedback .guide-title { + margin:36px auto; +} + +#pg-feedback .dest { + background-color:#fff; + border:1px solid #c2c2c2; + -moz-border-radius:4px; + -webkit-border-radius:4px; + border-radius:4px; + z-index:1000; + font-size:14px; + -webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.2); + box-shadow:0 0 6px 0 rgba(0,0,0,0.2); + margin:10px; + padding:13px 7px 18px 18px; +} + +#pg-feedback .dest ul { + font-size:85%; + padding-right:10px; + max-width:290px; +} + +#pg-feedback .dest ul li { + margin-bottom:7px; + color:#333; + padding-left:16px; + position:relative; + list-style:none; +} + +#pg-feedback .dest ul li:before { + position:absolute; + top:50%; + left:2px; + content:""; + display:block; + border:4px solid transparent; + border-left:5px solid #d9d9d9; + border-right:0; + margin-top:-2px; +} + +#pg-feedback .dest ul.cols { + padding-left:0; +} + +#pg-feedback .dest ul.cols li { + float:left; + padding-right:25px; +} + +#pg-feedback .dest a { + color:inherit; + display:block; + overflow:hidden; + padding:20px 0; +} + +#pg-feedback .dest a:hover { + text-decoration:none; + -webkit-border-radius:4px; + border-radius:4px; +} + +#pg-feedback .dest:hover { + -webkit-box-shadow:0 0 12px 0 rgba(0,0,0,0.1); + box-shadow:0 0 12px 0 rgba(0,0,0,0.1); + background:#f7f7f7; +} + +#pg-feedback .dest__img { + max-width:100%; + display:block; + margin:0 auto 10px; +} + +#pg-feedback #dest-boxes { + clear:both; +} + +#pg-feedback #dest-boxes .dest { + margin:10px auto; +} + +#pg-feedback #dest-boxes .dest .dest__img { + float:left; + margin:0 40px 0 10px; +} + +#pg-feedback #dest-boxes .dest h2 { + margin-top:5px; + clear:none; +} + +#pg-feedback #dest-boxes .dest ul { + max-width:100%; + font-size:90%; +} + +#pg-feedback label.cap { + display:inline-block; + min-width:62px; +} + +#pg-feedback input[type="submit"] { + padding:0 10px; +} + +#pg-support h2,#pg-support h3 { + color:#c63934; + font-weight:400; + display:block; + line-height:1.1; + clear:both; + letter-spacing:.05em; + margin:0 0 20px; + padding:0; +} + +#pg-support h3 { + font-size:20px; + margin-top:40px; +} + +#pg-about #content_internal { + padding-left:3px; +} + +#pg-about .video-container { + border:1px solid #222; + overflow:hidden; + position:relative; +} + +#pg-about .video-container video { + margin:0; +} + +#pg-about .video-container .share-buttons { + position:absolute; + top:0; + right:5px; + float:right; + margin-top:-40px; + -webkit-transition:all .25s ease-out; + -moz-transition:all .25s ease-out; + -o-transition:all .25s ease-out; + -ms-transition:all .25s ease-out; + transition:all .25s ease-out; +} + +#pg-about .video-container:hover .share-buttons { + margin-top:5px; +} + +#pg-about #share-panel { + display:none; + border:1px solid #ddd; + clear:both; + background:#eee; + color:#444; + padding:14px 7px; +} + +#pg-about #share-panel .embed-code { + font-family:monospace; + border:1px solid #ddd; + background:#f2f2f2; + margin:7px 7px 7px 0; + padding:14px; +} + +#pg-about hr { + border:0; + outline:0; + height:2px; + background:rgba(215,215,215,0.13); + border-top:1px solid rgba(215,215,215,0.5); + width:100%; + display:block; + margin:20px auto; +} + +#pg-about p { + font-size:18px; +} + +#pg-about #spread .newsletter { + padding-top:25px; +} + +#pg-about #spread .like { + padding-top:20px; +} + +#pg-about #features { + margin-bottom:0; + padding-left:20px; +} + +#pg-about #features ul { + list-style:none; + width:100%; + max-width:736px; + display:block; + overflow:visible; + margin:0 auto; + padding:0; +} + +#pg-about #features ul li { + width:40%; + min-width:222px; + height:50px; + line-height:50px; + float:left; + display:block; + background-position:0 0; + background-repeat:no-repeat; + list-style:none; + font-size:18px; + position:relative; + margin:20px 0; + padding:0 0 0 10%; +} + +#pg-about #features ul li.goodies { + background-image:url(/assets/about/icon_goodies.png); +} + +#pg-about #features ul li.goodies:hover { + background-image:url(/assets/about/icon_goodies_red.png); +} + +#pg-about #features ul li.bubble { + background-image:url(/assets/about/icon_bubble.png); +} + +#pg-about #features ul li.bubble:hover { + background-image:url(/assets/about/icon_bubble_red.png); +} + +#pg-about #features ul li.answers { + background-image:url(/assets/about/icon_instant-answers.png); +} + +#pg-about #features ul li.answers:hover { + background-image:url(/assets/about/icon_instant-answers_red.png); +} + +#pg-about #features ul li.privacy { + background-image:url(/assets/about/icon_privacy.png); +} + +#pg-about #features ul li.privacy:hover { + background-image:url(/assets/about/icon_privacy_blue.png); +} + +#pg-about #features ul li.clutter { + background-image:url(/assets/about/icon_spam-clutter.png); +} + +#pg-about #features ul li.clutter:hover { + background-image:url(/assets/about/icon_spam-clutter_blue.png); +} + +#pg-about #features ul li a { + color:inherit; + display:block; + padding-left:75px; + position:relative; + left:-75px; + width:110%; +} + +#pg-about #features ul li em { + color:#1168cc; + font-style:normal; +} + +#pg-about #features ul li * { + -webkit-transition:all .5s ease-out; + -moz-transition:all .5s ease-out; + -o-transition:all .5s ease-out; + -ms-transition:all .5s ease-out; + transition:all .5s ease-out; +} + +#pg-about #features ul li blockquote { + opacity:0; + -ms-filter:alpha(opacity=0); + filter:alpha(opacity=0); + position:absolute; + visibility:hidden; + line-height:1.2; + top:80%; + left:10%; + color:#fff; + min-width:90%; + text-align:left; + font-size:18px; + font-weight:700; + font-style:normal; + font-family:sans-serif; + display:inline-block; + background-color:rgba(50,95,168,0.75); + padding:15px 20px; +} + +#pg-about #features ul li:hover blockquote,#pg-about #features ul li:active blockquote { + z-index:50; + visibility:visible; +} + +#pg-about #quotes { + margin-bottom:0; +} + +#pg-about #quotes ul { + list-style:none; + width:100%; + display:block; + overflow:visible; + margin:0 auto; + padding:0; +} + +#pg-about #quotes ul li { + height:85px; + position:relative; + list-style:none; + float:left; + display:table-cell; + text-align:center; + vertical-align:middle; + overflow:visible; + margin:19px; + padding:0; +} + +#pg-about #quotes ul li a { + display:inline-block; + overflow:visible; +} + +#pg-about #quotes ul li * { + -webkit-transition:all .4s ease-out; + -moz-transition:all .4s ease-out; + -o-transition:all .4s ease-out; + -ms-transition:all .4s ease-out; + transition:all .4s ease-out; +} + +#pg-about #quotes ul li img { + vertical-align:middle; + opacity:.6; + -ms-filter:alpha(opacity=60); + filter:alpha(opacity=60); + display:inline; + min-width:1px; +} + +#pg-about #quotes ul li blockquote { + opacity:0; + -ms-filter:alpha(opacity=0); + filter:alpha(opacity=0); + position:absolute; + visibility:hidden; + bottom:50%; + left:50px; + color:#fff; + min-width:90%; + text-align:left; + font-size:20px; + font-weight:700; + font-style:italic; + font-family:sans-serif; + display:inline-block; + background-color:rgba(50,95,168,0.75); + padding:15px 20px; +} + +#pg-about #quotes ul li blockquote:before,#pg-about #quotes ul li blockquote:after { + color:#9bb4d7; + font-size:1.5em; + margin-top:.1em; + position:relative; +} + +#pg-about #quotes ul li blockquote:before { + content:"\201C"; + text-indent:-.8em; + float:left; + top:-5px; + left:5px; +} + +#pg-about #quotes ul li blockquote:after { + top:5px; + display:inline; + content:"\201D"; + line-height:1px; +} + +#pg-about #quotes ul li:hover blockquote,#pg-about #quotes ul li:active blockquote { + z-index:50; + visibility:visible; + left:20px; +} + +#pg-about #quotes ul li#nyt blockquote { + width:400px; +} + +#pg-about #quotes ul li#tc blockquote { + width:420px; +} + +#pg-about #quotes ul li#sel blockquote { + width:350px; +} + +#pg-about #quotes ul li#wired blockquote,#pg-about #quotes ul li#tnw blockquote { + width:250px; +} + +#pg-about #quotes ul li#time blockquote,#pg-about #quotes ul li#cnn blockquote,#pg-about #quotes ul li#pc blockquote { + width:180px; +} + +ul.browsers { + list-style:none; + display:block; + overflow:hidden; + width:110%; + margin:10px auto; + padding:0; +} + +ul.browsers li { + float:left; + list-style:none; + text-indent:-9999px; + width:66px; + height:66px; + background-image:url(/assets/browser_logos-64.png); + -webkit-background-size:353px 66px; + -moz-background-size:353px 66px; + background-size:353px 66px; + opacity:.8; + -ms-filter:alpha(opacity=80); + filter:alpha(opacity=80); +} + +ul.browsers li.chrome { + background-position:1.5% 0; +} + +ul.browsers li.firefox { + background-position:26.5% 0; +} + +ul.browsers li.opera { + background-position:51.5% 0; +} + +ul.browsers li.safari { + background-position:75% 0; +} + +ul.browsers li.ie { + background-position:99.5% 0; +} + +ul.browsers li a { + display:block; + width:100%; + height:132px; +} + +ul.browsers.big li { + width:132px; + height:132px; + background-image:url(/assets/browser_logos-128.png); + -webkit-background-size:705px 132px; + -moz-background-size:705px 132px; + background-size:705px 132px; +} + +ul.browsers.small li { + width:33px; + height:33px; + background-image:url(/assets/browser_logos-32.png); + -webkit-background-size:175px 33px; + -moz-background-size:175px 33px; + background-size:175px 33px; +} + +#wwo_outer { + background:none!important; + padding-left:15px; + padding-bottom:5px; + width:95%!important; +} + +#wwo_outer td { + display:block; + float:left; +} + +.mobile #content_homepage { + width:97%; + min-width:97%; + padding-right:0; + margin:auto; +} + +.mobile #search_form { + width:236px; +} + +.mobile #search_form_homepage { + width:220px; +} + +.mobile #search_form_input { + width:153px; +} + +.mobile #search_form_input_homepage { + width:163px; +} + +#search_button,#search_dropdown { + background-image:url(assets/search_dropdown.v102.retina.png); +} + +#search_button_homepage,#search_dropdown_homepage { + background-image:url(assets/search_dropdown_homepage.v102.retina.png); +} + +.invisible,.icon_fav img,.icon_fav2 img,.icon_category img,.icon_disambig img { + visibility:hidden; +} + +.text-left,caption,th,#side_sponsored { + text-align:left; +} + +.r-block,.bangwrap ul.show { + display:block; +} + +.r-inline,.inline { + display:inline; +} + +.r-inline-block,.r-iblock,.zero_click_more_at_link { + display:inline-block; +} + +.hide,#special_page_header.min .icon_zero_click_header,#zero_click_header.min .icon_zero_click_header,#special_page_header #zero_click_plus_wrapper,#feedback_wrapper,#search_form_input::-ms-clear,#search_form_input_homepage::-ms-clear,.hidden,#pg-about #quotes ul li blockquote.noquote:before,#pg-about #quotes ul li blockquote.noquote:after,.mobile #search_dropdown,.mobile #search_dropdown_homepage { + display:none; +} + +.pull-right,.fr,.float--right,#powered_by img { + float:right; +} + +.pull-none,#links .links_menu { + float:none; +} + +del,ins,#pg-about #features ul li a:hover { + text-decoration:none; +} + +li,#content_internal ul.no-bul li { + list-style:none; +} + +a:hover,a:focus,#pg-about #features ul li a:hover em { + text-decoration:underline; +} + +#special_page_header:before,#zero_click_header:before,#special_page_header:after,#zero_click_header:after,#header_wrapper:before,#header_wrapper:after,.links_main:before,.links_main:after,#pg-about #features ul:before,#pg-about #features ul:after,#pg-about #quotes ul:before,#pg-about #quotes ul:after { + content:""; + display:table; +} + +#special_page_header:after,#zero_click_header:after,#header_wrapper:after,.links_main:after,#pg-about #features ul:after,#pg-about #quotes ul:after { + clear:both; + zoom:1; +} + +.bangwrap li,#more_menu li { + color:#fff; + display:block; + list-style:none; + float:none; + height:auto; + font-weight:400; + margin:0; + padding:0; +} + +#footer_homepage_right #more_menu:before,.modal:before,.add_to_browser:before,#footer_homepage .add_to_browser:before,#footer_homepage .modal:before { + bottom:-10px; + border-top:9px solid #c2c2c2; +} + +#footer_homepage_right #more_menu:after,.modal:after,.add_to_browser:after,#footer_homepage .add_to_browser:after,#footer_homepage .modal:after { + bottom:-8px; + border-top:9px solid #fff; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button:active,#search_button:active { + background-position:0 -37px; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button #header_button_menu_wrapper,.no-menu #search_wrapper_homepage,.icon_zero_click_header img,#zero_click_plus_wrapper.icon_zero_click_header img { + position:relative; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button #header_button_menu_wrapper:hover #header_button_menu,#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button #header_button_menu_wrapper:focus #header_button_menu,#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button #header_button_menu_wrapper:hover a,#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button #header_button_menu_wrapper:focus a,#ads .site_link { + color:#1168cc!important; +} + +#header_wrapper #header #header_content_wrapper #header_content #header_button_wrapper #header_button #header_button_menu_wrapper #header_button_menu li,.links_menu_items li { + display:block!important; + list-style:none; + float:none; + height:auto; + font-weight:400; +} + +#official_site,.spacer_top_3 { + padding-top:3px; +} + +#powered_by a,#side_suggestions a { + color:#777; +} + +#search_dropdown:active,#search_dropdown_homepage:active { + background-position:right bottom; +} + +#search_form_input:-moz-placeholder,#search_form_input::-webkit-input-placeholder { + color:#a1a1a1; +} + +#zero_click_plus:active,#zero_click_plus.plus:active { + background-position:center bottom; +} + +#side .button:hover,#side .border:hover,.icon_zero_click_header:hover,#zero_click_plus_wrapper.icon_zero_click_header:hover,#pg-feedback .dest a:active { + background:#fff; +} + +#ads .results_links,#pg-feedback .dest__body { + overflow:hidden; +} + +.highlight:active,ul.browsers li:active { + opacity:.9; + -ms-filter:alpha(opacity=90); + filter:alpha(opacity=90); +} + +.icon_disambig:before,#pg-about #quotes ul li:before { + display:inline-block; + height:100%; + width:1px; + content:" "; + vertical-align:middle; +} + +.icon_fav img,.icon_category img,.icon_fav2 img { + padding-top:5px; +} + +.links_deep,.links_main,.links_more,.small { + font-size:83.3%; +} + +#pg-support h2,#pg-about h2 { + font-size:28px; +} + +#pg-about .text-container,#pg-about #spread { + padding-left:20px; +} + +#pg-about #features ul li blockquote.noquote,#pg-about #quotes ul li blockquote.noquote { + font-style:normal; + font-weight:700; + letter-spacing:-.02em; + font-size:22px; +} + +#pg-about #features ul li:hover blockquote,#pg-about #features ul li:active blockquote,#pg-about #features ul li:hover img,#pg-about #features ul li:active img,#pg-about #quotes ul li:hover blockquote,#pg-about #quotes ul li:active blockquote,#pg-about #quotes ul li:hover img,#pg-about #quotes ul li:active img,ul.browsers li:hover { + opacity:1; + -ms-filter:none; + filter:none; +} + +.mobile #search_wrapper,.mobile #search_wrapper_homepage { + width:42px; +} + +@media only screen and max-width800px{ + .port-hide { + display:none; + } + + .port-block { + display:block; + } + + .port-clear { + clear:both; + } + + .port-killfloat,.port-pull-none,.port-float--none { + float:none; + } + + .port-half { + width:50%; + float:left; + clear:none; + } +} + +@media only screen and max-width600px{ + .palm-hide { + display:none; + } + + .palm-block { + display:block; + } + + .palm-clear { + clear:both; + } + + .palm-killfloat,.palm-pull-none,.palm-float--none { + float:none; + } +} + +@media only screen and max-width480px{ + #ads { + height:auto!important; + } +} + +@media only screen and max-device-width600px{ + #content_homepage #logo_homepage { + background-image:url(/assets/logo_homepage_mobile.normal.v101.png); + -webkit-background-size:275px 62px; + -moz-background-size:275px 62px; + background-size:275px 62px; + width:275px; + height:62px; + } +} + +@media screen and max-width500px{ + #zero_click_image.zci_big { + float:none; + clear:both; + padding-top:10px; + margin:0 auto; + } + + #zero_click_image.zci_big img { + margin:0 auto; + } + + #zero_click_image.zci_big+#zero_click_abstract { + margin-right:10px!important; + clear:both; + } +} + +@media only screen and max-width600px,only screen and max-width46154em{ + #pg-feedback #dest-boxes { + width:100%; + } + + #pg-feedback #dest-boxes .dest .dest__img { + width:80px; + margin-top:20px; + margin-bottom:40px; + } +} + +@media only screen and max-width360px,only screena and max-width27692em{ + #pg-feedback #dest-boxes .dest .dest__img { + float:none; + margin:0 auto 10px; + } + + #pg-feedback #dest-boxes .dest h2 { + text-align:center; + } + + #pg-feedback #dest-boxes .dest ul { + padding-left:5px; + } + + #pg-feedback #dest-boxes .dest ul.cols li { + float:none; + } + + #pg-feedback #dest-boxes,#pg-feedback input[type="text"],#pg-feedback textarea { + width:95%; + } +} + +@media only screen and max-width1024px{ + #pg-about .video-container { + overflow:visible; + } + + #pg-about .video-container .share-buttons { + top:auto; + right:0; + bottom:-33px; + margin-top:0!important; + } +} + +@media only screen and max-width700px{ + #pg-about #features ul li { + padding:0 0 0 75px; + } +} + +@media only screen and max-width768px{ + #pg-about #quotes ul li { + text-align:left; + width:100%; + height:auto; + margin:10px auto!important; + } + + #pg-about #quotes ul li a { + overflow:hidden; + display:block; + } + + #pg-about #quotes ul li img { + max-width:35%; + float:left; + } + + #pg-about #quotes ul li blockquote { + position:static; + vertical-align:middle; + visibility:visible; + opacity:.8; + -ms-filter:alpha(opacity=80); + filter:alpha(opacity=80); + float:right; + min-width:50%; + max-width:50%; + font-size:16px; + padding:10px 15px; + } + + #pg-about #quotes ul li blockquote.noquote { + font-size:18px; + } + + #pg-about #quotes ul li blockquote img { + float:none!important; + max-width:100%!important; + position:static!important; + margin:0!important; + } + + #pg-about #quotes ul li#about img,#pg-about #quotes ul li#nyt img,#pg-about #quotes ul li#sel img { + position:absolute; + top:45%; + left:0; + } + + #pg-about #quotes ul li#nyt img { + top:50%; + } +} + +@media only screen and max-device-width599px{ + #content,#content_wrapper,#content_homepage,#content_wrapper_homepage,#zero_click_wrapper,#links_wrapper,#zero_click,#links { + width:97%; + min-width:97%; + padding-right:0; + margin:auto; + } + + #content { + padding-left:0; + padding-top:50px; + position:relative; + left:1px; + margin:auto; + } + + #logo_homepage { + padding-bottom:20px; + margin-bottom:0; + } + + #header_button_wrapper,#search_dropdown,#bang_wrapper,#search_dropdown_homepage { + display:none; + } + + #search_form { + width:236px; + } + + #search_form_homepage { + width:220px; + } + + #search_form_input { + width:153px; + padding-right:9px; + } + + #search_form_input_homepage { + width:163px; + } + + #search_wrapper,#search_wrapper_homepage { + width:42px; + } +} + +@media only screen and max-device-width599px and orientationlandscape{ + #search_form { + width:336px; + } + + #search_form_homepage { + width:313px; + } + + #search_form_input,#search_form_input_homepage { + width:253px; + } +} + +@media only screen and max-height480px{ + #more_menu,#footer_homepage_right #more_menu { + margin-bottom:0; + max-height:320px; + overflow-y:auto; + } + + #more_menu:after,#footer_homepage_right #more_menu:after,#more_menu:before,#footer_homepage_right #more_menu:before { + display:none; + } +} + +@media only screen and max-width407px{ + #header_button_wrapper { + display:none; + } +} + +@media only screen and max-width320px{ + #zero_click_header #zero_click_heading { + max-width:255px; + } + + #zero_click_header h1 { + font-size:16px; + } +} + +@media screen and min-width950px{ + #wwo_outer table td:first-child { + width:275px!important; + } +} + +@media screen and max-width652px{ + #wwo_outer table td:first-child { + width:155px!important; + } +} + +@media screen and max-width629px{ + #wwo_outer { + padding-left:7px; + } + + #wwo_outer table { + margin-bottom:10px; + } + + #wwo_outer table td:first-child { + float:none; + margin-bottom:10px; + } + + #wwo_outer table td:not(:first-child) { + max-width:24%; + margin-right:1%; + } + + #wwo_outer table td:not(:first-child) img { + max-width:100%; + height:auto!important; + display:block; + margin:0 auto!important; + } +} + +@media only screen and -webkit-min-device-pixel-ratio15,only screen and -moz-min-device-pixel-ratio15,only screen and min--moz-device-pixel-ratio15,only screen and min-device-pixel-ratio15,only screen and min-resolution96dpi{ + .mobile #content_homepage #logo_homepage.mobile { + background-image:url(/assets/logo_homepage_mobile.hdpi.v101.png); + } +} + +@media screen and max-device-width600px{ + #content_homepage #logo_homepage { + background-image:url(/assets/logo_homepage_mobile.retina.v101.png); + } +} + +@media only screen and -webkit-min-device-pixel-ratio15 and orientationlandscape{ + .mobile #search_form { + width:312px; + } + + .mobile #search_form_input { + width:253px; + } + + .mobile #search_form_homepage { + width:352px; + } + + .mobile #search_form_input_homepage { + width:287px; + } + + #content { + padding-right:0; + } +} + +@media only screen and -webkit-min-device-pixel-ratio2,only screen and -moz-min-device-pixel-ratio2,only screen and min--moz-device-pixel-ratio2,only screen and -ms-min-device-pixel-ratio2,only screen and min-device-pixel-ratio2,only screen and min-resolution192dpi{ + #logo_homepage { + background-image:url(/assets/logo_homepage.retina.v101.png); + } + + .mobile #content_homepage #logo_homepage.mobile { + background-image:url(/assets/logo_homepage_mobile.retina.v101.png); + } +} + +@media screen and max-width1550px{ + .deep_image ~ .links_deep { + margin-right:84px; + } + + .deep_image { + right:6px; + } +} -- 2.48.1