html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, acronym, address, big, cite, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent } /* LAYOUT */ body { background: #dfdfdf; color: #343434; font-size: 14px; } a { color: #3B5998; } a:hover { color: #d3573e; } h1, h2, h3 { color: #4d87ab; } p { line-height: 1.5em; margin-bottom: 1em; } a { text-decoration: none; } a:hover { } h1, h2, h3, h4, h5, h6 { font-family: 'Droid Sans'; font-weight: normal; padding-bottom: 12px; } .tab-inner .profile h3 { font-weight: normal; line-height: 16px; text-transform: uppercase; padding-top: 0!important; margin-top: 0!important; } .tab-inner.tab-digg .digg-widget-head .premium h2 { font-weight: normal!important; line-height: 16px; text-transform: uppercase; } h1 { font-size: 22px; background: url(images/h1.png) repeat; margin: 0; position: absolute; bottom: 0; left: 0; width: 870px; } #banner { height: 239px; position: relative; } #banner img { margin: 0; padding: 0; } h2 { font-size: 20px; clear: both; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; line-height: 18px; } /* Reset */ .dcsns ul, .dcsns li { padding: 0; margin: 0; list-style: none!important; background: none; } /* Main styles */ /* Feeds */ .dcsns { color: #444; list-style: none outside none; margin: 0; } .dcsns h1 { width: auto; position: relative; } .dcsns h1, .dcsns h2, .dcsns h3 { line-height: 1.35em; } .dcsns-content { position: relative; padding: 0; } .dcsns-loading { background: url(../images/loading_light.gif) no-repeat 0 0; height: 24px; padding: 6px 0 0 30px; position: absolute; top: 10px; left: 10px; } .dcsns-toolbar .dcsns-loading { right: 10px; left: auto; } .stream p { margin: 0; padding: 0; } .stream li a { color: #2DB6E8; } .stream li { background-color: #FFFFFF; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); box-shadow: 0 1px 2px rgba(0,0,0,0.5); font-size: 11px; padding: 15px 0 35px 0; width: 224px; position: relative; margin: 0 12px 12px 0; font-family: Arial, sans-serif; line-height: 1.35em; } .stream li .inner { overflow: hidden; padding: 0 15px; } .stream li .smxicon { position: absolute; left: 3px; bottom: 0; z-index: 3; height: 25px; width: 25px; } .stream li .section-intro{ padding: 7px 0; width: 100%; left: 0; bottom: 0; position: absolute; color: #fff; font-style: normal; font-weight: bold; font-size: 10px; z-index: 2; } .stream li .clear { clear: both; } /* Content blocks */ .stream li .section-intro a { text-decoration: underline; color: #fff; margin-left: 32px; } .stream li .section-title { display: block; font-weight: bold; margin-bottom: 3px; font-size: 14px; } .stream li .section-title a { color: #555; font-weight: bold; } .stream li .section-title a:hover { color: #2DB6E8; } .stream li .section-thumb { float: left; margin: 0 7px 0 0; } .stream li .section-thumb img, .stream li .section-text img { display: none; } .stream li .section-thumb img { border: 1px solid #ccc; padding: 1px; background: #fff; } .stream li .section-text { display: block; margin-bottom: 3px; } .stream li .section-text br { display: block; } .stream li .section-user { clear: both; display: block; font-style: italic; margin: 0 8px 5px 0; display: block; float: left; padding: 7px 0 0 15px; line-height: 12px; background: url(../images/profile.png) no-repeat 0 7px; } .stream li .meta { display: block; font-size: 90%; color: #999; } .stream li .meta span { margin: 0 8px 5px 0; display: block; float: left; padding: 0 0 0 15px; line-height: 12px; } .meta span.shares { background: url(../images/shares.png) no-repeat 0 0; padding-left: 20px; } .meta span.views { background: url(../images/views.png) no-repeat 0 0; padding-left: 18px; } .meta span.likes { background: url(../images/likes.png) no-repeat 0 0; padding-left: 16px; } .meta span.comments { background: url(../images/comments.png) no-repeat 0 0; } .meta span.users { background: url(../images/users.png) no-repeat 0 0; } .meta span.videos { background: url(../images/videos.png) no-repeat 0 0; padding-left: 16px; } .stream li .section-meta { display: block; margin: 0; padding: 0; clear: both; } .stream li .meta.item-comments { padding: 0 0 0 35px; margin: 0 0 5px 0; min-height: 30px; position: relative; clear: both; line-height: 1.3em; } .stream li .meta.item-comments img { position: absolute; left: 0; top: 0; width: 30px; } .stream li .meta.item-likes { padding: 0; width: 100%; overflow: hidden; clear: both; line-height: 1.3em; } .stream li .meta.item-likes img { float: left; margin: 0 5px 5px 0; width: 30px; border: 1px solid #ddd; padding: 1px; background: #fff; } .stream li.dcsns-error { color: #990000; } .stream li .section-share { display: block; margin: 0 0 5px 0; padding: 4px 0 0; float: right; } .stream li .section-share a { display: block; width: 16px; height: 16px; float: left; margin: 0 2px 0 0; background: url(../images/share.png) no-repeat 0 0; } .stream li .section-share a.share-twitter { background-position: 0 -16px; } .stream li .section-share a.share-reply { background-position: 0 -32px; } .stream li .section-share a.share-retweet { background-position: 0 -48px; } .stream li .section-share a.share-favorite { background-position: 0 -64px; } .stream li .section-share a.share-google { background-position: 0 -80px; } .stream li .section-share a.share-linkedin { background-position: 0 -96px; } .stream li .section-share a.share-facebook:hover { background-position: -16px 0; } .stream li .section-share a.share-twitter:hover { background-position: -16px -16px; } .stream li .section-share a.share-reply:hover { background-position: -16px -32px; } .stream li .section-share a.share-retweet:hover { background-position: -16px -48px; } .stream li .section-share a.share-favorite:hover { background-position: -16px -64px; } .stream li .section-share a.share-google:hover { background-position: -16px -80px; } .stream li .section-share a.share-linkedin:hover { background-position: -16px -96px; } /* Toolbar */ .dcsns-toolbar { padding: 0; width: 100%; overflow: hidden; position: relative; } /* Filter */ #wall { padding-top: 15px; } #wall .dcsns-toolbar { margin-bottom: 25px; } .dcsns-toolbar .filter { padding: 0; margin: 0 0 15px 0; } .dcsns-toolbar .filter li { display: inline; background: none; padding: 0; margin: 0; } .dcsns-toolbar .filter .link-all { color: #fff; height: 21px; padding: 7px 7px 4px 7px; text-shadow: 0 0 1px #555; font-weight: bold; } .dcsns-toolbar .filter li a { padding: 4px 3px 0 3px; margin: 0 1px 1px 0; display: block; float: left; background: #777; height: 28px; } .dcsns-toolbar .filter li img { margin: 0; height: 24px; } /* Controls */ .dcsns .controls { position: absolute; right: 0; top: 7px; height: 22px; padding: 0; z-index: 12; } .dcsns .controls li { display: inline; background: none; } .dcsns .controls a { display: block; width: 22px; height: 22px; float: left; margin: 0 0 0 2px; background: url(../images/controls.png) no-repeat 0 0; } .dcsns .controls .prev { background-position: -44px 0; } .dcsns .controls .next { background-position: -66px 0; } .dcsns .controls .play { background-position: 0 0; } .dcsns .controls .pause { background-position: -22px 0; } .dcsns .controls .prev:hover { background-position: -44px -22px; } .dcsns .controls .next:hover { background-position: -66px -22px; } .dcsns .controls .play:hover { background-position: 0 -22px; } .dcsns .controls .pause:hover { background-position: -22px -22px; } /* feeds network specific styles */ .stream li.dcsns-rss .section-intro, .filter .f-rss a:hover { background-color: #347149; } .stream li.dcsns-flickr .section-intro, .filter .f-flickr a:hover { background-color: #f90784; } .stream li.dcsns-delicious .section-intro, .filter .f-delicious a:hover { background-color: #3271CB; } .stream li.dcsns-custom_twitter .section-intro, .filter .f-twitter a:hover { background-color: #4ec2dc; } .stream li.dcsns-custom_facebook .section-intro, .filter .f-facebook a:hover { background-color: #3b5998; } .stream li.dcsns-custom_google .section-intro, .filter .f-google a:hover { background-color: #2d2d2d; } .stream li.dcsns-custom_youtube .section-intro, .filter .f-youtube a:hover { background-color: #DF1F1C; } .stream li.dcsns-custom_path .section-intro, .filter .f-path a:hover { background-color: #CB2528; } .stream li.dcsns-tumblr .section-intro, .filter .f-tumblr a:hover { background-color: #365472; } .stream li.dcsns-custom_instagram .section-intro, .filter .f-instagram a:hover { background-color: #413A33; } /* Facebook */ .stream li.dcsns-facebook .section-thumb img { max-width: 192px; } .stream li.dcsns-facebook .section-text img { margin: 5px 7px 5px 0; float: left; border: 1px solid #ddd; padding: 1px; background: #fff; max-width: 192px; } .stream li.dcsns-facebook .section-text a { margin-right: 4px; } .stream li.dcsns-facebook .section-text-fb a { display:none; } .stream li.dcsns-facebook .section-intro a { margin-left: 25px; } .stream li.dcsns-facebook .meta { display: block; clear: both; } .stream li.dcsns-facebook .meta.item-comments { padding: 0; min-height: auto; } .stream li.dcsns-facebook .meta.item-comments a { display: block; margin: 0 0 2px 0; } .stream li.dcsns-facebook .share-facebook { display: none; } /* twitter */ .stream li.dcsns-twitter .section-thumb { margin-top: 3px; } .stream li.dcsns-twitter .section-thumb img { width: 48px; height: 48px; display: block; } .stream li.dcsns-twitter .section-user { padding: 0; background: none; } .stream li.dcsns-twitter .section-text img { margin: 5px 0 0; border: 1px solid #ddd; padding: 1px; background: #fff; max-width: 192px; } .stream li.dcsns-twitter a { color: #38AEAE; } .stream li.dcsns-twitter .section-intro a, .stream li.dcsns-twitter .section-intro a:hover { color: #fff; } .stream li.dcsns-twitter .section-intro span a { text-decoration: none; margin-left: 0; } .stream li.dcsns-twitter .section-intro span a:hover { text-decoration: underline; } .stream li.dcsns-twitter a:hover { color: #38AEAE; text-decoration: underline; } .stream li.dcsns-twitter .twitter-user { margin-bottom: 2px; display: block; } .stream li.dcsns-twitter .twitter-user a { color: #999; line-height: 1.35em; } .stream li.dcsns-twitter .twitter-user a:hover { color: #999; text-decoration: none; } .stream li.dcsns-twitter .twitter-user a strong{ color: #444; } .stream li.dcsns-twitter .twitter-user a:hover strong { color: #38AEAE; text-decoration: underline; } /* google */ .stream li.dcsns-custom_google .section-title { margin-bottom: 5px; } .dcsns .stream li.dcsns-custom_google .section-thumb img { max-width: 192px; } .stream li.dcsns-custom_google .meta span.plusones { padding-left: 0; } /* rss */ .stream li.dcsns-rss .section-thumb img { /*max-width: 192px;*/ height:100px; width:70px } .stream li.dcsns-rss .section-text img { border: 1px solid #ddd; padding: 1px; background: #fff; max-width: 192px; } /* rss */ .stream li.dcsns-custom_twitter .section-thumb img { max-width: 192px; } .stream li.dcsns-custom_twitter .section-text img { border: 1px solid #ddd; padding: 1px; background: #fff; max-width: 192px; } /* fb */ .stream li.dcsns-custom_facebook .section-fb_thumb img { padding-right: 25%; padding-left: 25%; } .stream li.dcsns-custom_facebook .section-text img { border: 1px solid #ddd; padding: 1px; background: #fff; max-width: 192px; } /* stumbleupon */ .dcsns .stream li.dcsns-stumbleupon .section-title { display: block; clear: both; } .dcsns .stream li.dcsns-stumbleupon .section-thumb img { max-width: 100%; } /* youtube */ .stream li.dcsns-custom_youtube .section-thumb img { max-width: 192px; } /* vimeo */ .stream li.dcsns-vimeo .section-thumb img { max-width: 192px; } .dcsns .stream li.dcsns-vimeo .section-title { display: block; clear: both; } .stream li.dcsns-vimeo .section-text { margin-bottom: 5px; } .stream li.dcsns-vimeo .section-text .meta { padding-top: 5px; } .stream li.dcsns-vimeo .logo { margin-bottom: 3px; } /* Flickr */ .stream li.dcsns-flickr .section-thumb { margin: 0; } .stream li.dcsns-flickr .section-thumb img{ max-width: 192px; } /* path */ .stream li.dcsns-custom_path .section-thumb { display: block; } .stream li.dcsns-custom_path .section-text { clear: both; } .stream li.dcsns-custom_path .section-thumb img { width: 190px; } /* dribbble */ .stream li.dcsns-dribbble .inner img { margin-bottom: 5px; max-width: 192px; } /* lastfm */ .stream li.dcsns-lastfm .section-title { background: url(../images/tracks.png) no-repeat 0 0; padding-left: 17px; margin-bottom: 0; } /* deviantart */ .stream li.dcsns-deviantart .section-thumb { display: block; float: none; } .stream li.dcsns-deviantart .section-thumb img { max-width: 192px; } /* tumblr */ .stream li.dcsns-tumblr .section-text img { margin: 0 7px 5px 0; float: left; border: 1px solid #ddd; padding: 1px; background: #fff; max-width: 192px; } .stream li.dcsns-tumblr .track { display: block; background: url(../images/tracks.png) no-repeat 0 5px; padding: 5px 0 0 17px; margin-bottom: 0; } /* instagram */ .stream li.dcsns-instagram { padding-bottom: 40px; } .stream li.dcsns-custom_instagram .section-title { font-weight: normal; clear: both; } .stream li.dcsns-custom_instagram .section-thumb img { margin: 0 7px 5px 0; float: left; border: 1px solid #ddd; padding: 1px; background: #fff; width: 100%; } .stream li.dcsns-instagram .meta { clear: both; } .stream li.dcsns-instagram .section-meta .meta .comments, .stream li.dcsns-instagram .section-meta .meta .likes { margin: 0 0 5px 0; padding-top: 5px; background-position: 0px 5px; float: none; font-size: 100%; font-weight: bold; } /*isotope */ .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }