Created
September 20, 2017 17:34
-
-
Save neirusalwa/3a460d318dbd7d533a773714c8fae055 to your computer and use it in GitHub Desktop.
craig with more fixes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@-moz-document domain("craigslist.org"), domain("craigslist.ca"), domain("craigslist.com.au"), domain("craigslist.com.ph"), domain("craigslist.co.in"), domain("craigslist.com.cn"), domain("craigslist.hk"), domain("craigslist.jp"), domain("craigslist.co.kr"), domain("craigslist.com.sg"), domain("craigslist.com.tw"), domain("craigslist.co.th"), domain("craigslist.com.tr"), domain("craigslist.at"), domain("craigslist.cz"), domain("craigslist.dk"), domain("craigslist.fi"), domain("craigslist.fr"), domain("craigslist.de"), domain("craigslist.gr"), domain("craigslist.it"), domain("craigslist.pl"), domain("craigslist.pt"), domain("craigslist.es"), domain("craigslist.se"), domain("craigslist.ch"), domain("craigslist.co.uk"), domain("craigslist.co.za") { | |
*{ | |
transition: .3s ease all | |
} | |
a{ | |
text-decoration: none; | |
color: black; | |
} | |
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { | |
margin: 0; | |
padding: 0; | |
border: 0; | |
font-size: 100%; | |
font: inherit; | |
vertical-align: baseline; | |
font-family: inherit!important;} | |
h1 { | |
font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif!important; | |
font-size: 24px; | |
font-style: normal; | |
font-variant: normal; | |
font-weight: 500; | |
line-height: 26.4px; | |
} | |
button, select, input, fieldset, form, label, legend { | |
font-family: inherit; | |
} | |
h3 { | |
font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif!important; | |
font-size: 14px; | |
font-style: normal; | |
font-variant: normal; | |
font-weight: 500; | |
line-height: 15.4px; | |
} | |
body { | |
font-size: 17px; | |
line-height: 1.52947; | |
font-weight: 400; | |
letter-spacing: -0.021em; | |
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif!important; | |
background-color: white; | |
color: #333333; | |
font-style: normal; | |
} | |
blockquote { | |
font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif!important; | |
font-size: 21px; | |
font-style: normal; | |
font-variant: normal; | |
font-weight: 400; | |
line-height: 30px; | |
} | |
pre { | |
font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif!important; | |
font-size: 13px; | |
font-style: normal; | |
font-variant: normal; | |
font-weight: 400; | |
line-height: 18.5714px; | |
} | |
#topban .area, #topban .subarea-input { | |
display: inline-block; | |
font-family: "helvetica neue"!important; | |
font-weight: 800; | |
font-size: 3.5em; | |
line-height: 1.7em; | |
text-transform: capitalize; | |
} | |
#topban { | |
background-color: #fff; | |
border-top: 0px #ccc0 solid; | |
border-bottom: 0px #ccc0 solid; | |
min-height: 2.5em; | |
/* padding: 0; */ | |
font-weight: normal; | |
text-align: left; | |
width: 62%; | |
display: inline-block; | |
float: none; | |
margin: 2%; | |
position: sticky; | |
top: -1px; | |
z-index: 22222222; | |
} | |
.homepage .page-container { | |
margin: 0 auto; | |
padding: 0; | |
width: 868px; | |
} | |
.homepage #logo { | |
font-size: 235%; | |
line-height: 135%; | |
font-weight: 300; | |
font-family: "Helvetica neue"!important; | |
width: 100%; | |
} | |
.homepage #center { | |
float: left; | |
margin: 2%; | |
padding: 0; | |
width: 62%; | |
text-align: left; | |
} | |
.ban { | |
text-align: left; | |
font-weight: bold; | |
padding: 0 0 5px 0; | |
border-top: 1px solid #ddd0; | |
border-bottom: 2px solid #ddd; | |
background-color: #eee0; | |
/* text-decoration: none; */ | |
} | |
.homepage a { | |
text-decoration: none; | |
color: black; | |
} | |
.homepage a, .homepage a:hover { | |
text-decoration: none; | |
color: black; | |
/* text-decoration-line: none; */ | |
} | |
.cal td.today { | |
background: #007AFF; | |
border-radius: 3px; | |
} | |
.cal td.today a { | |
/* background: #007AFF; */ | |
color: white; | |
} | |
.cal .dys th, .cal td { | |
border: 1px #ccc0 solid; | |
} | |
.homepage .homepage-search legend { | |
text-align: center; | |
width: 100%; | |
display: none; | |
} | |
.homepage .col ul li a { | |
width: 100%; | |
display: block; | |
padding: 0 0 1px 0; | |
border-bottom: 1px solid #eaeaea00; | |
} | |
.homepage .txt { | |
position: relative; | |
} | |
.homepage footer { | |
border-top: 0px solid #ccc; | |
line-height: 2.5em; | |
min-height: 1.1em; | |
background: #eee; | |
padding: 0px; | |
} | |
footer { | |
border-top: 0px solid #ccc; | |
line-height: 2.5em; | |
min-height: 1.1em; | |
background: #eee; | |
width: -webkit-fill-available; | |
padding: 0px; | |
z-index: 1548465; | |
} | |
.w1024.homepage .page-container { | |
width: 100%; | |
} | |
.flatinput { | |
border: 1px solid #cccccc00; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
margin: 0; | |
padding: 2px; | |
} | |
.flatinput:hover { | |
border-color: #9990; | |
} | |
#calban { | |
/* margin: 2px; */ | |
font-weight: bold; | |
text-align: left; | |
margin-bottom: 5px; | |
} | |
#leftbar a:hover { | |
text-decoration: none; | |
} | |
#leftbar { | |
background: #e3e3e39e; | |
border-left: 11px #ccc0 solid; | |
border-right: 0px #ccc solid; | |
float: right; | |
min-width: 220px; | |
font-size: smaller; | |
/* margin-left: 0px; */ | |
/* left: -21px; */ | |
/* min-height: 100%; */ | |
height: 100em; | |
text-align: left; | |
width: 10%; | |
} | |
#leftbar .cal { | |
margin: initial; | |
} | |
.homepage #rightbar { | |
background: #dddddd00; | |
border-left: 0px #ccc solid; | |
border-right: 0px #ccc solid; | |
float: right; | |
width: 8em; | |
font-size: 70%; | |
line-height: 1.43em; | |
/* margin-top: -3.75em; */ | |
min-height: 850px; | |
/* padding: 5px 0; */ | |
/* text-align: center; */ | |
vertical-align: top; | |
/* width: 0%; */ | |
position: sticky; | |
/* text-align: right; */ | |
top: -1px; | |
} | |
.homepage #rightbar h5 { | |
background: transparent; | |
color: #1f1f1f; | |
text-align: right; | |
} | |
.homepage #rightbar ul { | |
margin: 4px; | |
list-style: none; | |
text-align: right; | |
} | |
.homepage #forums ul { | |
/* font-size: initial; */ | |
width: 25%; | |
} | |
select { | |
border-radius: 3px; | |
padding: 1px; | |
border-color: #d8d8d8b5; | |
} | |
.homepage #postlks #post { | |
padding: 0; | |
background-color: #ffc0; | |
font-weight: 800; | |
font-size: large; | |
border-bottom: 2px solid #007aff; | |
} | |
.homepage #rightbar #langlinks { | |
text-align: right; | |
padding: 8px; | |
font-size: small; | |
} | |
.homepage #forums ul { | |
font-size: smaller; | |
width: 25%; | |
} | |
.homepage .col ul li a:hover { | |
padding: 0.2em 1.975em 0.2em 0.5em; | |
border-radius: 4px; | |
cursor: pointer !important; | |
color: #595959; | |
border-bottom-style: none; | |
} | |
#postingbody { | |
font-family: inherit; | |
clear: left; | |
} | |
.search-legend { | |
display: block; | |
margin-bottom: 0; | |
max-width: unset; | |
padding-top: unset; | |
padding-bottom: 0; | |
} | |
#query { | |
-webkit-flex-grow: 1; | |
-moz-flex-grow: 1; | |
-ms-flex-grow: 1; | |
flex-grow: 1; | |
font-size: 1.1em; | |
height: 2em; | |
line-height: 1.45em; | |
min-width: 7em; | |
padding: 0 3px 0 8px; | |
width: 70%; | |
vertical-align: top; | |
font-family: "helvetica neue"!important; | |
font-weight: 800; | |
font-size: 1.5em; | |
line-height: 1.7em; | |
text-transform: capitalize; | |
background: transparent; | |
} | |
.form-tab { | |
/* background-color: #FFF; */ | |
left: -11px; | |
padding: 1em 0 .1em; | |
position: relative; | |
top: 2px; | |
display: none; | |
z-index: 154894596; | |
} | |
.querybox { | |
background-color: rgba(255, 255, 255, 0.8); | |
display: block; | |
padding-top: 2.9em; | |
position: sticky; | |
width: auto; | |
top: 0; | |
margin: 0; | |
z-index: 9000000; | |
backdrop-filter: blur(20px); | |
} | |
.search-options-container { | |
height: 100%; | |
left: 0; | |
margin: 0; | |
overflow-y: scroll; | |
position: sticky; | |
top: 3em; | |
width: 190px; | |
} | |
.search-legend { | |
display: block; | |
margin-bottom: 0; | |
max-width: unset; | |
padding-top: unset; | |
padding-bottom: 0; | |
height: 2em; | |
} | |
.searchbtn { | |
display: none; | |
} | |
.querybox .savealert { | |
display: -moz-inline-stack; | |
display: none; | |
} | |
.search .global-header { | |
position: fixed; | |
z-index: 9999999999999; | |
/* border-bottom: 4px #fff0 solid; */ | |
background: #fff; | |
line-height: 1.925em; | |
/* min-height: 2.1em; */ | |
min-height: 2.5em; | |
width: 100%; | |
height: 2em; | |
} | |
.global-header { | |
position: fixed; | |
z-index: 9999999999999; | |
/* border-bottom: 4px #fff0 solid; */ | |
background: #fff; | |
line-height: 1.925em; | |
/* min-height: 2.1em; */ | |
min-height: 2.5em; | |
width: 100%; | |
height: 2em; | |
} | |
.categories.searchgroup, .categories.searchgroup a { | |
margin: 1em 0 0 .25em; | |
background: #f1f1f1; | |
color: #f1f1f1; | |
height: 2em; | |
border-radius: inherit; | |
margin-bottom: 1em; | |
} | |
.map #map { | |
max-width: none; | |
border-radius: 9px; | |
} | |
.global-header { | |
position: fixed; | |
z-index: 9999999999; | |
border-bottom: 0px #ccc solid; | |
background: #fff; | |
line-height: 1.925em; | |
min-height: 1.1em; | |
padding: .3125em 0; | |
width: 100%; | |
} | |
.header-logo { | |
-webkit-border-radius: 1em; | |
-moz-border-radius: 1em; | |
border-radius: 0; | |
background-color: #fff0; | |
border: 1px solid #ccc0; | |
float: left; | |
line-height: 0; | |
margin: inherit; | |
padding: 0; | |
text-decoration: none; | |
/* left: 0; */ | |
/* margin-top: 9px; */ | |
position: relative; | |
float: left; | |
font-size: 135%; | |
/* min-height: 1.3em; */ | |
/* position: unset; */ | |
line-height: inherit; | |
/* vertical-align: baseline; */ | |
/* display: block; */ | |
color: transparent; | |
} | |
.header-logo::after { | |
content: "craiglist"; | |
color: #000; | |
font-size: 152%; | |
/* line-height: 30%; */ | |
font-weight: 300; | |
font-family: "Helvetica neue"!important; | |
/* width: 100%; */ | |
padding-right: 5px; | |
/* min-height: 1.3em; */ | |
/* margin-top: 4px; */ | |
/* background: black; */ | |
vertical-align: middle; | |
} | |
.breadcrumbs-container { | |
float: left; | |
font-size: 135%; | |
min-height: 1.3em; | |
/* position: unset; */ | |
line-height: inherit; | |
} | |
.userlinks { | |
float: right; | |
font-size: .9em; | |
margin-top: 2px; | |
padding: 0; | |
position: absolute; | |
right: 0; | |
font-size: 135%; | |
} | |
.breadcrumbs-container select { | |
margin: 0; | |
font-size: smaller; | |
padding-left: 5px; | |
} | |
select { | |
border-radius: 3px; | |
padding: 0; | |
border-color: #d8d8d800!important; | |
background: rgba(238, 238, 238, 0.8); | |
/* backdrop-filter: blur(20px) saturate(180%); */ | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment