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;
}
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;}