Gmail - More Transparency on Items
one year ago by imma
3 0/**
Title: Gmail - More Transparency on Items
URL: http://stylebot.me/styles/1072
Author: http://stylebot.me/users/imma
**/
.qRauBc .Cp tr {
background: none;
}
/* Inbox View: Email Thread Line */
.qRauBc .Cp > div:first-child {
background: rgba(255, 255, 255, 0.6);
}
/* Inbox View: Subject */
.qRauBc .Cp div .y6 span:first-child {
color: #005;
text-decoration: Underline;
}
/* Inbox View: Snippet */
.qRauBc .Cp div .y6 span + span {
color: #232;
}
/* Inbox View: first sender name */
.qRauBc .Cp div tr span.yP:first-child {
color: #030;
}
.qRauBc .Cp tr td div {
overflow: visible;
}
/* Inbox View: Sender Name with Unread message(s) */
.qRauBc .Cp tr td div span.zF {
color: #220;
background: rgba(255,255,64,0.2);
padding: 1px 4px;
border: 1px solid #880;
border-radius: 6px;
}
/* background of open email */
.ar4 table.Bs td.Bu {
background: rgba(163,163,163,.8);
}
div.aki.pp {
padding-bottom: 6px;
}
div.D.E.G-atb {
padding-bottom: 2px;
}
div.nH.Wg {
padding-top: 3px;
}
.w-asV {
margin: 0;
}
.gbes#gbx1 {
top: 32px;
height: 31px;
}
/* was affecting the tooltips
& generallly fading everything * /
.aam > div {
background: #fff;
opacity: .75;
}
*/
.aam > div > * {
background: none;
}
/* highlight the new hovered item */
.qRauBc .Cp div tr > td {
border: none;
}
.qRauBc .Cp > div:first-child tr:hover {
background: rgba(255,255,255,0.75);
}
/* put the social stuff in the top right */
#gbu {
top: 1px;
right: 0px;
padding: 0px;
}
/* fade the +share button */
#mngb #gbu #gbgs3 {
background: rgba(255,255,255,0.5);
}
/* fade the top bar's background out */
/* #mngb #gb > div { */
#gbx3 {
background: rgba(0,0,0,0.2) ;
height: 34px;
border: none;
border-bottom: 1px solid rgba(255,255,255,0.2);
z-index: 1;
}
#gbq1, .gbq1 {
top: 6px;
}
/* highlight the top bar buttons faintly */
#gbzc li.gbt span.gbts, .gbzc li.gbt span.gbts {
background: rgba(127,127,127,0.3);
color: rgba(255,255,255,0.8) ;
margin: 0 2px;
padding: 0 8px;
border-radius: 8px;
border: 1px solid rgba(255,255,255,0.2);
line-height: 27px;
}
/* and lighten the buttons on hover */
#gbzc li.gbt span.gbts:hover {
background: rgba(255,255,255,0.3);
color: rgba(0,0,0,0.8);
margin: 0 2px;
padding: 0 8px;
border: 1px solid rgba(255,255,255,0.5);
}
/* labels - rounded, bigger and faint border */
table.cf.hX {
display: inline-block;
margin: 0px 2px;
border: 1px solid rgba(0,0,0,0.3);
border-radius: 8px;
overflow: hidden;
}
table.cf.hX tr.hR td.hU {
height: 20px;
padding: 2px 4px;
}
h1.ha {
margin-top: 0;
margin-bottom: 3px;
}
/* importance indicator - pH-A7:standard, pH:important */
div.pG div.pH, div.pG div.pH-A7 {
border: 1px solid rgba(0,0,0,0.5);
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
background: none;
height: 14px;
margin-top: 0px;
}
div.pG div.pH {
background: rgba(220,220,30,0.75);
}
/* labels on main page */
tr.zA.yO td.xY {
padding: 0px;
}
tr.zA.yO td.xY * {
overflow: visible;
}
tr td.xY div.xT div.ar.as .at {
border-radius: 8px;
border: 1px solid rgba(255,255,255,0.5);
overflow: hidden;
}
tr td.xY div.xT div.ar.as .at:hover * {
border-radius: 8px;
background: rgba(255,255,255,0.2);
}
/* Inbox View: label color indicator */
.aim div.nL.aig > div {
border: 1px solid transparent;
border-radius: 8px;
margin-left: -24px;
margin-top: -2px;
width: 32px;
height: 16px;
z-index: 0;
opacity: 0.4;
overflow: hidden;
}
/* label colour selector arrow */
.aim div.nL.aig > div div {
float: right;
margin-top: 1px;
margin-right: 6px;
}
.afM {
visibility: visible;
}
/* Inbox View: Compose Button */
div[role="button"][gh="cm"] {
border-radius: 16px;
border: 2px solid #036;
background: #36a;
}
No ADs for Tencent Weibo
one year ago by pencam
0 0#homeMsgTip,#star,#weibo_SJ_WDZY_TJPP,#citylife,#appRecommend,#proposal,#hotTopic,#homeBannerTip,.talkBox h2 a ,#badgeBox {
display: none;
}
FB on Hammersmith One
one year ago by v1ncent
0 0body {
font-family: Hammersmith One;
}
textarea.uiTextareaAutogrow.input.mentionsTextarea.textInput.DOMControl_placeholder {
font-family: Aller;
}
a.uiSelectorButton.uiButton.uiButtonSuppressed {
font-family: Hammersmith One;
}
label.submitBtn.uiButton.uiButtonConfirm {
font-family: Hammersmith One;
}
label.uiLinkButton.comment_link input {
font-family: Hammersmith One;
}
span.UIActionLinks.UIActionLinks_bottom {
font-family: Hammersmith One;
}
span.default_message {
font-family: Hammersmith One;
}
a.mls.uiButton {
font-family: Hammersmith One;
}
#uovr6j_9 {
font-family: Hammersmith One;
}
label.uiButton.uiButtonLarge.uiButtonConfirm input {
font-family: Hammersmith One;
}
label.uiButton.uiButtonLarge input {
font-family: Hammersmith One;
}
#up20y6_7 {
font-family: Hammersmith One;
}
#up3fxn_14 {
font-family: Hammersmith One;
}
span.uiButtonText {
font-family: Hammersmith One;
}
Leaner LinkedIn
one year ago by jayroh
1 0.textad, .pymk, .ad-block, .recjobs-widget, .reccompanies-widget, #linkedin-today {
display: none;
}
Gmail cleaner (No adds, no black titlebar)
one year ago by renaars
0 0div.adC {
display: none;
}
div.Zs {
display: none;
}
#gbx3 {
display: none;
}
#gbx1 {
top: 0px;
}
#gbzw {
display: none;
}
#gbq {
top: 0px;
}
#gbu {
top: 0px;
}
div.no {
top: 0px;
margin-top: -12px;
}
Paul Graham's Website
one year ago by minty
1 0tbody tr td:nth-child(3) {
width: 900px;
}
tbody tr td:nth-child(3)> * {
width: 900px;
}
tbody tr td {
line-height: 18px;
text-align: justify;
}
td map area {
background: none;
}
Facebook: no ads, no columns
one year ago by karolis
1 0#rightCol, #leftColContainer, #ego_column, .ego_section {
display: none;
}
#contentCol {
margin-left: 0px;
}
#contentArea {
width: 962px;
}
.homeFixedLayout .uiUfi {
width: 640px;
}
Georgify for Hacker News
*.ycombinator.com, hackerne.ws
one year ago by ankit
6 0/* Georgify for Hacker News by Tuhin Kumar (http://tuhinkumar.com) */
body center table {
background-color: #ffffff;
width: 700px;
max-width: 700px;
}
table {
background-color: #ffffff;
width: 700px;
}
tbody tr td {
background-color: #ffffff;
}
table tbody {
background-color: #ffffff;
}
span.pagetop {
color: #bbbbbb;
padding-bottom: 40px;
font-family: Georgia, Times, serif;
font-size: 10pt;
line-height: 10px;
}
span.pagetop a:link, span.pagetop a:visited {
font-family: Georgia, Times, serif;
font-size: 10pt;
color: #bbbbbb;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
padding-bottom: 4px;
font-weight: normal;
border-bottom: 0px dotted #fff;
}
span.pagetop a:hover, span.pagetop a:active {
font-family: Georgia, Times, serif;
font-size: 10pt;
color: #f60;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
padding-bottom: 4px;
font-weight: normal;
border-bottom: 0px dotted #ffa86e;
}
body {
font-family: Georgia, Times, serif;
font-size: 12pt;
color: #222222;
}
td {
font-family: Georgia, Times, serif;
font-size: 12pt;
color: #999999;
padding: 3px;
}
.admin td {
font-family: Georgia, Times, serif;
font-size: 8.5pt;
color: #222222;
}
td.subtext {
font-family: Georgia, Times, serif;
font-size: 12px;
color: #999999;
border-bottom: 1px dotted #ddd;
}
form {
margin-bottom: 0px;
}
input {
font-family: Georgia, Times, serif;
font-size: 15px;
color: #333;
padding: 8px 8px 8px 8px;
background-color: #fff;
width: auto;
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
input[type="text"] {
font-family: Georgia, Times, serif;
font-size: 15px;
color: #333;
padding: 8px 8px 8px 8px;
background-color: #fff;
width: auto;
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
input[type="submit"] {
font-family: Georgia, Times, serif;
color: #000;
padding: 8px 8px 8px 8px;
background-color: #f60;
width: auto;
font-size: 13px;
border: 1px solid #f60;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}
textarea {
font-family: Georgia, Times, serif;
font-size: 15px;
color: #222222;
column-span: 200px;
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: 660px;
height: 100px;
}
a:link {
color: #ffa86e;
text-decoration: none;
border-bottom: 1px dotted #fff;
}
a:hover, a:active {
color: #ffa86e;
text-decoration: none;
border-bottom: 1px dotted #ffa86e;
}
a:visited {
color: #aaaaaa;
text-decoration: none;
border-bottom: 1px dotted #fff;
}
.default {
font-family: Georgia, Times, serif;
font-size: 12pt;
color: #999999;
border-bottom: 1px dotted #ccc;
padding: 0px;
}
.admin {
font-family: Georgia, Times, serif;
font-size: 8.5pt;
color: #222222;
}
.title {
font-family: Georgia, Times, serif;
font-size: 12pt;
color: #999999;
padding-top: 12px;
font-weight: normal;
}
.title a:link {
font-weight: normal;
font-family: Georgia, Times, serif;
font-size: 14pt;
color: #222222;
margin-right: 6px;
}
.title a:hover, .title a:active {
border-bottom: 1px dotted #ffa86e;
}
.title a:visited {
color: #aaaaaa;
border-bottom: 1px dotted #fff;
}
.adtitle {
font-family: Georgia, Times, serif;
font-size: 9pt;
color: #999999;
}
.yclinks {
font-family: Georgia, Times, serif;
font-size: 8pt;
color: #999999;
padding-top: 15px;
}
.yclinks a:link, .yclinks a:visited {
color: #bbb;
padding-left: 5px;
padding-right: 5px;
font-weight: normal;
border-bottom: none;
}
.yclinks a:hover, .yclinks a:active {
color: #f60;
padding-left: 5px;
padding-right: 5px;
font-weight: normal;
border-bottom: none;
}
.pagetop {
font-family: Georgia, Times, serif;
font-size: 12pt;
color: #222222;
}
.comhead {
font-family: Georgia, Times, serif;
font-size: 9pt;
color: #888888;
}
.comment {
color: #222222;
font-family: Georgia, Times, serif;
font-size: 15px;
line-height: 22px;
padding-top: 10px;
}
.dead {
font-family: Georgia, Times, serif;
font-size: 9pt;
color: #dddddd;
}
i {
font-style: italic;
}
u {
text-decoration: none;
border-bottom: 1px dotted #ffa86e;
font-size: 12px;
margin-top: -10px;
}
.comment a:link, .comment a:visited {
color: #ffa86e;
border-bottom: 1px dotted #fff;
font-weight: normal;
}
.comment a:hover, .comment a:active {
color: #ffa86e;
border-bottom: 1px dotted #ffa86e;
font-weight: normal;
}
.dead a:link, .dead a:visited {
color: #bbbbbb;
}
.pagetop a:visited {
color: #222222;
}
.topsel a:link, .topsel a:visited {
color: #ffffff;
}
.subtext {
font-family: Georgia, Times, serif;
font-size: 8pt;
color: #999999;
padding-bottom: 20px;
font-style: italic;
}
.subtext a:link {
padding-left: 2px;
padding-right: 4px;
color: #ffa86e;
font-weight: normal;
border-bottom: 1px dotted #fff;
}
.subtext a:hover, .subtext a:active {
text-decoration: none;
border-bottom: 1px dotted #ffa86e;
}
.subtext a:visited {
padding-left: 2px;
padding-right: 4px;
color: #ffa86e;
font-weight: normal;
border-bottom: 1px dotted #fff;
}
.comhead a:link {
padding-left: 2px;
padding-right: 4px;
color: #ffa86e;
font-weight: normal;
border-bottom: 1px dotted #fff;
}
.comhead a:hover, .comhead a:active {
padding-left: 2px;
padding-right: 4px;
color: #ffa86e;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dotted #ffa86e;
}
.default p {
margin-top: 2px;
margin-bottom: 0px;
padding-bottom: 5px;
padding-top: 15px;
text-rendering: optimizeLegibility;
}
.pagebreak {
page-break-before: always;
}
pre {
overflow: auto;
padding: 2px;
max-width: 600px;
}
pre:hover {
overflow: auto;
}
Youtube for larger monitors
one year ago by B3NB
1 0#content {
width: 1200px;
}
#feed {
margin-right: 0;
margin-left: 200px;
width: 690px;
}
.feed-container {
background-color: #ffffff;
}
#masthead {
width: 1200px;
}
#watch-video-container {
width: 100%;
}
Transparent google.com bar,buttons, etc
one year ago by imma
4 1/* put the social stuff in the top right */
#gbu {
top: 1px;
right: 0px;
padding: 0px;
}
/* fade the +share button */
#mngb #gbu #gbgs3 {
background: rgba(255,255,255,0.5);
}
/* fade the top bar's background out */
/* #mngb #gb > div { */
#gbx3 {
background: rgba(0,0,0,0.2);
height: 34px;
border: none;
border-bottom: 1px solid rgba(255,255,255,0.2);
z-index: 0;
}
/* highlight the top bar buttons faintly */
#gbzc li.gbt span.gbts {
background: rgba(127,127,127,0.3);
color: rgba(255,255,255,0.8);
margin: 0 2px;
padding: 0 8px;
border-radius: 8px;
border: 1px solid rgba(255,255,255,0.2);
}
/* and lighten the buttons on hover */
#gbzc li.gbt span.gbts:hover {
background: rgba(255,255,255,0.3);
color: rgba(0,0,0,0.8);
margin: 0 2px;
padding: 0 8px;
border: 1px solid rgba(255,255,255,0.5);
}
#gbqfqw {
background: rgba(127,127,127,0.4);
}
#gbqfqw:hover {
background: rgba(127,127,127,0.8);
}
.gbqfb {
background: rgba(255,255,255,0.3);
border: 1px solid rgba(255,255,255,0.5);
color: rgba(255,255,255,0.7);
}
.gbqfb:hover {
background: rgba(255,255,255,0.5);
border: 1px solid rgba(255,255,255,0.5);
color: rgba(255,255,255,0.7);
}
#lga img {
opacity: 0.3;
}
#lga img:hover {
opacity: 0.6;
}
#footer {
position: fixed;
width: 100%;
bottom: 0px;
padding: 0px;
margin: 0px;
}
#ftby a, #ftby a:hover {
padding: 5px 8px;
}
#flci {
position: fixed;
left: 260px;
bottom: 0px;
width: auto;
}
/* calendar bar */
#onegoogbar #gbx1 {
height: 33px;
}
#onegoogbar #gbq {
top: 12px;
}
#onegoogbar #gb {
height: 52px;
}
#onegoogbar #gbqlw {
height: 58px;
vertical-align: bottom;
}
#gadgetcell {
z-index:985;
}
#vr-nav {
padding-bottom: 0;
}
#mainbody {
padding: 0;
}
#mvEventContainer {
top: 14px;
}
/* reader bar */
[href="/reader/axs"] + #gb #gbx1 {
height: 32px;
}
[href="/reader/axs"] + #gb #gbq {
top: 12px;
}
[href="/reader/axs"] + #gb {
height: 57px;
}
Google code test
one year ago by JVitors
3 0body {
background: rgb(236, 242, 244) url(http://www.pptbackgrounds.net/uploads/crayon-frame-backgrounds-wallpapers.jpg) repeat-x top left;
background-attachment: fixed;
}
a:link, a:visited {
color: darkOrange;
text-decoration: none;
}
#leftnav, #tbdi, #hidden_modes, #hmp {
background: none;
}
#fll {
display: none;
}
#flci {
display: none;
}
div.ctr-p {
display: none;
}
#hplogo {
background: url(http://i.imgur.com/Rlp03.png) no-repeat;
height: 95px;
width: 275px;
}
#appbar {
background: none;
}
#resultStats, .ab_center_col {
color: blue;
}
#gbx1, #gbx2 {
background: none;
}
a.kl {
background: none;
}
#gbx3 {
position: fixed;
color: #ffffff;
}
.gbtc, .gbmc, .gbmcc {
position: fixed;
}
span.gbts {
color: #ffffff;
}
span.gbts.gbtsa {
color: #ffffff;
}
Google Play Music Dark
one year ago by glompix
3 0#content {
background-color: #000000;
}
div.fade-out-with-menu {
background-image: none;
}
div.fade-out-effect {
display: none;
}
div.logo {
display: none;
}
#headerBar {
background-color: #333;
margin-left: 220px;
}
.hover td {
color: #000000;
background-color: #ED8335;
}
table.songContainer {
background-color: #222;
color: #ddd;
}
table.songContainer td {
border-bottom: 1px solid #181818;
}
.selectedSong td {
background: #444;
color: #fff;
}
#topBarContainer {
position: relative;
top: -18px;
left: 17px;
color: #ddd;
}
.headerLink {
color: inherit;
}
div.nav-item {
border: none;
}
div.search-border {
display: none;
}
#nav {
background-color: #2e2e2e;
color: #e8e8e8;
}
#main {
background: #222;
color: #ddd;
}
#header {
background: #222;
height: 33px;
}
#nav .selected div {
background: #444;
color: #fff;
font-weight: bold;
}
div.search {
background-image: none;
background: #222;
position: relative;
top: -19px;
left: -60px;
}
input.label-input-label {
color: #aaa;
}
#breadcrumbs {
background: #252525;
}
#insideBox {
background: #ED8335;
}
#coloredBar, .nav-option {
color: #000;
}
.g-section {
padding: .5em 1.5em;
}
#player {
padding: 0;
margin: 0;
}
#songs_songHeaders th, #songs-all_songHeaders th {
background: #222;
border-color: #333;
}