Minor Facebook (with graph search) optimizations
2 hours ago by jkgeyti
0 0#headNav > .rfloat {
float: left;
}
#pageNav {
margin-right: 25px;
}
#pageLogo {
position: fixed;
left: -100px;
}
#pagelet_bluebar {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 999;
}
body {
margin-top: 43px;
}
.fbFacebar {
background-color: transparent;
box-shadow: none;
border: none;
}
#facebarInput * {
color: white;
}
#facebarInput .structuredPlaceholder, #facebarInput input {
color: #9aa9c5;
}
.facebarSearchIcon {
background-position: -16px -781px;
}
.fbJewelFlyout {
position: absolute;
left: 2px;
}
.beeperNub {
left: 4px;
}
.tickerActivityStories {
margin-top: 44px;
}
.actorPhoto img {
box-shadow: 0 5px 10px -5px black;
}
.-cx-PRIVATE-uiImageBlock__image {
box-shadow: 0 3px 10px -4px black;
}
G+ single column high density minimal graphics
3 hours ago by dredmorbius
0 0/* Edward Morbius
https://plus.google.com/u/0/104092656004159577193
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.
*/
#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;
}
/* ??? */
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 {
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 */
/* Fix additionally-indented posts */
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 {
xborder: 2px solid green;
}
/* Left-Hand photo posts */
div.qf.ii.wv4ec.r6Rtbe {
xborder: 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;
xbackground-color: red;
}
/* 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 {
xbackground-color: red;
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 {
xheight: 134px;
xmax-height: 240px;
xmin-height: 134px;
float: right;
max-width: 498px;
xbackground-color: #ffd;
}
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.a-n.ot-anchor.YF {
font-weight: bold;
color: #4040ff ;
}
a.a-n.ot-anchor.cCpKvd {
color: #666;
}
/* Post options */
/* Show caret always */
/* Remove "link to post" and "View post activity" from options menu */
div.a-w.pt, div.a-w.J1JO1e {
display: none;
}
/* 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 */
/* TODO: fixe positioning bug for comment +1 counts */
/* 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;
}
/* 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;
xbackground-color: green;
}
/* 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 {
color: fixme;
padding: 0;
margin: 0;
}
/* Remove "read more" from Stream comments */
span.a-n.wj.syxni.unQkyd {
display: none;
xbackground-color: fixme;
}
/* 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;
}
/* Community pages */
/* Margins */
div.PdfJOc {
margin: auto 240px;
}
/* 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;
}
/* 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;
}
/* "# new" blue box ... move further right */
body.wIa.LP.ad div.a-f-e.c-b.c-b-M.f8ocqf.Ri07Rc {
margin-left: 1180px
;
}
/* 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 {
background-color: fixme;
top: 0px;
}
/* Profile bar * /
div.lriWue.kaPXWe {
background-color: fixme;
top: 44px;
}
div.IvwRoc.Um8btf.URFF2.SfVZpc {
top: 0px
;
} */
/* Notificatiosn 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 {
xbackground-color: #efe;
xborder: 10px solid #cfc;
}
body.u0b.ad div.P9a {
xbackground-color: #eef;
xborder: 10px solid #ccf;
}
/* Squashed height: fix */
body.u0b.ad div.lfa.kfa, body.u0b.ad div.iF {
height: 1.4em;
}
/* Reduce padding and margins (not so much working ) */
body.u0b.ad div.ax.ws.Pvkdsd {
padding: 0 4px;
xbackground-color: #eef;
xborder: 10px solid #cfc;
}
/* Widen content */
body.u0b.ad div.Yy.oeIGR {
width: 422px
;
}
body.u0b.ad div.ZpzDcd {
}
/* Fix link preview: (Terry's post) */
body.u0b.ad div.dv.Mm {
width: 372px;
float: none;
}
/* Unbind post height, but not _completely_ */
body.u0b.ad div.WamaFb.DIcL3e {
max-height: 500px;
overflow: 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;
}
/* 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: 400px;
}
Fefe Black'n'Blue
5 hours ago by rawraw
0 0body h2 a {
color: #2E9EC9;
font-family: Palatino, Georgia, serif;
margin-left: 210px;
text-align: center;
text-shadow: 0 0 0.2em #000000, 0 0 0.2em #87F,0 0 0.2em #ffffff;
}
body p a {
color: #2e9ec9;
}
body ul li {
background-color: #000000;
border-style: solid;
color: #ffffff;
}
html {
background-color: #000000;
color: #ffffff;
}
html body {
background-color: #000000;
}
html body b {
color: #ffffff;
text-decoration: underline;
}
html body div {
color: #ffffff;
}
html body h3 {
color: #2e9ec9;
font-family: Helvetica, Arial,
sans-serif;
font-variant: normal;
text-shadow: 0 0 0.2em #87F, 0 0 0.2em #000000, 0 0 0.2em #ffffff
;
text-transform: capitalize;
}
html body p {
color: #ffffff;
}
Koding Dark
6 hours ago by 1j01
0 0#finder-bottom-controls .icon {
-webkit-filter: brightness(50%) saturate(9) invert();
}
#koding-logo {
display: none;
}
#main-tab-handle-holder .kdtabhandle {
background: #333;
color: #FFF;
}
#main-tab-handle-holder .kdtabhandle.active {
background: black;
color: white;
}
.ace_scrollbar {
-webkit-filter: invert();
}
.code-container {
-webkit-filter: invert();
border: 1px solid gray;
box-shadow: 0 0 500px rgba(255,255,255,0.3);
}
.comment-body a[href="/1j01"] {
color: #40F;
}
.green-on-black {
-webkit-filter: invert();
border: 0;
}
.icon,.main-nav-icon,.type-icon {
-webkit-filter: contrast(40%) saturate(20) brightness(0%);
}
.kdbutton.editor-button,.avatarview.avatar-image-wrapper {
-webkit-filter: none;
}
.kdtabhandle.plus .icon {
-webkit-filter: saturate(0);
}
.kdtabhandle.plus:hover .icon {
-webkit-filter: saturate(8);
}
.kdview.content-display-wrapper {
-webkit-filter: invert();
}
.kdview.kdlistitemview.kdlistitemview-activity.system-message .icon {
-webkit-filter: hue-rotate(150deg) saturate(300);
}
.main-nav-icon, .jtreeitem .icon {
-webkit-filter: saturate(23);
}
.remotes-modal .kdtabhandlecontainer {
-webkit-filter: brightness(-30%) invert();
}
.status-body a, .comment-body a {
color: #F0F;
text-shadow: 0 0 4px #F00;
}
.status-body, .comment-body {
color: #000;
text-shadow: 0 0 2px #000;
}
.ttag {
-webkit-filter: hue-rotate(140deg);
}
.with-icon .icon {
-webkit-filter: none;
}
.ace_editor,#finder-panel,#main-tab-view,.kdbutton,.jcontextmenu.kdbuttonmenu.activity-status-context,
.kdbuttonwithmenu-wrapper.activity-status-context,.kdmodal-inner,.avatarview,.kdtooltip,.avatararea-popup > div,img {
-webkit-filter: invert();
}
#main-nav .actions .icon {
-webkit-filter: none;
}
html {
-webkit-filter: none;
}
.kdtooltip, .kdtooltip * {
pointer-events: none;
}
.file-container .finder-item.file {
cursor: pointer;
}
Minor tweaks for www.pozitiff.info
9 hours ago by YevgenSilantyev
0 0.bhome .bheading {
white-space: normal;
}
.bhome .maincont {
height: auto;
}
.bhome:nth-child(even) {
float: right;
}
.bhome:nth-child(odd) {
clear: both;
float: left;
}
.maincont > div > div > a > img {
width: 100%;
}
div.header {
display: none;
}
div.rdh {
display: none;
}
div.wwide.topper {
margin-bottom: 10px;
}
TGUN
17 hours ago by mrshll
0 0div.span-24 {
display: none;
}
div.span-8.last.side-bar {
display: none;
}
div.span-16 font {
display: none;
}
#clock_widget embed {
display: none;
}
iframe.fb_ltr {
display: none;
}
div.fb-comments.fb_iframe_widget span {
display: none;
}
body.hasGoogleVoiceExt center {
display: none;
}
div.span-16 a img {
display: none;
}
div.container {
margin-left: 175px;
}
Youtube Blacklight
yesterday by anagrammar
1 1#comments-view h4 strong {
color: lavender;
}
#eow-description {
font-size: 15px;
}
#footer {
background-color: #0e0e0f;
margin-top: 2px;
padding-left: 258px;
width: 706px;
}
#guide-container {
margin-left: -13px;
margin-right: -13px;
}
#logo {
margin-left: -20px;
margin-right: 20px;
}
#player {
background: #0e0e0f;
}
#playlist-pane-container {
background: #0e0e0f;
}
.yt-uix-button {
background: #0e0e0f;
border-color: hsl(240,99%,73%);
text-decoration: none;
}
a {
color: hsl(240,99%,73%);
font-size: 16px;
}
a.content-item-title.spf-link.yt-uix-sessionlink.yt-uix-contextlink.yt-ui-ellipsis.yt-ui-ellipsis-2 {
padding-bottom: 20px;
}
a.guide-item.yt-uix-sessionlink {
margin-right: -22px;
padding-right: 33px;
}
a.guide-item.yt-uix-sessionlink.guide-item-selected span {
color: lavender;
}
a.lohp-blog-attribution {
font-size: 12px;
}
a.lohp-video-link.max-line-3.yt-uix-sessionlink {
font-variant: normal;
}
a.yt-playall-link.yt-playall-link-default.yt-uix-sessionlink {
border-color: hsl(240,99%,73%);
}
a.yt-uix-button-toggled {
border-style: none;
text-decoration: none;
}
a.yt-uix-contextlink.yt-uix-sessionlink {
background-color: #0e0e0f;
}
a.yt-uix-redirect-link {
font-size: 12px;
}
a.yt-uix-sessionlink.yt-user-name {
color: lavender;
font-size: 12px;
}
a.yt-uix-sessionlink.yt-user-name.feed-item-owner {
font-size: 15px;
}
a.yt-uix-tile-link.yt-uix-sessionlink:visited {
color: grey;
}
a:hover {
color: paleturquoise;
}
a:visited {
color: grey;
}
a:visited span {
color: grey;
}
body {
background-color: #0e0e0f;
}
body #footer-container {
background-color: #0e0e0f;
}
button.end.view-toggle-button.yt-uix-button-toggled.yt-uix-button.yt-uix-button-default.yt-uix-button-empty {
background-color: hsl(240,99%,73%);
border-color: #0e0e0f;
}
button.filter-button.yt-uix-button.yt-uix-button-default {
background-color: hsl(240,99%,73%);
}
button.filter-button.yt-uix-expander-head.yt-uix-button.yt-uix-button-default.yt-uix-button-short {
background-color: #0e0e0f;
}
button.search-btn-component.search-button.yt-uix-button.yt-uix-button-default {
background-color: hsl(240,99%,73%);
border-color: hsl(240,99%,73%);
}
button.search-button.yt-uix-button.yt-uix-button-default {
background-color: hsl(240,99%,73%);
}
button.start.view-toggle-button.yt-uix-button.yt-uix-button-default.yt-uix-button-empty {
background-color: hsl(240,99%,73%);
border-color: #0e0e0f;
}
button.yt-uix-button.yt-uix-button-primary {
background: #0e0e0f;
}
button.yt-uix-close img {
margin-right: 252px;
}
button.yt-uix-shelfslider-next.yt-uix-button.yt-uix-button-shelf-slider-pager {
border-bottom-width: 1px;
border-color: hsl(240,99%,73%);
border-left-width: 1px;
border-right-width: 1px;
border-style: solid;
border-top-width: 1px;
height: 186px;
margin-top: -8px;
padding-left: 1px;
}
button.yt-uix-shelfslider-prev.yt-uix-button.yt-uix-button-shelf-slider-pager {
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-style: solid;
border-top-width: 1px;
height: 186px;
margin-top: -8px;
padding-right: 1px;
}
/**
Title: Youtube Blacklight
URL: http://stylebot.me/styles/2340
Author: http://stylebot.me/users/anagrammar
**/
div {
background-color: #0e0e0f;
border-color: hsl(240,99%,73%);
color: lavender;
}
div.about-description.branded-page-box-padding p {
font-size: 15px;
}
div.branded-page-v2-secondary-col {
border-color: hsl(240,99%,73%);
border-style: solid;
border-top-width: 1px;
margin-top: -1px;
}
div.channels-featured-video-details.yt-tile-visible.clearfix {
background: #0e0e0f;
}
div.comment-text p {
font-size: 15px;
}
div.feed-item-main {
border-style: none;
}
div.feed-item-post p {
font-size: 15px;
}
div.guide-module-content.yt-scrollbar {
margin-left: -20px;
}
div.lightweight-panel.yt-uix-button-menu.yt-uix-button-menu-external {
background: #0e0e0f;
}
div.lohp-vertical-shelf-item.context-data-item {
margin-bottom: 1px;
margin-left: -12px;
margin-right: -15px;
}
div.metadata {
padding-bottom: 21px;
}
div.playlist.yt-tile-visible.yt-uix-tile {
background: #0e0e0f;
}
div.subscribable-content-label.featured-label-hh {
font-size: 12px;
}
div.tab-content-body {
background: #0e0e0f;
}
div.video.yt-tile-visible {
background: #0e0e0f;
}
div.yt-tile-visible {
background: #0e0e0f;
}
div.yt-uix-expander-collapsed-body p {
font-size: 15px;
}
h1 {
color: lavender;
font-size: 15px;
}
h2 {
color: lavender;
font-size: 15px;
}
h3 {
color: lavender;
}
h3.yt {
color: lavender;
}
h4 {
color: lavender;
}
h4.watch-sidebar-head {
color: lavender;
font-size: 15px;
}
h6 {
color: lavender;
}
img.playlist-hangout-button {
display: none;
}
img.ticker-icon {
margin-left: 255px;
}
img.yt-uix-button-icon.yt-uix-button-icon-action-panel-report {
background-color: hsl(240,99%,73%);
}
img.yt-uix-button-icon.yt-uix-button-icon-action-panel-stats {
background-color: hsl(240,99%,73%);
}
img.yt-uix-button-icon.yt-uix-button-icon-action-panel-transcript {
background-color: hsl(240,99%,73%);
}
img.yt-uix-button-icon.yt-uix-button-icon-footer-language {
background-color: hsl(240,99%,73%);
}
input.search-term.yt-uix-form-input-bidi {
color: lavender;
}
input.yt-uix-form-input-text {
background-color: #0e0e0f;
border-color: hsl(240,99%,73%);
color: lavender;
}
label.comments-textarea-label.create-channel-lightbox {
color: lavender;
}
li.about-stat {
color: lavender;
}
li.feed-list-item.feed-item-container {
background-color: #0e0e0f;
border-color: hsl(240,99%,73%);
padding-bottom: 1px;
}
li.item-badge-label {
background-color: #0e0e0f;
border-color: hsl(240,99%,73%);
color: hsl(240,99%,73%);
}
li.yt-lockup2.clearfix.yt-uix-tile.result-item-padding.has-hover-effects.yt-lockup2-playlist.yt-lockup2-tile.context-data-item {
background: #0e0e0f;
}
li.yt-lockup2.yt-lockup2-movie.yt-lockup2-tile.context-data-item.clearfix.yt-uix-tile.result-item-padding.has-hover-effects {
background-color: #0e0e0f;
}
li.yt-lockup2.yt-lockup2-tile.yt-lockup2-channel.clearfix.yt-uix-tile.result-item-padding.has-hover-effects {
background-color: #0e0e0f;
}
li.yt-lockup2.yt-lockup2-video.yt-lockup2-tile.context-data-item.clearfix.yt-uix-tile.result-item-padding.has-hover-effects {
background-color: #0e0e0f;
}
li.yt-tile-visible.yt-uix-tile {
background: #0e0e0f;
}
p {
color: lavender;
}
p.num-results strong {
color: grey;
}
span.about-stat-value {
color: lavender;
}
span.category-title {
color: lavender;
}
span.content-item-time-created {
color: grey;
}
span.content-item-view-count {
color: lavender;
}
span.feed-item-actions-line {
color: grey;
}
span.filter-text {
font-size: 16px;
}
span.item-name {
color: lavender;
}
span.metadata-info-title {
color: lavender;
}
span.qualified-channel-title-text {
font-size: 15px;
}
span.spell-correction-search-instead {
color: lavender;
}
span.spell-correction-showing {
color: lavender;
}
span.subscription-bulk-action.yt-uix-button-menu-item:hover {
color: paleturquoise;
}
span.subscriptions-sort-choice.yt-uix-button-menu-item:hover {
color: paleturquoise;
}
span.title {
color: hsl(240,99%,73%);
font-size: 16px;
}
span.title.video-title {
margin-top: -3px;
padding-bottom: 40px;
white-space: normal;
}
span.title:hover {
color: paleturquoise;
text-decoration: underline;
}
span.username {
display: none;
font-size: 11px;
}
span.username-prepend {
color: lavender;
}
span.video-item-description {
color: lavender;
}
span.view-count {
color: grey;
}
span.viewcount {
display: none;
}
span.watch-title {
color: hsl(240,99%,73%);
font-size: 17px;
}
span.watch-view-count {
color: lavender;
}
span.yt-badge {
background-color: #0e0e0f;
border-color: hsl(240,99%,73%);
color: hsl(240,99%,73%);
margin-left: 1px;
}
span.yt-badge-std {
background-color: #0e0e0f;
border-bottom-width: 1px;
border-color: hsl(240,99%,73%);
border-left-width: 1px;
border-right-width: 1px;
border-style: solid;
border-top-width: 1px;
color: hsl(240,99%,73%);
font-weight: bold;
height: 14px;
margin-top: -1px;
}
span.yt-picker-button-label {
background-color: #0e0e0f;
color: hsl(240,99%,73%);
}
span.yt-subscription-button-subscriber-count-branded-horizontal {
background-color: #0e0e0f;
border-color: hsl(240,99%,73%);
color: hsl(240,99%,73%);
}
span.yt-subscription-button-subscriber-count-unbranded-horizontal {
background-color: #0e0e0f;
border-color: hsl(240,99%,73%);
color: hsl(240,99%,73%);
}
span.yt-subscription-button-subscriber-count-unbranded-horizontal.yt-uix-tooltip {
background-color: #0e0e0f;
border-color: hsl(240,99%,73%);
color: hsl(240,99%,73%);
}
span.yt-subscription-button-subscriber-count-unbranded-vertical {
background-color: #0e0e0f;
border-color: hsl(240,99%,73%);
color: hsl(240,99%,73%);
}
span.yt-subscription-button-subscriber-count-unbranded-vertical.yt-uix-tooltip {
background-color: #0e0e0f;
border-color: hsl(240,99%,73%);
color: hsl(240,99%,73%);
}
span.yt-ui-ellipsis-wrapper {
font-size: 16px;
}
span.yt-uix-button-content {
color: hsl(240,99%,73%);
font-size: 12px;
font-weight: normal;
}
span.yt-uix-button-menu-item {
color: hsl(240,99%,73%);
}
span.yt-uix-form-input-checkbox-container.checked {
background-color: hsl(240,99%,73%);
}
span.yt-user-name {
color: lavender;
}
span.yt-valign-container {
color: lavender;
}
tbody tr td {
font-weight: bold;
}
tbody tr td:hover {
background-color: hsl(240,99%,73%);
color: black;
font-weight: bold;
}
td {
background-color: #0e0e0f;
border-color: hsl(240,99%,73%);
}
td.gssb_a.gsfs {
background-color: #0e0e0f;
}
td.subscription-manager-checkbox-cell:hover {
background-color: #0e0e0f;
}
textarea.yt-uix-form-input-textarea.comments-textarea.create-channel-lightbox {
background-color: #222;
border-color: hsl(240,99%,73%);
}
tr.subscription-item td:hover {
background-color: #0e0e0f;
}
tr.subscription-item.even td {
border-color: hsl(240,99%,73%);
}
ul.guide-channels-list.guide-item-container.yt-uix-scroller.filter-has-matches {
margin-right: -26px;
}
ul.guide-context-item-container.context-data-container.yt-uix-scroller.guide-context-body {
background-color: #0e0e0f;
margin-right: -26px;
}
ul.yt-uix-button-menu.yt-uix-button-menu-default {
background-color: #0e0e0f;
}
ul.yt-uix-button-menu.yt-uix-button-menu-default.yt-uix-button-menu-external {
background-color: #0e0e0f;
}
ul.yt-uix-button-menu.yt-uix-button-menu-guide-sorts {
background-color: #0e0e0f;
}
ul.yt-uix-button-menu.yt-uix-button-menu-text {
background-color: #0e0e0f;
}
amiv grey light
yesterday by LinuxBasic
0 0/**
Title: Simple
URL: http://stylebot.me/styles/2406
Author: http://stylebot.me/users/LinuxBasic
**/
#navigation {
height: auto;
}
#navigation .region-navigation .block {
height: 20px;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
background-color: #E3E3E4;
border-radius: 15px;
}
#navigation .region-navigation .block a {
font-size: 20px;
font-weight: normal;
color: #333;
}
#navigation .region-navigation .block a:hover {
color: #000;
}
.with-navigation #content,.with-navigation .region-sidebar-first,.with-navigation .region-sidebar-second {
margin-top: 15px;
}
Change Facebook Fonts
yesterday by thuêbaoquýkháchv?ag?i
0 0#contentArea {
font-family: r;
}
#leftCol {
font-family: r;
font-size: 13px;
}
#rightCol {
font-family: r;
font-size: 13px;
}
a._8_2 {
font-family: r;
font-size: 26px;
}
span.uiButtonText {
font-family: r;
font-size: 15px;
}
div._51r5.fsxl.fwb {
font-family: r;
font-size: 18px;
}
span.entity.structuredEntity {
font-family: r;
}
div.fbFeedTickerStory.tickerStoryClickable.aid_100002281711508.aid_2915120374.tickerStoryActive {
font-family: r;
font-size: 13px;
}
span.userContent {
font-family: r;
font-size: 15px;
}
div.notifNegativeBase.notifCentered.notifGentleAppReceipt {
font-family: r;
font-size: 14px;
}
a.navLink {
font-family: r;
font-size: 14px;
}
div._8qn {
font-family: r;
font-size: 14px;
}
span.passiveName {
font-family: r;
font-size: 14px;
}
span.token {
font-family: r;
font-size: 12px;
}
h5.uiStreamMessage.uiStreamHeadline.uiStreamPassive {
font-family: r;
font-size: 12px;
}
ul.uiList._1dsl._509-._4ki._6-h._6-j._6-i {
font-size: r;
font-family: r;
}
span._2-s {
font-family: r;
font-size: 13px;
}
textarea.DOMControl_placeholder.uiTextareaAutogrow.input.mentionsTextarea.textInput {
font-family: r;
font-size: 14px;
}
label.uiLinkButton.comment_link input {
font-family: r;
}
div._52zl {
font-family: r;
font-size: 13px;
}
textarea.textInput.mentionsTextarea.uiTextareaAutogrow.uiTextareaNoResize.UFIAddCommentInput.DOMControl_placeholder {
font-family: r;
font-size: 12px;
}
input.inputtext.inputsearch.textInput.DOMControl_placeholder {
font-family: r;
font-size: 14px;
}
object.fluploader_swfdiv {
font-family: r;
}
span._54nh {
font-family: r;
font-size: 12px;
}
TaringaSidebar v2
yesterday by electrocrookers
0 0/* INICIO Taringa Sidebar v2.0*/
body {
background-position: 0 50px ;
}
/*Header*/
#header {
background: url(http://brianvalente.com.ar/taringa/background.jpg) top center repeat-x, url(http://brianvalente.com.ar/taringa/bar-bg.png) ;
border: none ;
height: 100% ;
left: 0 ;
margin: auto ;
position: fixed ;
width: 170px ;
z-index: 10000 ;
box-shadow: 0 0 12px #000;
}
#header .wrapper {
width: 200px ;
}
#logo {
background: url(http://brianvalente.com.ar/taringa/logo-small.png) ;
height: 16px ;
left: 38px ;
position: relative ;
top: 12px ;
width: 88px ;
z-index: 100000 ;
}
/*Offline*/
.anon-box {
position: absolute ;
top: 300px ;
right: 15px ;
}
.anon-box > a {
display: none ;
}
/*Navegación*/
#nav {
background: none ;
left: 0 ;
position: fixed ;
right: 0 ;
top: 100px ;
width: 420px ;
z-index: 10000 ;
}
#nav .floatR {
display: none ;
}
#nav .wrapper {
width: 170px ;
position: absolute ;
left: 0 ;
}
#bubble-alert-mi {
position: absolute ;
left: 90px ;
}
#menu-section-mi .icon {
margin-left: 76px ;
}
ul.floatL {
width: 0px ;
}
ul.floatL li > a, menu-section-musica a {
background: none ;
border-radius: 0 ;
box-shadow: none ;
color: rgb(230,230,230) ;
padding: 6px 0px 6px 0px ;
text-align: center ;
width: 170px ;
}
ul.floatL a:hover {
-webkit-transition: ease-in all .2s ;
background: rgba(0,0,0,.15) ;
border-radius: 0 ;
box-shadow: inset rgba(0,0,0,.5) 0px 0px 10px 1px ;
text-decoration: none ;
}
#menu-section-juegos {
display: none ;
}
.active#menu-section-mi .home {
background-position: -152px -119px ;
}
/*Buscador*/
#search {
position: fixed ;
bottom: 10px ;
}
#search a {
display: none ;
}
#search input {
-webkit-transition: ease-in all .1s ;
background: rgba(0,0,0,.04) ;
color: white ;
padding: 8px 10px ;
text-shadow: black 1px 1px 1px ;
z-index: 1000 ;
opacity: .5 ;
width: 150px ;
}
#search input:focus {
opacity: 1 ;
}
/*Notificaciones*/
#compose-navitem {
display: none ;
}
.navbar {
left: -100px ;
position: relative ;
top: 60px ;
width: 260px ;
z-index: 10000 ;
}
.navbar .navitem.active, .navbar .navitem.active:hover {
background: none ;
cursor: pointer ;
box-shadow: inset rgba(0,0,0,.5) 0px 0px 10px 1px ;
}
.navbar .navitem.nohide {
background: none ;
cursor: pointer ;
}
.navbar .navitem.nohide:hover {
background: none ;
cursor: pointer ;
border-radius: 0 ;
}
.navbar .navitem:hover {
background: none ;
cursor: pointer ;
-webkit-transition: ease-in all .2s ;
box-shadow: inset rgba(0,0,0,.5) 0px 0px 10px 1px ;
border-radius: 0 ;
}
.navitem {
-webkit-transition: background .1s, border-radius .1s ;
margin-left: 5px ;
}
.navitem .nick {
display: none ;
}
.navitem, .navbar, .navitem:hover, .navitem.active, .navitem.active:hover, .useritem.hover {
background: none ;
border: none ;
border-radius: none ;
}
#favorites-box {
left: 200px ;
top: -8px ;
}
#mensajes-box {
left: 238px ;
top: -8px ;
}
#notifications-box {
left: 276px ;
top: -8px ;
}
.navpanel:after, .navpanel:before {
border: solid transparent ;
content: ' ' ;
height: 0 ;
right: 309px ;
position: absolute ;
width: 0 ;
}
.navpanel:after {
border-width: 5px ;
border-right-color: #FFF ;
top: 15px ;
}
.navpanel:before {
border-width: 6px ;
border-right-color: #CCC ;
top: 14px ;
}
/*Menú de usuario*/
.useritem {
background: none ;
left: -28px ;
top: 300px ;
position: relative ;
}
.navitem.useritem div {
position: absolute ;
top: -42px ;
left: -125px ;
padding: 5px 0 2px 0 ;
width: 170px ;
}
.navitem.useritem div:hover {
top: -42px ;
}
.navitem.useritem div a {
position: relative ;
top: 2px ;
margin: none ;
padding: none ;
text-align: center ;
width: 170px ;
height: 31px ;
text-decoration: none ;
color: #FFF ;
}
.navitem.useritem div a * {
display: none ;
}
.navitem.useritem div a:hover {
-webkit-transition: ease-in all .2s ;
box-shadow: inset rgba(0,0,0,.5) 0px 0px 10px 1px ;
background: rgba(0,0,0,.15) ;
}
.navitem.useritem div a:after {
content: 'Mi perfil' ;
text-align: center ;
position: relative ;
width: 180px ;
height: 16px ;
top: 7px ;
}
.navitem.useritem div a img.avatar {
border-radius: 100px ;
}
.navitem.useritem ul {
background: none ;
left: -135px ;
list-style-type: none ;
position: absolute ;
top: 0px ;
width: 170px ;
display: block ;
text-align: center ;
}
.navitem.useritem ul li {
-webkit-transition: background .1s ;
background: none ;
border: none ;
float: left ;
margin-left: 10px ;
border-radius: 0 ;
margin-bottom: 5px ;
box-shadow: none ;
color: rgb(230,230,230) ;
padding: 6px 0px 6px 0px ;
text-align: center ;
width: 170px ;
font-weight: bold ;
}
.navitem.useritem ul li:hover {
text-decoration: none ;
-webkit-transition: ease-in all .2s ;
box-shadow: inset rgba(0,0,0,.5) 0px 0px 10px 1px ;
background: rgba(0,0,0,.15) ;
}
.navitem.useritem ul li a {
width: 100% ;
text-align: auto ;
}
.navitem.useritem.hover div {
background: none ;
border: none ;
}
/*FIN Taringa Sidebar v2.0*/
/*TaringaModernUI for Taringa v5 v2.0*/
/*
Cambios
- Nuevos cambios en diferentes partes
*/
/*Menu de navegacion*/
#menu, .menu-tabs-perfil {
background: #F2F2F2;
padding: 0 0 0 10px;
}
#menu a, .menu-tabs-perfil a {
height: 100%;
padding: 10px;
color: grey;
}
#menu .active a, #menu a:hover, .menu-tabs-perfil .selected a, .menu-tabs-perfil a:hover {
-webkit-transition: ease-in all .1s;
background: rgba(0,0,0,.05);
border-radius: 0;
color: rgb(30,30,30);
}
.player-post {
display: none;
}
/*Oculta las flechas en las notificaciones*/
.tail.up {
display: none ;
}
/*Estilo de notificaciones*/
#notifications-box.rounded {
border: 1px solid #CCC ;
}
#notifications-box .view-more-list {
border-radius: 0 ;
}
#notifications-box .modal-wrapper {
border: none ;
border-radius: 0 ;
background-color: #F2F2F2 ;
}
#notifications-box .list-element:nth-child(2n+1), #notifications-box .list-element {
background-color: #F7F7F7 ;
border: 1px solid white ;
font-family: Helvetica ;
font-size: 11px ;
height: auto ;
margin: auto ;
margin-top: 5px ;
margin-bottom: 5px ;
outline: 1px solid #DDD ;
overflow: hidden ;
padding-bottom: 7px ;
padding-top: 7px ;
width: 270px ;
}
#notifications-box h3 {
background: url("http://brianvalente.com.ar/taringa/taringamodernui/notif-icon.png") right no-repeat, url("http://brianvalente.com.ar/taringa/taringamodernui/flecha.png") no-repeat scroll right top, #F9F9F9 ;
padding: 10px 15px ;
}
/*Estilo de mensajes*/
#mensajes-box a {
margin-right: 40px ;
}
#mensajes-box.rounded {
border: 1px solid #CCC ;
}
#mensajes-box .view-more-list {
border-radius: 0 ;
}
#mensajes-box .modal-wrapper {
border: none ;
border-radius: 0 ;
background-color: #F2F2F2 ;
}
#mensajes-box .list-element:nth-child(2n+1), #mensajes-box .list-element {
background-color: #F7F7F7 ;
border: 1px solid white ;
font-family: Helvetica ;
font-size: 11px ;
height: auto ;
margin: auto ;
margin-top: 5px ;
margin-bottom: 5px ;
outline: 1px solid #DDD ;
overflow: hidden ;
padding-bottom: 7px ;
padding-top: 7px ;
width: 270px ;
}
#mensajes-box h3 {
background: url("http://brianvalente.com.ar/taringa/taringamodernui/mensajes-icon.png") right no-repeat, url("http://brianvalente.com.ar/taringa/taringamodernui/flecha.png") no-repeat scroll right top, #F9F9F9 ;
padding: 10px 15px ;
}
#notifications-list .unread {
background: #f2fbff;
}
#mensajes-list .unread,#notifications-list .unread {
border: none;
font-weight: bold;
background: #f2fbff url(http://o1.t26.net/img/bullet.png) 260px 15px no-repeat;
}
/*Estilo de favoritos*/
#favorites-box.rounded {
border: 1px solid #CCC ;
}
#favorites-box .view-more-list {
border-radius: 0 ;
}
#favorites-box .modal-wrapper {
border: none ;
border-radius: 0 ;
background: none repeat scroll 0 0 #F2F2F2 ;
}
#favorites-box .list-element:nth-child(2n+1), #favorites-box .list-element {
background-color: #F7F7F7 ;
border: 1px solid white ;
font-family: Helvetica ;
font-size: 11px ;
height: auto ;
margin: auto ;
margin-top: 5px ;
margin-bottom: 5px ;
outline: 1px solid #DDD ;
overflow: hidden ;
padding-bottom: 7px ;
padding-top: 7px ;
width: 270px ;
}
#favorites-box h3 {
background: url("http://brianvalente.com.ar/taringa/taringamodernui/favoritos-icon.png") right no-repeat, url("http://brianvalente.com.ar/taringa/taringamodernui/flecha.png") no-repeat scroll right top, #F9F9F9 ;
padding: 10px 15px ;
}
/*Home de Taringa*/
/*Anti bugs*/
.list-element a {
max-width: 230px ;
}
/*Juegos destacados*/
.game-icon-big {
padding-bottom: 5px ;
padding-left: 2px ;
padding-top: 5px ;
}
#right-col .box .title {
border: solid 1px #D9D9D9 ;
padding-bottom: 3px ;
padding-left: 5px ;
padding-top: 3px ;
text-shadow: 0 1px 0 #DBDBDB ;
}
#right-col .box > div {
border-bottom: solid 1px #D9D9D9 ;
border-left: solid 1px #D9D9D9 ;
border-right: solid 1px #D9D9D9 ;
margin: 0 ;
}
#right-col .box:nth-last-of-type(5) {
background: none repeat scroll 0 0 #F2F2F2 ;
border: 1px solid #CCC ;
display: none ;
padding: 5px ;
}
/*Posts*/
#lastPostsBox {
-webkit-transition: ease-in all .2s ;
background: none repeat scroll 0 0 #F2F2F2 ;
border: 1px solid #CCC ;
display: block ;
}
#lastPostsBox .action {
background: white ;
position: absolute ;
right: 15px ;
top: 9px ;
}
#lastPostsBox .list {
background: #F2F2F2 ;
margin-left: 5px ;
width: 379px ;
}
#lastPostsBox .list > .list-element .sticky {
background: url(http://brianvalente.com.ar/taringa2021/sticky.png) ;
height: 25px ;
left: 325px ;
position: absolute ;
top: 3px ;
width: 44px ;
}
#lastPostsBox .list-element:nth-child(2n+1), #lastPostsBox .list-element {
background-color: #F7F7F7 ;
border: 1px solid white ;
font-family: Helvetica ;
font-size: 11px ;
height: auto ;
margin: auto ;
margin-bottom: 5px ;
outline: 1px solid #DDD ;
overflow: hidden ;
padding-bottom: 7px ;
padding-top: 7px ;
width: 355px ;
}
#lastPostsBox .title {
background: none ;
}
#lastPostsBox h2 {
background: white ;
border: 1px solid #CCC ;
margin: auto ;
margin-bottom: 5px ;
margin-left: 5px ;
margin-top: 7px ;
padding: 3px ;
padding-left: 5px ;
text-shadow: 0 1px 0 #DBDBDB ;
width: 369px ;
}
#lastPostsBox:hover {
background: none repeat scroll 0 0 #C5E2FC ;
box-shadow: 0 0 5px #BDBDBD ;
}
/*Estadísticas*/
#estadisticasBox {
background: none repeat scroll 0 0 #F2F2F2 ;
border: 1px solid #CCC ;
display: block ;
padding: 5px ;
}
#estadisticasBox .title {
background: url("http://brianvalente.com.ar/taringa/taringamodernui/estadisticas-icon.png") right no-repeat, url("http://brianvalente.com.ar/taringa/taringamodernui/flecha.png") no-repeat scroll right top, white ;
border: solid 1px #D9D9D9 ;
padding-bottom: 3px ;
padding-left: 5px ;
padding-top: 3px ;
text-shadow: 0 1px 0 #DBDBDB ;
}
#estadisticasBox > div {
background: white ;
border-bottom: solid 1px #D9D9D9 ;
border-left: solid 1px #D9D9D9 ;
border-right: solid 1px #D9D9D9 ;
margin: 0 ;
}
/*Comentarios recientes*/
#lastCommentsBox {
background: none repeat scroll 0 0 #F2F2F2 ;
border: 1px solid #CCC ;
display: block ;
padding: 5px ;
}
#lastCommentsBox .list-element:nth-child(2n+1), #lastCommentsBox .list-element {
background-color: white ;
border: 1px solid white ;
height: auto ;
margin: auto ;
margin-bottom: 5px ;
margin-top: 5px ;
outline: 1px solid #DDD ;
width: 264px ;
}
#lastCommentsBox .title {
background: url("http://brianvalente.com.ar/taringa/taringamodernui/comments-icon.png") right no-repeat, url("http://brianvalente.com.ar/taringa/taringamodernui/flecha.png") no-repeat scroll right top, white ;
border: solid 1px #D9D9D9 ;
padding-bottom: 3px ;
padding-left: 5px ;
padding-top: 3px ;
text-shadow: 0 1px 0 #DBDBDB ;
}
/*Fix ultimo comentario*/
#lastCommentsBox div.list-element {
margin-bottom: 0;
}
/*Destacados*/
#topsPostBox {
background: none repeat scroll 0 0 #F2F2F2 ;
border: 1px solid #CCC ;
display: block ;
padding: 5px ;
}
#topsPostBox .action {
margin-right: 5px ;
}
#topsPostBox .list-element:nth-child(2n+1), #topsPostBox .list-element {
background-color: white ;
border: 1px solid white ;
height: auto ;
margin: auto ;
margin-bottom: 5px ;
margin-top: 5px ;
outline: 1px solid #DDD ;
width: 264px ;
}
#topsPostBox .title {
background: url("http://brianvalente.com.ar/taringa/taringamodernui/comments-icon.png") right no-repeat, url("http://brianvalente.com.ar/taringa/taringamodernui/flecha.png") no-repeat scroll right top, white ;
border: solid 1px #D9D9D9 ;
padding-bottom: 3px ;
padding-left: 5px ;
padding-top: 3px ;
text-shadow: 0 1px 0 #DBDBDB ;
}
/*Usuarios destacados*/
#topsUserBox {
background: none repeat scroll 0 0 #F2F2F2 ;
border: 1px solid #CCC ;
display: block ;
padding: 5px ;
}
#topsUserBox .action {
margin-right: 5px ;
}
#topsUserBox .list-element:nth-child(2n+1), #topsUserBox .list-element {
background-color: white ;
border: 1px solid white ;
height: auto ;
margin: auto ;
margin-bottom: 5px ;
margin-top: 5px ;
outline: 1px solid #DDD ;
width: 264px ;
}
#topsUserBox .title {
background: url("http://brianvalente.com.ar/taringa/taringamodernui/comments-icon.png") right no-repeat, url("http://brianvalente.com.ar/taringa/taringamodernui/flecha.png") no-repeat scroll right top, white ;
border: solid 1px #D9D9D9 ;
padding-bottom: 3px ;
padding-left: 5px ;
padding-top: 3px ;
text-shadow: 0 1px 0 #DBDBDB ;
}
#topsUserBox .user-highlight {
padding: 10px ;
}
#YesterdayUserBox .highlight-data {
float: none ;
width: auto ;
}
#YesterdayUserBox .follow-buttons {
position: absolute ;
top: 25px ;
left: 60px ;
}
#trendsPostBox {
background: none repeat scroll 0 0 #F2F2F2 ;
border: 1px solid #CCC ;
display: block ;
padding: 5px ;
}
#trendsPostBox .action {
margin-right: 5px ;
}
#trendsPostBox .list-element:nth-child(2n+1), #trendsPostBox .list-element {
background-color: white ;
border: 1px solid white ;
height: auto ;
margin: auto ;
margin-bottom: 5px ;
margin-top: 5px ;
outline: 1px solid #DDD ;
width: 264px ;
}
#trendsPostBox .title {
background: url("http://brianvalente.com.ar/taringa/taringamodernui/comments-icon.png") right no-repeat, url("http://brianvalente.com.ar/taringa/taringamodernui/flecha.png") no-repeat scroll right top, white ;
border: solid 1px #D9D9D9 ;
padding-bottom: 3px ;
padding-left: 5px ;
padding-top: 3px ;
text-shadow: 0 1px 0 #DBDBDB ;
}
/*Populares*/
#topsComPopBox {
background: none repeat scroll 0 0 #F2F2F2 ;
border: 1px solid #CCC ;
display: block ;
padding: 5px ;
}
#topsComPopBox .action {
margin-right: 5px ;
}
#topsComPopBox .list-element:nth-child(2n+1), #topsPostBox .list-element {
background-color: white ;
border: 1px solid white ;
height: auto ;
margin: auto ;
margin-bottom: 5px ;
margin-top: 5px ;
outline: 1px solid #DDD ;
width: 264px ;
}
#topsComPopBox .title {
background: url("http://brianvalente.com.ar/taringa/taringamodernui/comments-icon.png") right no-repeat, url("http://brianvalente.com.ar/taringa/taringamodernui/flecha.png") no-repeat scroll right top, white ;
border: solid 1px #D9D9D9 ;
padding-bottom: 3px ;
padding-left: 5px ;
padding-top: 3px ;
text-shadow: 0 1px 0 #DBDBDB ;
}
/*Temas de comunidades*/
#left-col > .box {
-webkit-transition: ease-in all .2s ;
background: none repeat scroll 0 0 #F2F2F2 ;
border: 1px solid #CCC ;
display: block ;
}
#left-col > .box .action {
background: white ;
position: absolute ;
right: 15px ;
top: 9px ;
}
#left-col > .box .list {
background: #F2F2F2 ;
margin-left: 5px ;
width: 379px ;
}
#left-col > .box .list > .list-element .sticky {
background: url(http://brianvalente.com.ar/taringa/taringamodernui/sticky.png) ;
height: 25px ;
left: 325px ;
position: absolute ;
top: 3px ;
width: 44px ;
}
#left-col > .box .list-element:nth-child(2n+1), #lastPostsBox .list-element {
background-color: #F7F7F7 ;
border: 1px solid white ;
font-family: Helvetica ;
font-size: 11px ;
height: auto ;
margin: auto ;
margin-bottom: 5px ;
outline: 1px solid #DDD ;
overflow: hidden ;
padding-bottom: 7px ;
padding-top: 7px ;
width: 355px ;
}
#left-col > .box .title {
background: none ;
}
#left-col > .box h2 {
background: white ;
border: 1px solid #CCC ;
margin: auto ;
margin-bottom: 5px ;
margin-left: 5px ;
margin-top: 7px ;
padding: 3px ;
padding-left: 5px ;
text-shadow: 0 1px 0 #DBDBDB ;
width: 369px ;
}
#left-col > .box:hover {
background: none repeat scroll 0 0 #C5E2FC;
box-shadow: 0 0 5px #BDBDBD ;
}
/*Comunidades Sticky*/
.box.sticky {
background: none repeat scroll 0 0 #F2F2F2 ;
border: 1px solid #CCC ;
display: block ;
padding: 5px ;
border-radius: 0 ;
}
.box.sticky .title {
background: url("http://brianvalente.com.ar/taringa/taringamodernui/estadisticas-icon.png") right no-repeat, url("http://brianvalente.com.ar/taringa/taringamodernui/flecha.png") no-repeat scroll right top, white ;
border: solid 1px #D9D9D9 ;
padding-bottom: 3px ;
padding-left: 5px ;
padding-top: 3px ;
}
.box.sticky .title h2 {
text-shadow: 0 1px 0 #DBDBDB ;
color: black ;
}
.box.sticky > div {
background: white ;
border-bottom: solid 1px #D9D9D9 ;
border-left: solid 1px #D9D9D9 ;
border-right: solid 1px #D9D9D9 ;
margin: 0 ;
}
.box.sticky > p {
background: white ;
border-left: solid 1px #D9D9D9 ;
border-right: solid 1px #D9D9D9 ;
margin: 0 ;
}
/*Comentarios recientes en comunidades*/
#sidebar #lastCommentsBox .list-element {
width: 213px ;
}
/*Tops con más puntos*/
#full-col.tops .box.sticky:nth-last-of-type(3) .title, #full-col.tops .box.sticky:nth-last-of-type(2) .title {
background: url("http://brianvalente.com.ar/taringa/taringamodernui/flecha.png") no-repeat scroll right top, white ;
}
#full-col.tops .box.sticky:nth-last-of-type(1) .title {
background: url("http://brianvalente.com.ar/taringa/taringamodernui/notif-icon.png") right no-repeat, url("http://brianvalente.com.ar/taringa/taringamodernui/flecha.png") no-repeat scroll right top, white ;
}
/*MI TARINGA*/
.activity-content .dialog {
display: none ;
}
.activity-content .link-data, .activity-content .thumb, .link-summary {
background: none ;
}
.shout-footer .s-action-list .icon {
-webkit-transition: opacity .1s ;
opacity: .3 ;
}
.shout-footer .s-action-list .icon:hover {
opacity: 1 ;
}
#Feed-reload, #Feed-error {
border: 1px solid #CCC ;
border-radius: 0 ;
background-color: #F2F2F2 ;
box-shadow: 0 0 5px #BDBDBD ;
}
/*OCULTAR BOTON TARINGA MUSICA*/
.radio-on {
display: none;
}
.radio-on + .btn {
display: none;
}
/*BOTONES DE SHOUT*/
.my-shout-attach-options .btn {
background: rgb(235,235,235);
border-radius: 0;
border: solid 1px rgb(230,230,230);
}
.my-shout-attach-options .btn:hover {
background: #E4E4E4;
border: solid 1px rgb(230,230,230);
}
.my-shout-add.btn, .my-shout-add.btn:hover, .my-shout-add.btn:active {
border: solid 1px rgb(244,244,244);
background: #65B97F;
border-radius: 0;
color: white;
text-shadow: none;
box-shadow: none;
}
/*TEXTAREA AÑADIR SHOUT*/
#my-shout-body-mi:hover, #my-shout-body-mi:focus {
border: solid 5px #C5E2FC;
}
/*FIX SHOUT ATTACHMENT*/
.my-shout-attach {
width: 591px;
}
/*STYLE SHOUT*/
#Feed-list {
width: 715px;
}
.activity-content, .shout-footer {
border-left: solid rgba(100,105,150,.7) 5px;
-webkit-transition: ease-in all .15s;
opacity: .95;
}
.activity-content:hover + .shout-footer, .activity-content:hover, .shout-footer:hover ~ .activity-content {
border-left: solid rgb(100,105,150) 5px;
opacity: 1;
}
#Feed-list .activity-content, .shout-individual .activity-content {
border-bottom: none;
}
.shout-footer {
border-top: none;
}
#my-shout-body-mi {
border-radius: 0;
outline: none;
border: solid 5px #F2F2F2;
position: relative:
top:0;
width: 581px;
box-shadow: rgb(222,222,222) 0px 0px 0px 1px ;
-webkit-transition: ease-in all .2s ;
}
/*FIX SUGERENCIAS CREAR SHOUT*/
.suggest-list {
position: absolute;
left: -78px;
width: 611px;
}
.suggest-list li {
width: 589px;
}
/*AVATAR POSTS*/
#post-author-box .profile .big-avatar {
width: 109px;
height: 109px;
border: solid 5px #F2F2F2;
outline: solid 1px #CCC;
-webkit-transition: ease-in all .1s;
}
#post-author-box .profile .big-avatar:hover {
border: solid 5px #C5E2FC;
-webkit-transform: rotate(-2deg) scale(1.06);
}
/*PERFILES*/
/*Avatar*/
.perfil-avatar {
border: solid 5px #F2F2F2;
outline: solid 1px #CCC;
-webkit-transition: ease-in all .1s;
}
/* MOSTRAR ESTADO EN AVATAR */
#user-metadata-profile .dot-online-offline[title='Online']:after {
content: '';
width: 120px;
height: 120px;
border: solid 5px #43A84D;
position: absolute;
left: -122px;
top: -152px;
}
/*FIX ESTADO AVATAR*/
.perfil-info {
max-height: 124px;
}
.perfil-info a.btn.g.floatL, .perfil-info .follow-buttons {
position: relative;
bottom: 10px;
}
/*AVATARES MI*/
.shout-box .avatar {
border: solid 5px #F2F2F2;
outline: solid 1px #CCC;
}
.shout-box .avatar img {
margin: 0;
padding: 0;
border: 0;
box-shadow: none;
width: 45px;
height: 45px;
}
.shout-box .avatar img:hover {
box-shadow: none;
}
.my-shout-textarea-mi {
margin-left: 78px;
}
#Feed-list .avatar {
border: solid 5px #F2F2F2;
outline: solid 1px #CCC;
}
#Feed-list .avatar img {
margin: 0;
padding: 0;
border: 0;
box-shadow: none;
width: 44px;
height: 44px;
}
#Feed-list .alter {
border: solid 5px #F2F2F2;
outline: solid 1px #CCC;
}
#last-activity-container .avatar, .wallpost .avatar {
border: solid 5px #F2F2F2;
outline: solid 1px #CCC;
}
#last-activity-container .avatar img, .wallpost .avatar img {
margin: 0;
padding: 0;
border: 0;
box-shadow: none;
width: 40px;
height: 40px;
}
#last-activity-container .alter, .wallpost .alter {
border: solid 5px #F2F2F2;
outline: solid 1px #CCC;
}
#last-activity-container .shout-footer, .wallpost .shout-footer {
margin-left: 74px;
}
/*BOTONES GLOBALES*/
.btn, .btn:hover, .btn:active {
border: solid 1px rgb(244,244,244);
background: #6775BB;
border-radius: 0;
color: white;
text-shadow: 1px 1px grey;
box-shadow: none;
text-decoration: none;
}
.btn:hover {
background: #636CB3;
}
.g, .v {
background: #65B97F;
}
.g:hover, .v:hover {
background: #63B37C;
}
.r {
background: #BB6767;
}
.r:hover {
background: #B36363;
}
.a {
background: #6768BB;
}
.a:hover {
background: #636FB3;
}
/* Fin TaringaModernUI for Taringa v5*/
Trello (Dark + Condensed)
2 days ago by madeira
0 0* {
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
html, body, input, select, textarea, button {
font: 12px/16px Ubuntu,Arial,Helvetica,sans-serif;
}
#header {
background: #212021;
border-bottom: 1px solid #181818;
}
#board-header {
display: none;
}
#board {
background: #212021;
margin: 0 258px 0 0;
}
#surface {
background: #212021;
}
#content {
bottom: 0;
position: absolute;
top: 41px;
}
.extra-large-window #board, .large-window #board {
padding: 0px;
}
.list {
background: transparent;
border-top: none;
border-bottom: none;
margin: 0;
padding: 0;
}
.list-card, .list-header {
background-color: #f8f8f8;
border-left: 1px solid white;
border-right: 1px solid #DFDFDF;
border-top: 1px solid white;
border-bottom: 1px solid #DFDFDF;
margin-bottom: 0;
padding: 5px;
}
.list-card:hover, .list-header:hover {
background-color: white;
border: 1px solid #f8f8f8;
}
.list-cards {
background-color: #f8f8f8;
padding: 0;
}
.list-card-members {
margin: -2px -5px -4px 0;
}
.fancy-scrollbar::-webkit-scrollbar {
display: none;
}
.open-card-composer {
text-align: center;
}
.board-widgets {
top: 0;
bottom: 0;
background-color: #f8f8f8;
border-left: 1px solid white;
width: 240px;
}
.list-card .card-operation {
background-color: transparent;
}
.header-btn.header-notifications, .header-btn.header-boards, .header-btn.header-search, .header-btn.header-login, .header-btn.header-signup {
background: #B25B91;
border: 1px solid #7E1958;
}
#header-search .header-btn {
margin-top: -1px;
}
#header-search input[type="text"] {
background: #CECECE;
}
.window-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.window {
top: 0;
}