/* @group Basics */
html{ background: #fff url(/images/bg/header_bg.png) 5% 0 repeat-x; }
body{
font-family: 'Helvetica Neue', Helvetica, Arial, serif;
font-size: 12px;
line-height: 18px;
font-weight: normal;
color: #fff;
text-shadow: rgba(0,0,0,0.01) 0 0 0;
}
.sdna p{
margin-bottom: 1em;
}
.sdna h1, .sdna h2, .sdna h3, .sdna h4, .sdna h5, .sdna h6 {
font-weight: bold; margin: 0;
font-family: 'Helvetica Neue', Helvetica, Arial, serif;
}
.sdna h1 { font-size: 36px; line-height: 36px; padding: 18px 0; }
.sdna h2 { font-size: 24px; line-height: 1.2; padding: 24px 0; }
.sdna h3 { font-size: 16px; line-height: 1.2; padding: 9px 0; }
.sdna h4 { font-size: 13px; line-height: 18px; padding: 9px 0; }
.sdna .content .sidebar {
padding-top: 0;
}
/* @end */
/* @group Elements */
p.empty { border-bottom: 1px solid rgba(0,0,0,0.1); color: rgba(0,0,0,0.5); font-size: 14px; font-weight: bold; width: 100%; text-align: center; padding: 40px 0 50px; }
.sdna small { font-size: 80%; }
.sdna strong { font-weight: bold; }
ul.list{
list-style-type: disc;
padding-left: 2em;
}
ul.list li{
list-style-position: outside;
opacity: 1;
margin: 1em 0;
}
/* @end */
/* @group Clear Floated Elements */
.sdna .clear:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.sdna .clear { display: inline-block; }
.sdna * html .clear { height: 1%; }
.sdna .clear { display: block; }
/* @end */
/* @group Type */
.sdna,
.sdna input,
.sdna textarea,
.sdna table,
.sdna select{
font-family:'Helvetica Neue',Helvetica,Arial,serif;
font-size: 14px;
font-weight: normal;
line-height: 1.4;
color: #666;
}
.sdna select{
color: #222;
}
h1,h2,h3,h4,h5,strong{
color: #322C26;
}
a:link{
color: #0088CC;
text-decoration: none;
}
a:link:hover{
text-decoration: underline;
}
a{ color: #0088CC; outline: 0; text-decoration: none; }
a:hover{ text-decoration: underline; }
.sdna .subtle,
.sdna span.meta,
.sdna small.meta,
.sdna div.meta{
color: #999;
color: rgba(0,0,0,0.35);
}
.sdna h2 span{
color: #aaa;
color: rgba(0,0,0,0.25);
}
.sdna .subtle:hover a,
.sdna span.meta:hover a,
.sdna small.meta:hover a,
.sdna div.meta:hover a{
color: #0088CC;
}
.sdna a.button{
text-decoration: none !important;
}
em { font-style: italic; }
a img{
border: 1px solid #777;
}
a:hover img{
border-color: #AAA;
}
/* @end */
/* @group Common */
.sdna .comment div.photos a img{
border: 1px solid #777;
}
.sdna .comment div.photos a:hover img{
border-color: #AAA;
}
.sdna .default_avatar{
background-image: url(/images/default_avatar.png);
background-position: center center;
background-repeat: no-repeat;
}
.sdna span.default_avatar{
}
.sdna span.default_avatar.size_100{
background-image:url(/images/default_avatar_large.png);
}
.sdna span.default_avatar.size_24{
background-image:url(/images/default_avatar_small.png);
}
/* @group Loading Indicator */
.sdna .loading_wrap *{
visibility: hidden;
opacity: 0;
}
.sdna .loading_wrap{
background: url(/images/indicators/indicator_loading.gif) 0 center no-repeat;
}
.sdna .sub_header .loading_wrap{
background: url(/images/indicators/indicator_loading_blue.gif) 0 center no-repeat;
}
.sdna .loading_wrap.left{
background-position: 0 center;
}
.sdna .loading_wrap.right{
background-position: right center;
}
.sdna div.loading_wrap{
background-position: center 20%;
}
.sdna li div.loading_wrap{
background-position: 0 center ;
}
/* @end */
/* @group Suggestions */
div.suggestions ul{
background: #F0F0F0;
border: 1px solid #E0E0E0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin: .75em 0 0 0;
}
div.suggestions ul li{
border-bottom: 1px solid #E0E0E0;
}
div.suggestions ul li a{
display: block;
padding: 5px 5px 5px 25px;
background: url(/images/icons/suggestion.gif) 5px center no-repeat;
}
div.suggestions ul li:last-child{
border: 0;
}
/* @end */
/* @group Actions */
.sdna a.action.like span, .sdna a.action.dislike span{
font-weight: normal;
text-transform: lowercase;
font-size: 11px;
}
.sdna a.loading{
text-decoration: none !important;
}
.sdna a.subtle{
font-size: 11px;
font-weight: normal !important;
}
.sdna a.subtle:hover{
color: #0088CC;
}
.sdna a.host{
padding-left: 18px;
background: url(/images/icons/host.png) 0 center no-repeat;
}
.sdna span.follow.button{
-moz-border-radius:100%;
background: none !important;
border: 0 !important;
}
/* @end */
/* @group Share Box */
.sdna div.share_box .field{
}
.sdna div.share_box{
}
/* @end */
/* @group Meta List */
.sdna dl.meta dt{
color: #888;
}
.sdna dl.meta dd{
color: #333;
}
/* @end */
.sdna span.count{
background: #999;
color: white;
}
/* @end Common */
/* @group Header
*/
.sdna .header{
height: 40px;
}
/* @group Login */
.sdna ul.login_actions{
font-size: 10.5px;
height: 40px;
float: right;
line-height: 40px;
}
.sdna ul.login_actions ul{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D1000000, endColorstr=#D1000000);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D1000000, endColorstr=#D1000000);
}
.sdna ul.login_actions li,
.sdna ul.login_actions li a{
display: block;
float: left;
height: 40px;
width: 82px;
color: #999;
text-decoration: none !important;
}
.sdna ul.login_actions li a{
padding-left: 18px;
font-weight: bold;
}
.sdna ul.login_actions li:hover>a,
.sdna ul.login_actions li a:hover{
opacity: 0.7;
}
.sdna ul.login_actions li.settings a{
background: url(/images/icons/settings.png) 0 center no-repeat;
}
.sdna ul.login_actions li.logout a{
background: url(/images/icons/logout.png) 0 center no-repeat;
}
.sdna ul.login_actions li.login a{
background: url(/images/icons/login.png) 0 center no-repeat;
}
.sdna ul.login_actions li.admin a{
background: url(/images/icons/admin_menu.png) 0 center no-repeat;
}
.sdna ul.login_actions li.feedback a{
background: url(/images/icons/feedback.png) 0 center no-repeat;
}
.sdna ul.login_actions li ul{
-moz-border-radius:0;
}
/* @end */
/* @group Logo */
.sdna .header h1{
float: left;
}
.sdna .header h1 a {
background:transparent url(/images/meme_logo.png) 0 center no-repeat;
display:block;
height:40px;
width:140px;
text-decoration:none;
text-indent: -9000px;
overflow: hidden;
}
.sdna .header h1 a:hover{
-moz-opacity:0.6;
opacity: 0.6;
}
/* @end */
/* @group Tagline */
.sdna .header .tagline{
line-height: 40px;
display: block;
float: left;
width:260px;
height: 40px;
padding: 0;
margin: 0 0 0 10px;
text-indent: -9000px;
overflow: hidden;
background: url(/images/tagline.png) 0 2px no-repeat;
}
/* @end */
/* @group Hello */
.sdna .hello .login_actions{
color: #89A4B2;
font-size: 11px;
}
/* @end */
/* @end Header */
/* @group Primary Navigation */
.sdna .navigation li {
padding: 0;
}
.sdna .navigation .home a,
.sdna .navigation .nearby a,
.sdna .navigation .popular a,
.sdna .navigation .search label {
color: #333;
font-weight: normal;
font-size: 13px;
text-decoration: none;
text-shadow: white 0 1px 0;
}
.sdna .navigation .home a:hover{
}
.sdna .navigation .home a,
.sdna .navigation .search label {
padding: 0 10px 0 0;
}
.sdna .navigation .home a{
padding: 0 20px 0 0;
}
/* @group Current */
.sdna .navigation ul li.current{
}
.sdna .navigation ul li.current a,
.sdna .navigation ul li.current label{
font-weight: bold;
}
.sdna .navigation ul li.current a span{
}
/* @end */
/* @group Profile */
/* @group Login Meta */
.sdna .navigation .hello .login_meta{
font-size: 11px;
}
/* @end */
/* @end Profile */
/* @group Search */
.sdna .navigation .search form div{
height: 30px;
position: relative;
width: 480px;
}
.sdna .navigation .search button{
-moz-border-radius-topleft:0;
-moz-border-radius-bottomleft:0;
-webkit-border-top-left-radius:0;
-webkit-border-bottom-left-radius:0;
border-top-left-radius:0;
border-bottom-left-radius:0;
}
.sdna .navigation .search button span{
float: left;
display: block;
width: 18px;
height: 16px;
background: url(/images/bg/mag_glass.png) 1px center no-repeat;
text-indent: -9000px;
}
.sdna .navigation .search form div input{
font-size: 14px;
-moz-border-radius:100%;
-webkit-border-radius:100%;
-o-border-radius:100%;
border-radius:100%;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:0;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:0;
border-top-right-radius:0;
border-bottom-right-radius:0;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
display: block;
width: 432px !important;
padding: 4px 10px;
line-height: 16px;
}
.sdna .navigation .search form div button{
position: absolute;
top: 0;
right: 0;
padding:4px;
}
/* @end */
/* @end Primary Navigation */
/* @group Tabs */
.sdna .tabs_meta{
font-size: 11px;
font-style: italic;
color:#999;
}
.sdna ul.tabs{
padding: 10px 0 0 0;
width: 100%;
float: left;
border-bottom: 1px solid #ccc;
}
.sdna ul.tabs li{
}
.sdna ul.tabs li.current + li,
.sdna ul.tabs li:first-child{
background: none;
}
.sdna ul.tabs li a{
background: white;
color: #555;
font-weight: normal;
border-top: 1px solid transparent;
padding:4px 6px;
font-size: 0.95em;
}
.sdna ul.tabs li span.meta{
display: none;
}
.sdna ul.tabs li.empty a{
}
.sdna ul.tabs li.current{
}
.sdna ul.tabs li.current a{
background: white;
font-weight: bold;
letter-spacing: -0.01em;
}
.sdna ul.tabs li span.count{
background: #4f4f4f;
color: white;
display: none;
}
.sdna ul.tabs li.current span.count{
background: #999;
color: #111;
display: none;
}
.sdna ul.tabs li.current a{
color: #333;
background: white !important;
opacity: 1 !important;
letter-spacing: -0.03em;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding:4px 8px;
position: relative;
bottom: -1px;
}
.sdna .tabs_content{
background: white;
padding-top: 10px;
}
/* @group Sub Tabs */
.sdna .tabs_content .tabs_content{
border:0;
border-top: 1px solid #E0E0E0;
margin-top: 5px;
}
.sdna .tabs_content ul.tabs{
background: none;
border: 0;
margin: 0;
padding-top: 0;
padding-right: 10px;
padding-left: 10px;
}
.sdna .tabs_content ul.tabs li{
background: none;
}
.sdna .tabs_content ul.tabs li a{
background: none !important;
color: #777;
border: 0;
}
.sdna .tabs_content ul.tabs li a span.count{
background: #333;
}
.sdna .tabs_content ul.tabs li.current{
background: url(/images/bg/tab_filter_beak.gif) center bottom no-repeat !important;
padding-bottom: 3px;
}
.sdna .tabs_content ul.tabs li.current a{
color: #FFF;
background:#777 !important;
}
.sdna .tabs_content ul.tabs li.current a span.count{
background: #AAA;
}
.sdna .tabs_content a.tabs_help{
display: block;
width: 17px;
height: 17px;
background: url(/images/icons/help.gif) 0 0 no-repeat;
overflow: hidden;
text-indent: -9000px;
z-index: 1;
}
/* @end */
/* @end Tabs */
/* @group Item List */
.sdna ul.item_list li{
border-bottom: 1px solid #e0e0e0;
padding-top: 6px;
padding-bottom: 6px;
}
.sdna ul.item_list li.person,
.sdna ul.item_list li.checkin,
.sdna ul.item_list li.following,
.sdna ul.item_list li.comment,
.sdna ul.item_list li.photo{
min-height: 60px;
}
.sdna ul.item_list li .content{
padding: 0;
}
.sdna ul.item_list li.show_more a.loading{
color:#777;
}
.sdna button.show_more{
width: 100%;
text-align: center;
margin: 1em 0;
}
.sdna button.show_more.submitting{
background: none;
border-color: transparent;
color: #999;
}
.sdna ul.item_list li div.no_photo{
top: 10px !important;
}
/* @end */
/* @group Footer */
.sdna .footer{
background: #F1F1F1;
border-top: 1px solid #CCC;
margin-bottom: 0;
}
.sdna .footer .copy{
color: #666;
}
/* @end */
/* @group Sidebar */
/* @end */
/* @group Map View */
.sdna .map_view{
background: #f1f1f1 !important;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border-left: 1px solid #BED6E2;
border-right: 1px solid #BED6E2;
border-bottom: 1px solid #9EABB1;
border-top: 1px solid #BDE7FD;
}
/* @group Static Map */
.small_map{
width: 280px;
height: 150px
}
.small_map img{
width: 280px;
height: 150px;
}
.static_map{
overflow: hidden;
position: relative;
}
.static_map a.static_map_pin{
position: absolute;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: url(/images/gmap/gmap_location.png) center center no-repeat;
overflow: hidden;
text-indent: -9999px;
}
/* @end */
/* @end Map View */
/* @group Section */
.sdna .section{
padding: 10px 0;
}
.sdna .main .section{
background: none;
}
/* @end */
/* @group Ads */
div.ad{
background: rgba(0,0,0,0.05);
}
/* @end */
/* @group Site Messages */
/* @group Default */
.sdna div.message{
background: #FAF3C9;
}
.sdna div.message p{
margin: 0; padding: 0;
}
.sdna div.message .subtle{
color: #7B7843;
}
.sdna div.message a{
font-weight: bold;
}
.sdna div.message h3{
margin: 0 0 0.5em 0;
padding: 0;
}
.sdna div.message h3,
.sdna div.message ul{
color: #222;
}
.sdna div.message strong{
color: #111;
}
.sdna div.message li>span{
background: #FEF7D1;
padding: 0 0.5em;
}
.sdna span.message,
.sdna strong.message{
background: #FEF7D1;
}
.sdna p.message{
padding: 0.5em;
color: #332E0D;
font-weight: normal;
font-style: italic;
font-size: 12px;
background: #FEF9DA url(/images/icons/alert.png) 10px center no-repeat;
padding-left: 50px;
}
/* @end */
/* @group Featured */
.sdna div.featured_message {
background: none;
}
/* @end */
/* @end Site Messages */
/* @group Login With... */
.sdna button.twitter,
.sdna .button.twitter{
background-image: url(/images/bg/button_twitter.png);
color: #255895;
padding-left: 7px;
text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}
.sdna .button.twitter span,
.sdna button.twitter span{
background: url(/images/icons/twitter.png) 3px bottom no-repeat;
display: inline;
padding-left: 20px;
}
.sdna .button.twitter,
.sdna .button.twitter:hover,
.sdna button.twitter,
.sdna button.twitter:hover{
border-color: #4DB9D3;
border-top-color: #96DBE6;
}
.sdna .button.twitter:hover,
.sdna button.twitter:hover{
color: #255895;
}
.sdna .button.twitter:hover:focus,
.sdna button.twitter:hover:focus{
border-color: #4DB9D3;
border-bottom-color: #96DBE6;
}
.sdna .form .login_external .help{
width:420px;
min-height:0;
visibility:visible;
}
/* @end */
/* @group OneSpot */
#onespot-widget,
#onespot-widget *{
margin: 0 !important;
padding: 0 !important;
font-family: inherit !important;
background: none !important;
}
#onespot-widget h2{
display: none !important;
}
#onespot-widget li{
padding: 1em 0.75em 1em 0.75em !important;
overflow: hidden !important;
}
#onespot-widget li li{
padding: 0 !important;
}
#onespot-widget a{
color:#0088CC !important;
}
#onespot-widget a:hover{
text-decoration: underline !important;
}
/* @end */
/* @group Errors */
.sdna li.error{
background: #ebcccc url(/images/icons/error.png) 20px center no-repeat !important;
padding-left: 60px !important;
color: #990000;
font-weight: bold;
}
/* @end */
/* @group Forms */
.sdna .form input[type="text"],
.sdna .form input[type="password"],
.sdna .form textarea {
-moz-border-radius:1.5em;
-webkit-border-radius:1.5em;
-o-border-radius:1.5em;
border-radius:1.5em;
padding: 3px 5px;
border: 1px solid rgba(0,0,0,0.3);
}
.sdna .form textarea{
-moz-border-radius:0.3em;
-webkit-border-radius:0.3em;
-o-border-radius:0.3em;
border-radius:0.3em;
vertical-align: top;
}
.sdna button,
.sdna .button {
-moz-border-radius:1.5em;
-webkit-border-radius:1.5em;
-o-border-radius:1.5em;
border-radius:1.5em;
padding: 4px 8px;
}
.sdna button.primary,
.sdna .button.primary {
background-image:url(/images/bg/primary_button.png) !important;
border-color:#127BB7 !important;
color:white !important;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);
}
.sdna span.follow.button.primary em{
color: #333 !important;
}
.sdna .cabinet .drawer .file {
-moz-border-radius:0.75em;
-webkit-border-radius:0.75em;
-o-border-radius:0.75em;
border-radius:0.75em;
}
.sdna .form .field, .sdna .form .instructions {
padding-top: 15px;
padding-bottom: 15px;
}
.sdna .form .form_actions{
background: #f1f1f1;
border-top: 1px solid #ddd;
}
.sdna .form .field .help{
width: 30%;
top: 3.2em;
}
.sdna a.delete_tag{
opacity: 0.6;
vertical-align: middle;
}
.sdna a.delete_tag:hover{
opacity: 1;
}
/* @end */
/* @group Popup styling */
.sdna .pop .section{
background: none;
}
.sdna .pop{
-moz-border-radius:0;
border: 1px solid transparent;
}
.sdna .pop .pop_content{
-moz-border-radius:0;
-webkit-border-radius:0;
-o-border-radius:0;
border-radius:0;
}
/* @end */
/* @group Map View */
.sdna .map_view{
background: none;
-moz-border-radius:0;
border: 0;
margin-top: 10px;
}
.sdna .map_view .map{
border: 1px solid #aaa;
margin-right: -2px;
background: white;
}
.sdna .map_view .map .map{
border: 0;
}
/* @end */
/* @group Status Box */
.sdna div.share_box .share_options .share_social{
right: 6.5em;
bottom: 10px;
top: auto;
padding: 0.3em 10px;
}
.sdna .message div.status_box h3{
position: relative;
margin-right: 0;
}
.sdna .message div.status_box h3 strong{
margin-right: 7.5em;
}
.sdna div.share_box h3 .checkin{
position: absolute;
right: 0;
top: 0.75em;
font-size: 11px;
}
.sdna .message div.status_box .form_actions{
background: none;
border: 0;
}
.sdna div.status_box textarea.comment{
width: 560px;
}
/* @end */
/* @group Activity Hub */
body.logged-outbody.logged-out.homepage_index h2.title span, .admin_fsm h2.title span{
font-size: 0.8em;
}
.sdna .current_location{
background: none;
}
/* @end */
/* @group More/Less details */
.sdna a.toggle_details span{
padding-left: 10px;
}
.sdna a.toggle_details span{
background: url(/images/icons/less.gif) 0 6px no-repeat;
}
.sdna .less_details a.toggle_details span{
background: url(/images/icons/more.gif) 0 6px no-repeat;
}
/* @end */
/* @group Coming Soon */
.sdna #follow_view .coming_soon{
position: relative;
}
.sdna #follow_view .coming_soon .coming_soon_block{
background: url(/images/bg/coming_soon.png) center center no-repeat !important;
position: absolute;
z-index: 999;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
/* @end */
/* @group FSM Admin */
.sdna div.admin_fsm_list th {
padding-top : 2px;
padding-bottom : 12px;
}
.sdna div.admin_fsm_list tr.alternate_color td{
background-color: #F1F1F1;
}
/* @end */
/* home.css changes */
body.logged-out.homepage_index .content .main { padding-top: 25px }
body.logged-out.homepage_index .content .sidebar { margin-top: 35px }
body.logged-out.homepage_index .sidebar .section h2 { font-size: 20px; }
body.logged-out.homepage_index .sidebar .section h3 {
color: #757575;
}
body.landing .content h2 { padding: 0 }