G+ single column high density minimal graphics
1 3/* Edward Morbius
https://plus.google.com/u/0/104092656004159577193
Tue Jun 18 12:34:03 UTC 2013
Released under the 3 clause BSD License by the author.
This work may be freely used or adapted.
This fixes a bunch of stuff text-heavy users of G+ dislike:
- Enforces 900px single-column display for Streams, Profiles, Post, Search, and Communities pages
- Increases contrast for links in posts.
- Links are always blue. No stealth links.
- Muted posts collapse in streams.
- Mutes and moves '# New' nag
- Reduces photo/video preview
- Floats images next to interaction controls
- Increases contrast for comments.
- Moves user lozenge on profile page (it's in the way otherwise)
- Makes post control caret omnipresent.
- Removes "Link to post" & "View activity on post" option. (both are redundent, and this elevates "Mute" to first position, yay!
- Caps the CoverPhoto max zoom size.
- A lot of intra/inter-post padding adjustments.
- More todo. Espeically: bring photo/video previews into the post text, wrapped and right-aligned. I need some clue to do this one.
*/
body {
margin: inherit;
}
#contentPane > div[jsaction] > div:last-child > div:first-of-type, #contentPane > div > div[jsaction] > div:last-child > div:first-of-type {
width: 1050px ;
}
#contentPane div[guidedhelpid="streamcontent"] {
width: 900px ;
}
#contentPane div[guidedhelpid="streamcontent"] > div > div:not([id^="update"]) {
width: 900px ;
}
#contentPane div[guidedhelpid="streamcontent"] > div > div:not([id^="update"]) > div:not([id^="update"]) {
width: 900px ;
}
#contentPane div[guidedhelpid="sharebox_launcher"] > div {
width: 868px ;
max-width: 868px ;
}
#contentPane div[data-nid] {
width: 900px ;
}
#contentPane > div > div[tabindex="-1"] > div > div[style] {
width: 900px ;
}
/* Base stylesheet */
/* Ed Morbius additions below */
/* Margins */
div.l8 {
margin: 0 20px;
}
/* "# New" notifications */
div.a-f-e.c-b.c-b-M.f8ocqf.Ri07Rc {
background-color: #d0e1fa;
color: #a8a8a8;
margin-left: 960px;
margin-top: -5px;
}
/* ??? */
div.a-f-e.c-b.c-b-T.Xbc.T0b.a-f-e.c-b-C {
display: none;
}
/* Single post page */
/* Da post */
div.kDq7F, div.e4CL6 {
width: 900px;
}
/* Margin */
div.CZb {
margin: 96px 20px
;
}
/* User box */
div.tHcGAd.wEiS3b {
margin-left: 0px;
/* z-index: 32; */
margin-top: -96px;
margin-right: -40px;
}
div.cCQbSb {
border-style: solid;
border-width: 1px;
padding: 0;
}
/* Move options down */
span.a-n.Ph.Hw {
visibility: visible;
}
/* Stream */
div.Pw3i3b.ee3yFe.VsujAd.XkmQbb {
margin-left: 0;
}
/* Remove additional top/bottom inter-post padding */
div.ee3yFe> div.ChZ7Rc.Sb, div.XkmQbb+ .XkmQbb {
margin: 4px 0 8px 0;
}
/* Better comments spacing in Streams */
div.PgPKId.Ae {
padding-bottom: 0px;
margin-bottom: 20px;
}
/* Nesting image elments and post controls */
/* First set a minimum post height */
/* This is default post style */
div.qf.ii {
_border: 4px solid green;
}
/* Left-Hand photo posts */
div.qf.ii.wv4ec.r6Rtbe {
_border: 4px solid red;
}
/* Interactions and actions * /
/* Let's float _this_ left of images and stuff */
/* Post box */
div.qf.ii.g-vz {
xnothinghere: foo;
}
/* interaction widgets */
div.qf.ii > div.LI {
max-width: 400px;
display: inline-block;
float: left;
xposition: absolute;
bottom: px;
left: 0;
padding-top: 88px;
padding-right: 0;
padding-bottom: 10px;
margin-bottom: 2px;
padding-left: 0;
border-bottom: none;
}
/* Add some spacing to widgets */
div.dk.Pk {
margin-right: 10px;
}
div.XJ {
margin-left: 10px;
float: right;
}
/* Clear our float */
div.Lj.FE {
clear: both;
padding-top: 2px;
border-top: 1px solid #ccc
;
}
/* Comment box */
div.Kj.bI {
margin-bottom: 4px;
}
/* Stupid spacer */
div.fC.YQ {
display: none;
}
/* Shrink photos, Link prevews & Video Previews * /
/* lg7oNe == video preview
MAvKle == link preview
MsH1W == image preview
*/
img.ev.aG.MsH1W, img.ev.MAvK1e.lg7oNe, div.mQMHtc {
float: right;
height: 134px
;
}
div.dv.Mm.Hti03b {
border: none;
}
/* More images */
div.Yj.Fg.aFDIab.FB, div.nNIfo, div.Yj.Fg.HqkbX, div.cYj.Fg.HqkbX.uZ2Y4e {
height: 134px;
float: right;
max-width: 384px;
bottom: 4px;
display: inline-block;
background: white;
}
/* Video boxen & link previews * /
/* Link preview tex box
We need an upper bound or the interaction widgets float off the bottom of the post box.
*/
xdiv.yF {
max-height: 120px;
}
/* Video title -- break word */
div.AG5oFe.BVWTG {
overflow-wrap: break-word;
}
div.Ry.JDeJ0, div.dv.Mm {
height: 134px;
max-height: 240px;
min-height: 134px;
float: right;
max-width: 498px;
min-width: 380px;
}
div.ZpzDcd {
border: none;
padding-top: 8px;
padding-right: 0;
padding-bottom: 8px;
padding-left: 0;
}
/* hairline border on post preview graphics */
div.Njuemb {
background-color: white;
border: none;
}
/* Multi-image preview */
div.ziEtMb, div.Yj.Fg.inQUXd {
height: 134px;
float: right;
xwidth: 384px;
display: inline-block;
xbackground: red;
}
/* The multi-part of multi-images */
div.cN8Jxd {
xdisplay: none;
float: right;
}
/* Mutli-image container */
div.dT6Wrb {
height: 134px;
}
/* Anchors */
a {
color: #427fed;
}
a.a-n.ot-anchor.YF {
font-weight: bold;
color: #427fed ;
}
a.a-n.ot-anchor.YF:active {
font-weight: bold;
color: white;
background-color: #427fed ;
}
a.a-n.ot-anchor.cCpKvd {
color: #666;
}
a:hover {
text-decoration: underline;
}
a:active {
color: white;
background-color: #427fed;
}
/* Post options */
/* Show caret always */
/* Open menu _under mouse_ */
div.ouWO7e.mv.a-q {
top: 0px;
}
/* Remove "link to post" and "View post activity" from options menu */
div.a-w.pt, div.a-w.J1JO1e {
display: none;
}
/* Hashtags */
div.MiiJqe.TALtLd:hover {
background-color: #f0f8ff;
}
/* Make comments brighter */
div.IP, div.Hq.uz, div.XQ.uy, div.ak.XQ.df, div.Se.Eu, div.fC.YQ, div.iP, span.ad,.a-n-E,.WQ {
background-color: #fffcfc;
}
/* Bump UP comment spacing */
/* Always show +1'd comments */
.fr4Yue> .Oo> .bi.Xia.eswa {
visibility: visible;
}
/* Expanded comments are FULLY expanded. Yes, you can still toggel expanded/collapsed */
.CLSmk {
max-height: auto;
}
/* "Community name" in posts emdarkened */
div.XHhIId {
color: #666;
}
/* Give me back my whitespace */
div.ZX.MU4Dp {
padding: 10px;
padding-bottom: 0;
}
div.gY.E8.wHbI6c {
padding-bottom: 10px;
}
div.Jst8Q.MI {
padding-top: 10px;
}
/* Post text padding */
div.w32M9d.nv.FhtMQe {
padding-bottom: 4px;
padding-right: 4px;
}
/* Share post top padding */
div.gK {
padding-top: 4px;
}
/* Share post bottom padding */
div.wm.Ob8Frf.VC.DRYwwc {
padding-bottom: 8px;
}
img.qKndRb.Ol.Ep {
margin-top: 8px;
margin-right: 15px;
margin-bottom: 0;
margin-left: 0;
}
/* username & image */
div.Jst8Q.MI, div.MDhSDe {
margin-bottom: 4px;
}
div.wm.Ob8Frf.VC.Dq2JMd {
padding-bottom: 0;
}
/* Shared post original text bounding box */
/* Shrink comment box padding on shares */
div.hh.dw {
padding: 0;
margin: 0 10px;
}
/* Comment box in comments on shares */
/* Oddly large bottom gap on some posts */
div.Sb {
margin-bottom: 10px;
}
/* Muted posts */
div.Uca {
height: auto;
min-height: 1px;
padding-top: 10px
;
}
div.BG3qOe, div.BaYgKf, div.yH.rjx {
display: none;
}
div.yH.rj {
padding: 0 2px 0 2px;
}
div.LSGJ5d {
margin: 2px
;
}
/* Profile pages */
/* #CoverPhotoClusterfuck Set a max size */
img.PtcBuc.RJlMtc {
max-height: 360px;
max-width: 600px;
padding-left: 250px;
}
/* Search pages */
/* Margins, generally */
div.ZPb.q4QsUb {
margin: auto 20px;
}
/* Fix the 'Save this search' button (too wide) */
div.a-f-e.c-b.c-b-T.Xbc.T0b.a-f-e {
max-width: 200px;
width: 200px ;
float: right;
margin-top: 14px;
}
/* And the "Best of" indicator */
div.RPb.v0b, xdiv.g-cPhekf-q-b.g-cPhekf-q-b-CZjX4e.yBa60b.a-f-e {
max-width: 120px;
width: 120px;
z-index: 1;
}
/* "All notifications" page */
/* Margins */
div.nZ.zza.kDq7F {
margin: 0 auto 0 20px;
}
/* Unbind comments */
div.Mi.Vp.WamaFb.Gw.Gm {
max-height: none;
}
/* Red "Notifications" indicator -- mute this */
/* Hrm: not quite what we wanted ...
#gbi1 {
color: #999;
background-color: rgb(255,208,208);
background-image: none;
border: 1px solid rgb(255,208,208);
} */
/* Clearing further whitespace FIXME */
div.vFgtwf {
padding: 0;
margin: 0;
}
/* Remove "read more" from Stream comments */
span.a-n.wj.syxni.unQkyd, span.a-n.vj.unQkyd {
display: none;
}
/* And lets' remove the nags from logged-out sessions while we're at it */
div.a-f-e.c-b.KVa.c-b-La.c-b-C {
display: none;
}
span.gbgs {
display: none;
}
div.Ega.mU.Lk {
display: none;
}
/* Outline on ... what exactly? */
div.Tg.Sb.ChZ7Rc.MZxWCd {
outline: 2px solid #427fed;
}
/* Community pages */
/* Margins */
div.PdfJOc {
margin: auto 240px;
}
/* Fixed LH sidebar */
div.dBOzgd.BCOqfc {
position: fixed;
top: 100px;
left: 20px;
width: 250px;
max-height: 940px;
overflow: scroll;
z-index: 32;
xborder: 4px solid red;
}
/* Pull 'Created by" an "About this Community" boxes out */
/* Created by */
div.r6Rtbe.NB.Om.HCtqAd {
width: 320px;
position: absolute;
top: 740px;
left: 920px;
height: 400px;
xborder: 4px solid #498bf5;
background-color: #fffcfc;
}
/* About */
div.r6Rtbe.NB.Om, div.r6Rtbe.NB.Om.CxQEXb, div.r6Rtbe.NB.Om.CxQEXb.h0b {
width: 320px;
height: 700px;
position: absolute;
top: 20px;
left: 920px;
background-color: #fffcfc;
}
div.z8Lepd.ErcbDf {
line-height: 1.4em;
overflow: scroll;
}
/* pad invite buttons */
div.a-f-e.c-b.c-b-haDnnc.Uqbnqd.k2IZxd {
margin: 8px 0;
}
/* Increase line height */
/* Home bar fonts */
span.a-n.S83jec.bJspbb, span.a-n.Yj6gb.qVtojd, span.a-n.Bna.rTIrDd,span.a-n.ebhGS.RfR9Pc {
color: #666;
}
/* Nuke "Games" */
div[class="cS xWa"][navid="4"] {
display: none;
}
/* For logged-out sessions */
/* Goodbye, oh BLACK BAR OF IMPENDING GOOGLE DOOM. We hardly knew ye. */
div.Ega.mU.Eg {
display: none;
}
/* This still needs work */
/* Now move the sandbar up * /
div.XXuWB.iYjCM.MNHgse {
top: 0px;
}
/* Profile bar * /
div.lriWue.kaPXWe {
top: 44px;
}
div.IvwRoc.Um8btf.URFF2.SfVZpc {
top: 0px
;
} */
/* Notifications box */
/* Not working yet
Tue May 21 05:58:32 UTC 2013
*/
/* Embiggen what's in it */
/* Are these the bodies you're looking for? */
body.u0b.ad div#notify-widget-pane {
_border: 10px solid #cfc;
}
body.u0b.ad div.P9a {
_border: solid 10px red;
}
/* Squashed height: fix */
body.u0b.ad div.lfa.kfa, body.u0b.ad div.iF {
height: 1.4em;
}
/* Remove post outline */
body.u0b.ad div.Tg.Sb.ChZ7Rc.sb {
outline: none;
}
/* Reduce padding and margins */
body.u0b.ad div.ax.ws.Pvkdsd, body.u0b.ad div.gv.ci {
width: 430px;
padding: 0 4px;
overflow-y: scroll;
overflow-x: hidden;
}
body.u0b.ad div.ax.ws {
padding: 0;
}
body.u0b.ad div.Yy.eWGXb {
margin-left: 4px;
}
/* Tweak new notice header */
body.u0b.ad div.xI {
width: 400px;
}
/* Widen content */
body.u0b.ad div.Yy.oeIGR {
width: 430px;
outline: solid 4px blue;
fixme: 2013Jun15;
}
body.u0b.ad div.Yy.eWXGXb {
width: 430px;
padding-top: 4px;
margin-left: 4px;
}
body.u0b.ad div.qf.ii {
width: 412px;
}
/* Fix padding */
body.u0b.ad div.Wda.zl {
padding: 0;
overflow-y: hidden;
}
body.u0b.ad div.ZpzDcd {
}
/* Fix link preview: (Terry's post) */
body.u0b.ad div.dv.Mm {
_width: 372px;
_float: none;
width: inherit;
float: inherit;
height: inherit;
}
/* Images */
body.u0b.ad div.Yj.Fg.aFDIab.FB,body.u0b.ad div.nNIfo,body.u0b.ad div.Yj.Fg.HqkbX,body.u0b.ad div.cYj.Fg.HqkbX.uZ2Y4ebody.u0b.ad {
height: inherit;
float: inherit;
max-width: inherit;
bottom: inherit;
display: inherit;
background: inherit;
}
body.u0b.ad div.Ry.JDeJ0, body.u0b.ad div.dv.Mm {
height: inherit;
max-height: inherit;
min-height: inherit;
float: inherit;
max-width: inherit;
min-width: inherit;
}
/* More images */
body.u0b.ad div.Yj.Fg.aFDIab.FB, body.u0b.ad div.nNIfo, body.u0b.ad div.Yj.Fg.HqkbX, body.u0b.ad div.cYj.Fg.HqkbX.uZ2Y4e {
height: inherit;
float: inherit;
max-width: inherit;
bottom: inherit;
display: inherit;
background: inherit;
}
/* Unbind post height, but not _completely_ */
body.u0b.ad div.WamaFb.DIcL3e {
width: 410px;
max-height: 500px;
margin-right: 0;
overflow-y: scroll;
}
/* Nuke "Read more */
body.u0b.ad span.a-n.fE.syxni.JBNexc {
display: none;
}
/* interaction widgets */
body.u0b.ad div.qf.ii > div.LI {
padding-top: 4px;
}
/* Remove comments height constraint */
body.u0b.ad div.O7.mP.CLSMk {
max-height: none;
}
/* Remove editor height limit */
body.u0b.ad div.be.c-B > div.yd.editable {
font-family: courier;
width: inherit;
max-height: none;
min-height: 6em;
}
/* Fix for comment score line vertical alignment issues * /
/* Wrapper */
div.Oo {
position: relative;
height: 1.4em;
width: 4em;
}
/* + */
div.ol > div.Bo:first-child {
position: absolute;
bottom: 1em;
left: 0.5em;
height: 1em;
}
/* tens */
div.ol > div.Bo {
position: absolute;
top: 0.1em;
left: 1.1em;
height: 1em;
}
/* ones */
div.wf.cl {
position: absolute;
top: 0.1em;
margin-left: 1.3em;
height: 1em;
}
/* +1 button (white & red) */
button.esw.eswd.bi.Xia, button.esw.eswa.bi.Xia {
position: absolute;
top: 0.1em;
left: 3.2em;
height: 1.1em;
}
/* Circle controls */
div.r6Rtbe.NB.Om.swP5qd {
background-color: white;
border: 5px solid #44a;
position: fixed;
left: 960px;
top: 200px;
width: 320px;
}
div.fSa {
height: 530px;
max-height: none;
}
/* User cards & circle dialog */
/* Circles pop-up dialog */
div.gf.ir {
height: 400px;
-webkit-transition: transparancy 2s ease 1s;
}
div.bj.c-B.ar {
max-height: 360px;
}
/* User cards: Delay appearance */
div.g-al-Xk {
-webkit-transition-delay: 0.25s;
-webkit-transition-duration: 0.5s;
}
/* Editor window */
div.swpfMd.pUZcVc.x8abD.HWTYYe div.CCryzc.W5Bkg {
_background-color: red;
margin-left: 20px;
max-width: none;
padding-left: 20px;
width: inherit;
}
div.uBFlYd.EyKftc.HWTYYe {
left: 20px;
max-width: none;
width: 920px;
min-width: 920px;
}
div.g-s-Ma-ba.qdVLYd.D4sSPc.Ma.Nf, div.Je.whMwi, div.kdBn3b.rWEt6e, div.xe {
max-width: none;
}
div.Je.whMwi.TOnQUb, div.kdBn3b.rWEt6e, div.Axa1j.yMMKaf.kFUiG, div.CCryzcW5Bkg {
max-width: none;
width: 940px;
}
div.xe, div.EPlNT.be.c-B {
max-height: none;
max-width: none;
width: 760px;
}
div.yd.editable {
font-family: courier;
width: 48em;
min-height: 25em;
max-height: 36em;
overflow-y: scroll;
}
/* Share this post */
div.U-L.Tk {
left: 50px;
width: 1000px;
}
div.xIfz5b, div.CCryzc, div.hy8VRd.Sd.Jh, div.v8Botb.tBAOlc, div.ZR37G {
width: 800px;
max-width: none;
}
/* Comment editor */
div.Lj.FE div.yd.editable {
font-family: courier;
width: 50em;
min-height: 6em;
max-height: 34em;
overflow-y: scroll;
}
/* Community Search results */
/* Remove content max height and read more */
div.wB.G8a.iLxK7d div.WamaFb.DIcL3e {
max-height: none;
}
div.wB.G8a.iLxK7d span.a-n.fE.syxni.JBNexc {
display: none;
}
/* "Share" edit window -- if you can't make it bigger, at least make it stop growing before the controls scroll off the page. */
body.u0b.ad div.P9a div.VNb.Xeb {
_outline: solid 10px blue;
}
body.u0b.ad div.P9a div.VNb.Xeb div.swpfMd.pUZcVc.x8abD.HWTYYe, body.u0b.ad div.P9a div.VNb.Xeb div.CCryzc.W5Bkg, body.u0b.ad div.P9a div.VNb.Xeb div.uBFlYd.EyKftc.HWTYYe, body.u0b.ad div.P9a div.VNb.Xeb div.g-s-Ma-ba.qdVLYd.D4sSPc.Ma.Nf, body.u0b.ad div.P9a div.VNb.Xeb div.Je.whMwi, body.u0b.ad div.P9a div.VNb.Xeb div.kdBn3b.rWEt6e, body.u0b.ad div.P9a div.VNb.Xeb div.xe, body.u0b.ad div.P9a div.VNb.Xeb div.Je.whMwi.TOnQUb, body.u0b.ad div.P9a div.VNb.Xeb div.kdBn3b.rWEt6e, body.u0b.ad div.P9a div.VNb.Xeb div.Axa1j.yMMKaf.kFUiG, body.u0b.ad div.P9a div.VNb.Xeb div.CCryzcW5Bkg, body.u0b.ad div.P9a div.VNb.Xeb div.xe, body.u0b.ad div.P9a div.VNb.Xeb div.EPlNT.be.c-B, body.u0b.ad div.P9a div.VNb.Xeb div.i-j-h-vk.i-j-h-Kr, body.u0b.ad div.P9a div.ZR37G, body.u0b.ad div.P9a div.VNb.Xeb div.yd.editable {
height: inherit;
left: inherit;
margin-left: inherit;
max-height: inherit;
max-width: 440px;
overflow-y: inherit;
padding-left: inherit;
width: inherit;
}
body.u0b.ad div.P9a div.VNb.Xeb div.yd.editable {
resize: height;
max-height: 650px;
width: inherit;
max-width: 400px;
font-family: courier;
}
body.u0b.ad div.P9a div.VNb.Xeb div.VNb.Xeb {
width: inherit;
max-width: 440px;
max-height: 700px;
}
body.u0b.ad div.P9a div.i-j-h-tb.i-j-h-f, body.u0b.ad div.P9a div.i-j-h-tb-x {
width: auto;
max-width: 440px;
}
deviantART Redesign for Stylebot
0 0/* Top Bar */
table#overhead {
background-image: url(https://s3.amazonaws.com/f.cl.ly/items/1N3h090m3b1J3Y1b1f0d/header.png);
border-bottom: solid 1px ;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.065);
height: 50px;
position: relative;
}
table#overhead tr td {
padding-top: 2px;
color: white;
height: 40px;
padding-bottom: 4px;
text-shadow: 0px 1px 2px #262626;
position: relative;
}
button.smbutton.smbutton-green.browse-search-button {
background: #D7E2D4 -webkit-gradient(linear, left top, left bottom, from(white), to(#E3EBE2) );
}
/* Hide Collapse Icon Titles */
b.oh-collapse {
display: none;
}
/* Better Seach Bar */
a.gmbutton2.gmbutton2f {
display: none;
}
i.gmbutton2f.search-l {
display: none;
}
input.gmbutton2.gmbutton2f {
border-left: 1px solid;
border-right: 1px solid;
}
#overhead #search7-ctrl {
margin-right: 0;
}
td.oh-search {
width: 10px;
border-style: groove;
border-width: 0;
border-color: #96a39d;
border-right-width: 2px;
border-left-width: 2px;
padding-right: 6px;
}
/* Larger Collections Area */
div.collections {
background-color: #383838;
border-style: none;
padding-bottom: 30px;
padding-top: 60px;
}
div.collection-head {
margin-top: 12px;
}
/* Deviant
#oh-menu-deviant {
position: absolute;
right: 80px;
}
*/
/* Site Menu - FIX STICK MODE */
b.mh {
font-weight: normal;
font-size: 11px;
text-transform: uppercase;
}
/* Messages */
div.browse-left-bar {
background-color: #ffffff;
width: 190px;
height: 100%;
padding-top: 10px;
}
td.iconset-messages {
padding-right: 12px;
}
a[title="Notices"], a[title="Correspondence Messages"], a[title="deviantWATCH Messages"] {
display: none;
}
#oh-menu-split.oh-hasbutton a.oh-l, a[title="Deviations"], a[title="Notes"], a[title="Feedback Messages"] {
font-weight: bold;
color: #fafafa;
margin-top: -10px;
padding-bottom: 10px;
}
#oh-menu-split.oh-hasbutton a.oh-l:after, a[title="Deviations"]:after, a[title="Notes"]:after, a[title="Feedback Messages"]:after {
display: inline-block;
content: 'new';
margin-left: 3px;
}
#oh-menu-split.oh-hasbutton:after {
content: 'Messages';
position: relative;
top: -20px;
left: 32px;
font-size: 11px;
display: block;
height: 0;
color: #c4c4c4;
}
#oh-menu-split.oh-hasbutton a.oh-l i.h-icon, a[title="Deviations"] i, a[title="Notes"] i, a[title="Feedback Messages"] i {
padding-top: 10px;
color: #c4c4c4;
margin-top: 8px;
margin-left: -2px;
}
a[title="Deviations"] i:after, a[title="Notes"] i:after, a[title="Feedback Messages"] i:after {
font-weight: normal;
font-style: normal;
font-size: 11px;
margin-left: 26px;
}
a[title="Deviations"] i:after {
content: 'Messages';
}
a[title="Notes"] i:after {
content: 'Notes';
}
a[title="Feedback Messages"] i:after {
content: 'Feedback';
}
/* Pagination */
div.bubbleview {
margin-top: 6px;
}
.browse-container {
padding-top: 6px;
}
/* Left Bar */
div.browse-top-bar {
margin-top: 10px;
margin-right: 10px;
position: relative;
background-color: #ffffff;
box-shadow: 1px 0px 12px rgba(0, 0, 0, 0.2);
border-radius: 4px;
}
/* Groups */
a.gmbutton2.gmhuge.gmbutton2top {
text-shadow: none;
background: #D7E2D4 -webkit-gradient(linear, left top, left bottom, from(#E3EBE2), to(#C7D5C0) );
border: 1px solid #94A98F;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 #FFFFFF inset, 1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.2) inset;
height: 30px;
margin-top: -8px;
padding-top: 5px;
padding-bottom: 5px;
}
div.groupRightHeader.ch {
background-color: #ffffff;
box-shadow: 1px 0px 12px rgba(0, 0, 0, 0.2) ;
}
div.groupRightHeader.ch h2 {
font-weight: bold;
font-family: Trebuchet MS,sans-serif;
color: #707070;
font-size: 14pt;
letter-spacing: ;
}
/* Pagination */
div.paging-results.paging-results-first-page.browse-link-button.popup-trigger {
background: #D7E2D4 -webkit-gradient(linear, left top, left bottom, from(#E3EBE2), to(#C7D5C0) );
border: 1px solid #94A98F;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 #FFFFFF inset, 1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.2) inset;
}
a.smbutton.smbutton-green.load_more {
width: 300%;
margin-left: -150%;
}
/* Browing Content*/
div.browse-search-container {
box-shadow: inset 1px 0px 2px rgba(0, 0, 0, 0.2);
}
div.noncollapseHeader {
color: #999999;
font-weight: normal;
font-size: 12px;
}
div.browse-facet.browse-facet-browse-links:before {
content: 'BROWSE';
display: block;
font-size: 12px;
color: #999999;
font-weight: normal;
margin-bottom: 12px;
margin-left: 2px;
}
div.browse-facet.browse-facet-order:before {
content: 'TIME';
display: block;
font-size: 12px;
color: #999999;
font-weight: normal;
margin-bottom: 12px;
margin-left: 2px;
}
li.browse-link-browse a {
position: relative;
}
li.browse-link-browse a:after {
content: 'Deviations';
display: inline-block;
position: absolute;
left: 28px;
top: 1px;
background-color: #ffffff;
}
hr.browse-divider {
border-width: 0;
margin-bottom: -8px;
}
div.browse-facet-browse-links li a {
color: #707070;
}
div.browse-facet-browse-links li.selected a {
color: #5AA777;
}
div.search-stats {
margin-top: 12px;
}
/* Sublist Styling */
div.browse-facet-order ul, div.browse-facet-order ul, div.browse-facet-category ul, div.browse-facet-focus ul, div.browse-facet-media ul, div.browse-facet-location ul, div.browse-facet-type ul, div.browse-facet-watchers ul, div.browse-facet-formed ul, div.browse-facet-product ul, div.browse-facet-size ul, div.browse-facet-shape ul, div[class*="browse-facet-price-"] ul {
border-left: 2px #dbdbdb solid;
}
div.browse-facet-order ul a , div.browse-facet-order ul a, div.browse-facet-category ul a , div.browse-facet-focus ul a , div.browse-facet-media ul a , div.browse-facet-location ul a, div.browse-facet-type ul a, div.browse-facet-watchers ul a, div.browse-facet-formed ul a, div.browse-facet-product ul a, div.browse-facet-size ul a, div.browse-facet-shape ul a, div[class*="browse-facet-price-"] ul a {
font-size: 12px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 20px;
margin-right: -44px;
border-radius: 0;
color: #707070;
}
div.browse-facet-order ul a:hover, div.browse-facet-order ul a:hover, div.browse-facet-category ul a:hover, div.browse-facet-focus ul a:hover, div.browse-facet-media ul a:hover, div.browse-facet-location ul a:hover, div.browse-facet-type ul a:hover, div.browse-facet-watchers ul a:hover, div.browse-facet-formed ul a:hover, div.browse-facet-product ul a:hover, div.browse-facet-size ul a:hover, div.browse-facet-shape ul a:hover, div[class*="browse-facet-price-"] ul a:hover {
font-weight: bold;
background: none;
}
div.browse-facet-order ul a.selected, div.browse-facet-order ul a.selected, div.browse-facet-category ul a.selected, div.browse-facet-focus ul a.selected, div.browse-facet-media ul a.selected, div.browse-facet-location ul a.selected, div.browse-facet-type ul a.selected, div.browse-facet-watchers ul a.selected, div.browse-facet-formed ul a.selected, div.browse-facet-product ul a.selected, div.browse-facet-shape ul a.selected, div[class*="browse-facet-price-"] ul a.selected {
color: #5AA777;
background: none;
border-left: 4px #dbdbdb solid;
padding-left: 16px;
font-weight: bold;
}
/**/
div.browse-content span.age {
display: none;
}
div.browse-content span.tt-w img {
margin-top: -2px;
}
div.browse-content span.shadow.mild {
width: 100%;
}
div.browse-content span.tt-bb {
background: none;
}
div.browse-content span.tt-w {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
}
div.browse-content span.shadow {
background-image: none;
}
div.browse-content span.facet-tag-new small {
border-radius: 0;
}
div.browse-content span.category {
font-size: 11px;
padding-bottom: 2px;
padding-top: 2px;
}
div.browse-content span.category a {
color: #5AA777;
}
div.browse-contentdiv.commentcount {
font-size: 11px;
}
div.browse-content a.t {
font-size: 15px;
line-height: 12px;
max-width: 100%;
overflow: hidden;
}
div.browse-content span.details {
overflow: hidden;
}
div.browse-content .tt-fh-tc {
display: block;
margin-left: auto;
margin-right: auto;
}
div.browse-content {
background-image: url(https://github.com/subtlepatterns/SubtlePatterns/blob/gh-pages/bgnoise_lg.png?raw=true);
padding-left: 50px;
padding-top: 1px;
}
/* Shop */
div.shopNotices {
background: none;
}
#groupsContent div.details {
position: absolute;
top: 65px;
left: 2px;
width: 110px;
}
#groupsContent a.u {
color: #5AA777;
font-weight: normal;
}
#groupsContent a.readmore {
text-shadow: none ;
background: #D7E2D4 -webkit-gradient(linear, left top, left bottom, from(#E3EBE2), to(#C7D5C0) ) ;
border: 1px solid #94A98F ;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 #FFFFFF inset, 1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(255, 255, 255, 0.2) inset ;
height: 14px ;
margin-top: 10px;
display: inline-block;
}
#groupsContent div.groupEntry.ll {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);
padding: 10px;
position: relative;
}
span.oh-notecount {
color: #fff000;
}
div.catbar, #groupsCatBar, #shopCatBar, #groupsDirRight {
background: none;
}
div.shop-main-page {
margin-left: -18px;
}
div[gmi-name="promotions"] {
margin-left: -12px;
margin-top: 12px;
}
#groupsCatBar, #shopCatBar, #groupsDirRight {
background: none;
}
/* Gallery Info */
div.browse-content div.mbh {
margin-right: 10px;
margin-top: 12px;
box-shadow: 1px 0px 12px rgba(0, 0, 0, 0.2) ;
}
/* Channel and DD Page */
div.channelDownArrow {
display: none;
}
div.channelHeader a {
color: #707070 ;
}
div#channelContent div.stream a.t {
display: block;
color: #121516;
font-family: "Trebuchet MS";
line-height: 16px ;
}
div#channelContent div.stream a.u, div#channelContent div.stream div.commentcount a {
color: #5AA777 ;
}
div#channelContent div.stream {
background-image: url(https://github.com/subtlepatterns/SubtlePatterns/blob/gh-pages/bgnoise_lg.png?raw=true);
padding-left: 50px;
padding-top: 1px;
border-top: none;
padding: 30px;
height: 300px;
overflow-y: scroll;
}
div#channelContent div.stream span.tt-w {
background-color: #ffffff ;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1) ;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1) ;
padding-left: 2px ;
padding-right: 2px;
padding-top: 2px ;
padding-bottom: 12px;
margin: 10px;
}
div.channelHeader, div.dailyDevNav {
background: white;
color: #5AA777;
-webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .3);
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .3);
}
div.dailyDevNav {
background: white;
color: #5AA777;
-webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .3);
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .3);
}
div.dailyDevNav span.dailyDevCurDate {
font-family: "Trebuchet MS";
color: #707070 ;
}
div.iehh {
margin-top: -12px;
}
div.iehh tr {
background-image: url(https://github.com/subtlepatterns/SubtlePatterns/blob/gh-pages/bgnoise_lg.png?raw=true);
}
div.iehh tr.alt td.f {
background: rgba(255, 255,255,.5);
}
div.ddinfo a {
color: #5AA777 ;
font-family: "Trebuchet MS";
font-weight: bold;
font-size: 14px;
line-height: 125%;
margin: 0;
}
/* Poll */
#sidebarPoll div.poll span.lefttab, #sidebarPoll div.poll span.righttab {
display: none;
}
#sidebarPoll div.pollslider {
padding-bottom: 12px;
border-radius: 4px;
margin-bottom: 12px;
border-style: solid;
border-width: 1px;
border-color: #b3b3b3;
text-align: center;
}
#sidebarPoll div.poll-bar2 {
text-align: left;
}
/* Minipage View Mode */
div.deviation-full-minipage {
background: white;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);
padding-left: 4px;
padding-right: 4px;
border-radius: 0px;
}
/* Fix for tabbed submit */
div#not-overhead table#overhead {
background-image: none;
}
Facebook ReDesign by KVH Media
0 2body {
font-family: 'Open Sans', sans-serif;
background: url(http://i43.tinypic.com/9kxcow.jpg) repeat left top #FFF; /* Hintergrund */
}
/**** Hauptmenu ****/
div.fixed_elem {
background: url(http://i41.tinypic.com/wrbiu.jpg) repeat-x left center; /* Hintergrund Hauptmenuleiste */
}
#pageLogo a:hover {
background-color: #1c3f8d;
}
a.jewelButton:hover {
background-color: #EEE;
}
#pageNav .navLink::after {
background: none;
}
ul#pageNav a:hover {
background: none;
color: #fff;
}
ul#pageNav a:hover img {
border-color: #CCC;
}
/**** Chat Sidebar ****/
div.fbChatSidebar {
background: url(http://i40.tinypic.com/2mzcuug.jpg) repeat left top; /* Hintergrund Chat Sidebar*/
margin-top: 38px;
}
/**** div Fixes****/
.fbChatSidebar .uiGrid { /* Sidebar Suchfeld Position-Fix */
/* padding-top: -40px; */
position: relative;
bottom: 40px;
}
div.rightColumnWrapper.fixed_elem {
background: none;
}
div.bookmarksMenuButton .uiCloseButton {
background-color: #FFF;
}
/**** Seitenleiste ****/
#leftCol {
background: url(http://i43.tinypic.com/j0d4rp.jpg) repeat left top; /* Hintergrund Seitenleiste */
border: 1px solid #fff;
border-right: 0;
border-top: 0;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
padding: 20px 0 10px 10px;
margin-left: -9px;
}
.uiSideNav .selectedItem .item, .uiSideNav .selectedItem .item:hover, .uiSideNav ul .selectedItem .subitem, .uiSideNav ul .selectedItem .subitem:hover {
background: url(http://i43.tinypic.com/j0d4rp.jpg) repeat left top; /* Hintergrund Listenobjekt Seitenleiste */
}
.uiSideNav .item {
border-bottom: 0;
}
.uiSideNav .item:hover {
background: url(http://i43.tinypic.com/j0d4rp.jpg) repeat left top; /* Hintergrund Listenobjekt Seitenleiste bei hover*/
}
.uiSideNav .item .uiSideNavCount {
background: #FFF;
color: #888;
}
.uiSideNav .item:hover .uiSideNavCount {
background: #888;
color: #FFF;
}
google+ (takobus)
2 0/* main */
.l8, .ow .kDq7F, .mu .EyKftc.HWTYYe, .mu .EyKftc.HWTYYe .Ng {width:800px !important}
.mu .EyKftc.HWTYYe .Ng, .I9 .EyKftc, .mu .EyKftc.HWTYYe, .mu .EyKftc.HWTYYe .Ng, .mu .Je {box-sizing:border-box; max-width:800px}
.I9 .kDq7F .EyKftc, .mu .EyKftc.HWTYYe {min-width:800px !important}
.ORa .wB {min-width:850px}
.YUUGs .a2EcRc {height:17px}
.I9 .x8abD .EyKftc.HWTYYe {left:0 !important; margin-bottom:25px}
.mu .HWTYYe .EyKftc .ZR37G, .mu .yMMKaf {width:700px; max-width:700px}
.mu .EyKftc .CCryzc {width:620px; max-width:100%; box-sizing:border-box;}
.EyKftc.HWTYYe .EYClJ {min-width:80px;}
.mu .xe {width:600px}
.mu .EPlNT {max-width:100%}
.I9 .ZuZuKf, .I9 .EyKftc .YAF4Vb, .I9 .EyKftc, .I9 .NJQICe.x8abD, .I9 .EyKftc .wJm2ce, .I9 .EyKftc.HWTYYe .Ng, .I9 .pUZcVc.HWTYYe.x8abD, .I9 .pUZcVc.x8abD {transition:none}
.I9 .EyKftc.HWTYYe {animation:none; -webkit-animation:none}
/* comments */
.Mi {color:#000 !important}
.FE, .tr, .XQ, .uy, .iP, .sF, .WQ, .QJ, .Su {background-color:#EDF2FC !important;}
/* content, pictures, video */
.kDq7F .ci .dv {background:#bcbcbc url(http://i.imgur.com/YfqS9.jpg); margin:0 -20px}
.kDq7F .dv iframe {display:block; margin:0 auto}
.kDq7F .dv .FB, .kDq7F .dv .IY {background-color:transparent; width:600px; margin:0 auto}
.kDq7F .FB {padding:15px 0}
.kDq7F .dv .IY {position:static}
.kDq7F .BR .zR {margin:0 auto}
.kDq7F .Zbp8Vd {left:0; box-sizing:border-box}
.kDq7F .dv .ZpzDcd {margin:0; padding:20px 14px; background:linear-gradient(to bottom, #f5f5f5, white 20px);}
.kDq7F .dT6Wrb, .kDq7F .nNIfo, .kDq7F .mQMHtc {width:510px; margin:0 auto}
.yF .YF.a-n, .ow .ot-anchor, .ow .proflink, .ow .ot-hashtag {color:#427fed;}
Hacker News
0 0.subtext {
border-bottom: 1px solid #eee;
padding: 0 0 20px 0px;
}
::selection {
background: #333;
color: #fff;
}
body {
background: url(http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/cream_dust.png);
padding-bottom: 15px;
padding-top: 15px;
}
body > center > table {
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 1000px;
}
body > center > table > tbody > tr > td > table > tbody > tr > td:nth-child(2) > span b a {
font-size: 17px;
line-height: 21px;
padding-left: 4px;
}
body > center > table > tbody > tr > td > table > tbody > tr td:nth-child(3) span a:first-child {
font-weight: bold;
}
body > center > table > tbody > tr td table {
padding: 10px 60px 10px 30px;
}
body > center > table > tbody tr:nth-child(3) td table {
padding: 20px 60px 8px 15px;
width: 100%;
}
body > center > table > tbody tr:nth-child(3) td table tbody tr:last-child a {
color: #000;
font-weight: bold;
text-decoration: none;
}
body > center > table > tbody tr:nth-child(3) td table tbody tr:last-child a:visited {
color: #000;
}
body > center > table > tbody tr:nth-child(3) td table tbody tr:last-child td.title {
height: 40px;
text-align: center;
}
body > center > table > tbody tr:nth-child(3) td table tbody tr:nth-child(3n+0) {
height: 20px;
}
body > center > table > tbody tr:nth-child(4) td table {
padding: 0 62px 10px;
}
/* User link */
/* Spacing between stories */
/* More link */
/* Comments link */
span.comment font {
line-height: 18px;
}
td.subtext.buffer-inserted {
padding-top: 3px;
}
td.subtext.buffer-inserted a:nth-child(3) {
color: #666;
font-weight: bold;
}
td.title a, td.title a:visited {
font-family: Georgia, serif;
font-size: 17px;
line-height: 14px;
}
Minimal new Flickr
1 0.micro-card .opacityBackground {
background-color: #9dbcc1;
-ms-filter: "alpha(opacity=80)";
filter: alpha(opacity=80);
opacity: 1;
}
#global-nav {
background: #75a2aa;
margin-bottom: 10px;
}
.subnav-refresh .subnav-holder {
background: #e6e9e9;
border: none;
}
.fade-big, .fade-small {
display: none;
}
.imgWrapper {
background-color: #ccc;
}
.sihp-sidebar-module {
opacity: 0.5;
}
.group-info {
background: #fff;
color: #000;
}
.sessionPhotos {
display: none;
}
.subnav-refresh h1, .subnav-refresh h2 {
text-shadow: none;
color: #999;
}
.subnav-refresh ul.nav-links li.sn-navitem a {
text-shadow: none;
color: #999;
}
.subnav-refresh .person {
bottom: 80px;
left: 40px;
}
.subnav-refresh .stats {
display: none;
}
.subnav-refresh ul.nav-links li.sn-navitem {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
.subnav-refresh ul.nav-links li.sn-navitem.sn-active, .subnav-refresh ul.nav-links li.sn-navitem:hover {
background: #fff;
}
.subnav-refresh ul.nav-links li.sn-navitem.sn-active {
font-weight: normal;
}
.photo-display-container.ju .photo-display-item .meta, .zoomer .meta {
background: #fff;
text-shadow: none;
opacity: 1;
position: auto;
bottom: 0;
left: 0;
right: 0;
border: 1px solid #f4f4f4;
}
.photo-display-container.ju .photo-display-item .meta a.title, .zoomer .thumb .meta a.title {
opacity: 1;
font-weight: normal;
}
.photo-display-container.ju .photo-display-item .meta a:link, .photo-display-container.ju .photo-display-item .meta a:visited, .zoomer .meta a {
color: #666;
}
.photostream .photo-display-container.ju .photo-display-item .attribution {
opacity: 1;
}
.subnav-refresh .cover-photo-holder .cover-photo.wviewvert {
background: #f4f4f4;
}
.subnav-refresh .cover-photo-holder::before {
background: none;
}
.subnav-refresh .sn-avatar {
display: none;
}
.subnav-refresh ul.nav-links {
margin-left: 0px;
}
.super-liquid .photo-display-container.ju .photo-display-item .meta {
padding: 10px;
}
.subnav-refresh .subnav-middle .cover-cta a {
display: none;
}
#photo {
background: #f4f4f4;
padding-bottom: 20px;
}
#photo-container {
padding: 10px 10px 41px;
}
#photo-actions .photo-title {
color: #666;
background: rgba(0,0,0,0);
}
#photo-actions {
left: 40px;
}
#xxxLinkArea {
padding-left: 40px;
}
#primary-column {
margin-left: 40px;
}
#photo-details {
margin: 20px auto;
width: 800px;
}
#sidebar {
opacity: 0.6;
}
Hacker News Neue
2 3.pagetop {
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 18px;
}
body center table {
background-color: #eee;
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-weight: 100;
padding-left: 4px;
padding-right: 4px;
width: 880px;
}
font pre code {
font-family: "Anonymous Pro", Menlo, Consolas, monospace;
font-size: 16px;
}
font u a {
font-size: 14px;
font-weight: normal;
}
form tr td, form tr td input, form tr td textarea {
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
}
html body {
margin-top: 12px;
}
html body center {
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-weight: 100;
}
img[src$="grayarrow.gif"] {
-webkit-transform: scaleY(1.5);
transform: scaleY(1.5);
border: solid 6px #999;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
height: 0;
margin-bottom: 6px;
margin-left: 6px;
margin-right: 6px;
width: 0;
}
img[src$="graydown.gif"] {
-webkit-transform: scaleY(1.5);
border: solid 6px #999;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
height: 0;
margin-top: 16px;
width: 0;
}
img[src$="y18.gif"] {
margin-left: 4px;
}
span.comhead {
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
font-weight: 200;
}
span.comment font {
display: block;
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 18px;
font-weight: 200;
padding-right: 24px;
}
span.expand-handle {
letter-spacing: 3px;
}
span.expand-handle-collapsed {
letter-spacing: 2px;
}
span.pagetop:last-of-type {
margin-right: 4px;
}
tbody tr td {
background-color: #eee;
font-size: 16px;
font-weight: 100;
}
td form textarea {
font-size: 16px;
}
td.default {
padding-bottom: 16px;
width: 100%;
}
td.subtext {
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
font-weight: 200;
padding-bottom: 6px;
}
td.title {
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 24px;
font-weight: 100;
}
td.title a {
background-color: #dee;
letter-spacing: 1px;
margin-right: 4px;
}
td.title a:hover {
background-color: #fff;
}
td.title a:visited {
background-color: #eee;
}
tr td table:first-of-type {
height: 40px;
margin-bottom: -8px;
}
tr td textarea {
font-family: "Helvetica Neue", Helvetica, sans-serif;
}
Connor's Techcrunch!
1 0#module-header, .top-featured-posts, .widget_tc_banner_nav_widget, .right-container, .lazy-share-widget, .module-footer, .publication-info, .module-sponsored-ads, .more-link {
display: none ;
}
#page-container {
padding-top: 50px;
}
.column-container, #paging-below {
width: 668px;
}
.module-post {
padding: 50px 0;
}
.module-post .body-copy, .module-post .entry-summary {
color: #333;
font-size: 16px;
line-height: 22px;
}
.module-post .headline {
margin-bottom: 30px;
}
.module-post .headline, .module-post .headline a, .module-post-detail h1.headline {
font-size: 35px;
font-weight: 300 ;
letter-spacing: 0;
line-height: 40px;
}
/* Custom user styles for Techcrunch.com by Connor Sears
====================================================== */
/* Hide all the things! */
/* Base structure
================================================== */
/* Headlines
================================================== */
/* Use Helvetica */
/* Posts
================================================== */
div.post-category-name h3 a {
display: none;
}
div.post-share-widget {
display: none;
}
h1, h2, h3, h4, h5, h6, .headline, .load-more-results, .menu-item, .page-nav {
font-family: "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: inherit;
}
Connor's Facebook
2 0/* Custom user styles for Facebook.com's News Feed by Connor Sears
================================================================== */
/* Hide all the things! */
.fbx.home #rightCol, #pagelet_welcome_box, #pagelet_bookmark_nav, #navHeader, #navHome, .headerTinymanName {
display: none ;
}
/* News feed
================================================== */
/* Skinny up the News feed after removing all the ads */
.fbx.home #globalContainer {
left: -96px;
/* Places the side nav in the left margin. */
width: 731px;
}
/* Make the news feed stories span the full width of the container */
.uiStream {
margin-right: -20px;
}
/* Top bar (open graph not supported )
================================================== */
/* Shortening the top bar to work with the single column layout. Overly specific use of ids to override FB's CSS. */
.fbx.home #blueBar #pageHead {
width: 550px;
}
.fbx.home #navSearch {
width: 230px;
}
.fbx.home #navSearch .uiSearchInput input {
width: 195px;
}
/* Groups
================================================== */
.hasLeftCol #headerArea {
width: 509px;
/* Brings the group header in to be the same width as the main column. */
}
.groupJumpLayout .groupsCoverPhoto {
overflow: hidden;
/* hides photos that overflow in the smaller header. */
}
.fbGroupsStream {
margin-right: -28px;
/* Extends the divider lines the full width of the stream. */
}
Connor's Twitter
1 0/* Custom user style for Twitter.com by Connor Sears
================================================== */
/* Hide all the things! (Footer, Mini-profile, Trends, Profile Tweetbox, etc) */
.site-footer, .trends, .wtf-module.has-content, .enhanced-media-thumbnails, .mini-profile, .chev-right, .module[data-component-term^="profile_tweetbox"], .bird-topbar-etched {
display: none ;
}
/* Base structure
================================================== */
/* Center the content and resize to one column */
.content-main {
float: none;
margin: 0 auto;
}
.wrapper {
width: 520px;
}
/* Top bar
================================================== */
.global-nav .container {
width: 550px;
}
/* Hide the main navigation text */
.global-nav #global-actions li span.text {
display: none;
}
/* Condense the main nav icons and center the glow */
#global-actions.nav i {
margin-right: 0;
}
.nav .nav-new {
margin-left: -12px;
}
/* Adjust the search form to work well in the smaller top bar */
.global-nav .form-search {
width: 170px;
}
.global-nav .search-input {
width: 110px;
}
.global-nav .search-input.focus {
width: 130px;
}
/* Move the load spinner to the top right on the screen */
.pushstate-spinner {
position: absolute;
top: 1px;
right: 20px;
left: auto;
}
/* So I can place the pushstate-spinner all the way to the right. */
.container {
position: static;
}
/* Side navigation
================================================== */
/* Move the dashboard parent div to the left margin. */
.dashboard {
position: absolute;
left: -210px;
width: 200px;
}
/* Nav module */
.module {
-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 -1px 0 rgba(0,0,0,.2);
box-shadow: 0 1px 0 rgba(0,0,0,.2);
}
.module .list-link {
background-color: rgba(255,255,255,.5);
color: #333;
text-shadow: 0 1px 0 rgba(255,255,255,.3);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* Nav styles based on the user specified overlay color */
/* White */
.module:hover .list-link {
background-color: rgba(255,255,255,.7);
}
.module .list-link:hover, .module .active .list-link {
background-color: rgba(255,255,255,.9);
}
/* Black */
.wrapper.black .module {
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.1);
box-shadow: 0 1px 0 rgba(255,255,255,.1), inset 0 0 5px rgba(0,0,0,.3);
}
.wrapper.black .module .list-link {
background-color: rgba(0,0,0,.3);
color: #ccc;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.wrapper.black .module:hover .list-link {
background-color: rgba(0,0,0,.5);
}
.wrapper.black .module .list-link:hover, .wrapper.black .module .active .list-link {
background-color: rgba(0,0,0,.7);
}
/* Misc
================================================== */
/* Change the profile bio text to Georgia. For old times sake. */
.profile-card.profile-header .bio {
font-family: Georgia, serif;
font-style: italic;
}