readitlaterlist.com/unread, readitlaterlist.com/read, readitlaterlist.com/options, readitlaterlist.com/add, readitlaterlist.com/edit, readitlaterlist.com/list
11 months ago by JoshNichols
0 2
/*
===========================================================================
_ _ _ _ _ _ _
| | ___ ___| |__ | | (_) ___| |__ ___ | |___
_ | |/ _ / __| '_ | | | |/ __| '_ / _ | / __|
| |_| | (_) __ | | | | | | | (__| | | | (_) | __
___/ ___/|___/_| |_| |_| _|_|___|_| |_|___/|_|___/ [DESIGN]
___________________________________________________________________________
Now with extra mark-up!
Read it Later Restyled - v2.1
Design and CSS by Josh Nichols, http://www.joshnichols.com
---------------------------------------------------------------------------
*/
/* Version */
#abs_footer:after {
content:"Read it Later Restyled v2.1" !important;
color: #666 !important;
font-family: "Lucida Grande" !important;
padding:3px 25px 0 0 !important;
float:right !important;
}
/* Background image */
body {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 80% !important;
line-height: 1.4 !important;
background:#353535 url(data:image/gif;base64,R0lGODlhBQANAtUAAEVFRTk5OUZGRktLSzc3N0dHRzg4OFRUVEJCQk9PT01NTT4+PklJSTw8PFNTUzU1NVVVVTQ0NDo6OlBQUFJSUkBAQERERFFRUT8/P0xMTDY2NkpKSjs7O0hISENDQz09PUFBQU5OTgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAFAA0CAAb/QIhweIAcisMk0YhMFo9QqHEZlT6r2CzUceBiud5vN7wdO87obhnNVrPf8DjFMYdT7nc7fc7n7+l7foB1eIWGh4gUF4qLhosXjXiPkoyKlY+TkJOWjZqempyfohcTpKWfpROnmqmspqSvqa2qrbCntLi0trmzvLwJEwnAuMDDwcHFyMfCy8zDycjC0tLN09bCIQkh2dbZ293a0t7e2uTf4+Th3Nvs7ebu7/Dy8goh9dv1Cvn2+/r2/Pv+3ROor2A/g/7yIVzIsGAGBQ/1PcwwEWJFihAtVswYkaLHjxdBhhRJkuSADCcpnhywEmVLlihdtoyZkibLmy9xwlyps6fP/5sbBgRlGXRDUaFHjQpFenTpUKdGoyaVqrQo1atYozLYsNXoVgZdpX79yhUsV69n0YJda3YsW7Jv48pl24FBXbB1O+S1u1evXb57/94VrLdwX8N+8yJezLhwgQ6P9T4uENnw5MmQKUOWvJkz5c+aL4PGPLq0adACCqSmnFrAatSqW8eWrbo269muXdfOzXs379/AgQMQMNz1cADFeR8/Thw5cePPoSOf7nw5debXs2unbgFAd+TdLXzn7j18efPe04M/L158+vbw38OfT5++Bwv3xd/3kB/+/v348YeffgMSyN+BAv6HIIALJhhggwgi4IGEEC4oIQIXTojhhPxl2P+hhhiGaGGIGZJo4okogoCAiiiaqCIIL64I44oYxlijjDDmSGOOPO7I44wv/ihkBSAQKeSQRRKpZAVKHllkkk0OySSTT05pZZVWZskkBhVwqaWWXGIQZpdefrklmWOCKaaYXaK55phvxinnnHIugMECduZpJ51i6pnnnHgGeuedgQrqZ6GIfrCAoog2uuiiikbKqKN4Shqpox9kmumjmnbKaaeghioqqA180ECpqJY6aqapoirqqbCaaiqssXZK66245korBw1wwOuvvOp6KrC/5urrsb32eiyyxC7r7LPQHisBBxJMa+200fp6rbXQVusttdR6++2y4pZr7rniBiCdQQDqtqsuutW62+657Na77rr12ptuvvz262+9BgRgQMAEB/wvuwUT7O/ADAssMMMN5wvxxBRXDDEBBhCA8cYYWzwwxxtXrPHIGWc8MskXn6zyyiyPrAEBGrws88stazyzzCzHrDPMMOu888k+By300D4/oMEDRidtNNExK5300EhHffTRUUtddNVYP0111lFH8EAEXnMtttdgk811EAA7) repeat-x left top !important;
}
small { font-size: .9em !important; }
a {
color: #000 !important;
text-decoration: underline !important;
}
a:hover { text-decoration:none !important; }
form { margin-bottom:25px !important; }
#container { background-color:#eee !important; }
#content {
padding:18px !important;
background-color: #fff !important;
}
#abs_footer {
padding:10px 0 !important;
margin:0 auto !important;
color:#FECE0A !important;
text-align:left !important;
background-color:#000 !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000), color-stop(0.4, #000)) !important;
background-image: -moz-linear-gradient(top, #333, #000 40%, #000 ) !important;
-webkit-text-stroke:1px transparent !important;
}
#abs_footer a {
color:#FECE0A !important;
text-decoration:none !important;
padding:0 5px !important;
font-family: "Lucida Grande" !important;
line-height:2 !important;
}
/* RIL icon image */
#abs_footer a:first-child {
margin-left:22px !important;
padding-left:17px !important;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAMAAADT/c3XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASNQTFRFNjY2Nzc3NzY2/8sK/tMJ/e8DODg4OTk5Ozo6/P0A/eoE/tgI/eEG/PcC/s8K/twHKioqODc3/fMC/PoB/eYFMzMzKSkpPj4+LS0tfX8ZOjk5NTU1dGgsKCgo0MISe3EpLy8v/8gL48YP2a0TxacY4s4NMC8vx7MY+O8D+tgIxqsYlXwhko8ZUEgxyZ8YfH0XXVc5/M0LPTw8fX4YMDAwMTAwMTExeXoaQkFBdW4rPj09S0UxPz04ro8dLi4ur4wdPTs2PDs7j3YknpsaOzoukngjxLoTLCsr9sEN6N8HYFYxPTswZF81iXElMzIyOzs7dmotVFIwQkIn8vAD8b4OOTg2QD45++QGsrIOLCws5+UG4roRODg2TkcxR0I1dnYdfnkm7dxwwwAAAAF0Uk5TAEDm2GYAAACFSURBVHjaYtA3lpQ0ZwCDCE4giAczg4KFhYWjIMI6vEDgDGF7CgkJaQSCmQmsQOAGEZbjAgJLMNMnXERERBXEErdQ5wECeRDTQJOfn18pDCSsxQ0EASCWDAsQqIB1RfPx8Rl6gVjazEBgC2JZeyg7KYbEgZj2rgwMer5glbFArAtmAQQYADmUDj/vdVQUAAAAAElFTkSuQmCC) no-repeat left center !important;
}
#abs_footer a:hover { color:#eee !important; }
#container, #abs_footer {
min-width:425px !important;
max-width:600px !important;
}
#header {
display:block !important;
height:auto !important;
padding-top:10px !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000), color-stop(0.4, #000)) !important;
background-image: -moz-linear-gradient(top, #333, #000 40%, #000 ) !important;
}
/* Header clearfix */
#header:after {
content:" 020" !important;
display:block !important;
height:0 !important;
clear:both !important;
visibility:hidden !important;
overflow:hidden !important;
}
#nav li {
margin-right:2px !important;
padding:0 !important;
line-height:1 !important;
display: inline !important;
}
#nav li a {
padding:9px 12px 6px 12px !important;
margin-top: 3px !important;
color:#666 !important;
background-color:#ddd !important;
display:block !important;
text-decoration:none !important;
text-align:center !important;
text-transform:uppercase !important;
border-bottom:1px solid #ccc !important;
min-width:70px !important;
font-size:11px !important;
letter-spacing:1px !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc), color-stop(0.6, #eee)) !important;
background-image: -moz-linear-gradient(top, #eee, #eee 60%, #ccc ) !important;
-webkit-border-top-left-radius: 7px !important;
-webkit-border-top-right-radius: 7px !important;
-moz-border-radius-topleft: 7px !important;
-moz-border-radius-topright: 7px !important;
border-radius-topleft: 7px !important;
border-radius-topright: 7px !important;
text-shadow:0 1px 1px #bbb !important;
}
#nav li a.selected {
padding-bottom: 7px !important;
padding-top: 12px !important;
margin-top: 0 !important;
color:#333 !important;
font-weight:bold !important;
background:#eee !important;
border-bottom:none !important;
}
#nav li a:hover {
text-decoration:none !important;
background:#eee !important;
color:#333 !important;
}
#icon_nav { margin-top:5px !important; }
/* Nav icons */
#icon_nav_add {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJNJREFUeNpi/P//PwMjIyMDOjDWZPovyAcRv/fkH8O9p/8xFYE0YwO7prP//3eOC4zLE1ixKmJioAAMnGYWEOFizvwfGEAoEkoyCL6zOYiN6u/Vu/9ANIM0tuex4rQBaDgYI4Oz1/9RwdnvP/1n2HPyL3o8M8Dj+el/cFwjA5CeERvP2MCa3X8Z9p78B48WbAAgwABIm0SRjRdQzQAAAABJRU5ErkJggg==) !important;
}
#icon_nav_add:hover { background-image: url(http://readitlaterlist.com/i/i_add.png) !important; }
#icon_nav_offline {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO9JREFUeNpi/P//PwM60FZm/m9jwIQi9uLtf4aNB/4woqtlYcAC7I2ZGKZWsqGIHbnwD5tSBiYGCsGoAVQwgBGWDtjZGP83Z7Ey8PMyMmgpMTFgSwebDv4Fs2es/sNw/sZfRhQDQCDCneX/8g52vDbuOPaXwTP7ByNWL6zY+Ydxyso/ODU/evGfIab6F3YvwADIK0cXcDAYa6J64ddvBgbH1B8Mxy7+RU3OIAPQsaI04/83+zn//zvHBcf5USz/sanFagAI+9kzwzWv7WX/j0sdTgNAuDOf9f/dzZz/+XkYyTOAjZXhv4osbs0gDBBgAFuC73C6tWWsAAAAAElFTkSuQmCC) !important;
}
#icon_nav_offline:hover { background-image: url(http://readitlaterlist.com/i/i_down.png) !important; }
#icon_nav_options {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjZJREFUeNpMU1tIFVEUXWded+Ym9EBLe5iUUUR+BHEL6qeihKDo6xoUpEEEIgRCWRGEQh9CH4kQGYT0EwUFUkQfIRFY0OP2QOilYPnRA0Etsbl678xu7zN35rphw+xz9llnr7XOQCm4kkA5249ZNPrQo7YmizhQuUR9azlkUUO9oes4LW6GYwMbag1/eCRQHG51pcK6VQrZRgt7MhadPmqho9nG0LtA2mEYyuWzUHLTgV2m39vh4PXHEJ/HQjTtN7GxztCNsz5gmtzkADcHijjZNe+hFPrmf3lgcQWQ3WciDE1GRhKLvPL35B/CyirlVy1VeP+FpyzxBPPzr55xSmNFzTOzhIq0gnSFIeDPAZ94shqmdeN+EdbyZWp6/WqV2rk1ulG45OeB7v4CBp4G2FSn0NXqsCZKT7Ftc4RczzWuXXDo96BH+ZdpCt9G2d/pUKy8qNrMShffRHt/h9J0/GDkglVkAYWDRMCjmQw8Mk5YGBYLFq9MzxAePw/mdCEIOxoMutOdoiAXoeduu7R9i0Hi796MSS9uuXpd9gs8waPeFB1pNCkR7PwJ27/cZmvOItD3n4TxX4TaaoW1NSpZj0Ns01Yxit+a1Z9JgxyQlBClZf3D1xCdfQV5cRh8FUSHJ6YALwUMj4bI8UM5vNtk31UCFFvXd68oDpSdF84yeoY5rlmhtIo9Zx3N8ccTj660O3SX9ZD6QU9K7yf/w8KHHuelUzZNPvPoXItNsV3XLzqJRTHAfwEGAM2UEO626lPqAAAAAElFTkSuQmCC) !important;
}
#icon_nav_options:hover { background-image: url(http://readitlaterlist.com/i/i_cog.png) !important; }
#options {
padding:16px 15px 16px 20px !important;
margin:-18px -18px 0 !important;
border-bottom:solid 1px #ccc !important;
background-color:#eee !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc), color-stop(0.6, #eee)) !important;
background-image: -moz-linear-gradient(top, #eee, #eee 60%, #ccc ) !important;
}
#filter { padding:2px 0 3px 20px !important; }
#list {
background-color:#fff !important;
margin: 0 -18px !important;
}
#list li {
padding:14px 90px 11px 46px !important;
margin: 0 !important;
border-bottom:1px solid #ccc !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee), color-stop(0.6, #fff)) !important;
background-image: -moz-linear-gradient(top, #fff, #fff 60%, #eee ) !important;
}
#list li .favicon {
background-position:center center !important;
margin:10px 0 0 20px !important;
-webkit-border-radius:4px !important;
-moz-border-radius: 4px !important; /* Doesn't round corners of images in Firefox 3.6b5 :-( Maybe someday ... */
border-radius: 4px !important;
}
#list li .title {
padding-bottom:2px !important;
line-height:1.1 !important;
}
#list li .title a {
font-size:1.1em !important;
display:block !important;
}
#list li .text, #list li .check {
width:20px !important;
height:20px !important;
margin:6px 20px 0 0 !important;
border:1px solid #ccc !important;
background-color:#eee !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
}
#list li .domain a {
color:#999 !important;
}
#list li a.readd {
background: #eee url(data:image/png !important;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWlJREFUeNqUk71OwzAQgG3nT/GGKHQKFQhEJTKwsTP0NfoIrCwMDDCWmcdgQjwAGxNjMgcpQkklFBVIYps7y60MpIic9LW1c/fZvrj0ZjYjHXEKXAMcoMAbcAY8/Ux0SXccRFF0sjMa6eo0TUme51EfgZRKEc45UfANxQ3Mqa7EdQIlpSRt22rBcq6PoBFCkKZpbMHnOsGeaZbArQMtEHmuawuwFbsm1zdjBsxRcA9sWCtgBc+yTG0Ph9TMOcAlcG4KMULgEQX7h+Mxs7ZKGGPEcRxS17UeH8UxhX5s2Tn4O02SGAUfcF5OKV09xPMjf4WRtygI52W5ahZ++r5PwjD8VrBYLHRPlsuYBSkKroqiwB7Upom49PHmYDAJgkAnv2QZzt8BiWkiBj58RsFFxw6nVVVNrGOh9BZ4+O89YHCT9Jat8PtcJEf+FrA+Ahf/C3iVzWv1QOj2EbxKIYpaCM+M34GyK/FLgAEAXeCgSyDACZIAAAAASUVORK5CYII=) no-repeat center center !important;
}
#list li a.loading, #list li a.loading:hover {
background-color: #fff !important;
}
#list li .text:hover, #list li .check:hover {
border-color:#ddd !important; background-color: #ddd !important;
}
#list.loading { background-position: center 25px !important; }
#list .empty { margin-top: 25px !important; }
#list a, #footer a { text-decoration: none !important; }
#list a:hover, #footer a:hover { text-decoration: underline !important; }
#footer {
margin: 0 -18px -18px !important;
height: auto !important;
background-color:#eee !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#bbb), color-stop(0.4, #eee)) !important;
background-image: -moz-linear-gradient(top, #eee, #eee 40%, #bbb ) !important;
}
#pages {
padding:12px 20px 5px !important;
position:relative !important;
right:auto !important;
left:auto !important;
top: auto !important;
display: block !important;
line-height:3.5 !important;
font-size:.8em !important;
text-transform:uppercase !important;
}
#pages a { color:#555 !important; }
#pages a:hover { text-decoration:none !important; }
#pages select { width:50px !important; }
#next, #previous {
text-align:center !important;
padding:7px 14px 6px !important;
margin-right:-3px !important;
letter-spacing:1px !important;
text-shadow:0 1px 1px #bbb !important;
background-color: #ddd !important;
border: solid 1px #aaa !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc), color-stop(0.8, #ccc)) !important;
background-image: -moz-linear-gradient(top, #eee, #ccc 80%, #ccc ) !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
#next.active:hover, #previous.active:hover {
background-image: none !important;
color:#666 !important;
}
#next {
padding:7px 28px 6px !important;
margin-left:4px !important;
}
#previous { margin-right:4px !important; }
/* Next/prev arrows */
#next::after { content:" 0A02192" !important; }
#previous::before { content:"2190 0A0" !important; }
#next.active, #previous.active {
color:#222 !important;
font-weight:bold !important;
}
.ninja { color:black !important; visibility:hidden !important; }
/* The end */