/ Published in: CSS
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
html,body { margin: 0; background-color: transparent; } ul,li { margin: 0; outline: 0; padding: 0; } img { border: 0; } body,td,th,textarea,h1,h2,h3,h4,h5,h6 { font: 83% "Lucida Grande",Verdana,Helvetica,sans-serif; margin: 0; padding: 0; } ol,ul { list-style: none; } .html ol,.html ul { list-style-type: disc; margin-left: 30px; } .html ol { list-style-type: decimal; } .html ol li,.html ul li { padding: 5px 0; } b,strong { font-weight: bold; } i,em { font-style: italic; } blockquote,q { quotes: none; } p { padding-bottom: 1em; } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .one { width: 55px; } .two { width: 120px; } .three { width: 185px; } .four { width: 250px; } .five { width: 315px; } .six { width: 380px; } .seven { width: 445px; } .eight { width: 510px; } .nine { width: 575px; } .ten { width: 640px; } .eleven { width: 705px; } .twelve { width: 770px; } .thirteen { width: 835px; } .fourteen { width: 900px; } .fifteen { width: 955px; } .full-screen { width: 100%; } .ajax-loading { opacity: .8; position: absolute; } .loading { background: url(/icons/custom/ajax-loader.gif); background-repeat: no-repeat; padding-left: 20px; cursor: progress!important; } .loading-big { background: url(/icons/custom/ajax-loader-big.gif); background-repeat: no-repeat; background-position: center; cursor: progress!important; } a canvas#loading { cursor: progress!important; background: none; float: left; position: relative; padding-right: 6px; margin-top: -1px; } .buttons canvas#loading { cursor: progress!important; background: none; margin-top: 0; } .form-box { border-bottom-style: solid; border-bottom-width: 1px; border-right-style: solid; border-right-width: 1px; margin-bottom: 10px; padding: 10px; } .form-box h2 { border-bottom-style: solid; border-bottom-width: 1px; font-size: 15px; font-weight: bold; line-height: 23px; margin-bottom: 7px; padding-bottom: 3px; text-indent: 7px; letter-spacing: .01em; } .form-box .desc { line-height: 20px; padding: 0 10px; } form fieldset,.fieldset { border-style: solid; border-width: 1px; margin: 10px 0 2em 0; padding: 10px 10px; line-height: 1.4em!important; } .form-box-content-box { border-style: solid; border-width: 1px; margin-bottom: 10px; padding: 10px 15px; } form label { clear: both; display: block; font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; line-height: 1.7em; margin-bottom: 1px; padding-top: 3px; text-transform: none; } form input[type=text],form input[type=password] { background-color: #FFF; border: 1px solid #CCC; font-size: 1.1em; margin: 0 10px 4px 0; padding: 4px; } form input[type=checkbox] { background-color: transparent; border: none; padding: 3px; } form textarea { background-color: #FFF; border: 1px solid #CCC; font-size: 1em; margin-bottom: 8px; padding: 4px; width: 68%; } form select { background-color: #FFF; border: 1px solid #CCC; font-size: 1em; margin: 0 15px 5px 0; padding: 1px; } form .radio-buttons { margin-bottom: 10px; } form .radio-buttons span { margin-right: 10px; } form .radio-buttons span input,form .check-buttons span input { margin-right: 5px; } form .check-buttons span { display: block; margin: 0 0 5px 30px; } form .cq-check-buttons span { display: block; margin: 0 0 5px 0; } .input-desc { display: block; font-size: 11px; line-height: 16px; padding-bottom: 10px; } .input-desc p { padding: 0; margin: 0; } .form-sub-box { border-style: solid; border-width: 1px; margin-bottom: 10px; padding: 10px; } #sb-current-status form input { margin: 5px 0; width: 153px; } #form-dob-month,#form-dob-day,#form-dob-year,#dob-month,#dob-day,#dob-year,#date-mm,#date-dd,#date-yyyy,#date-h,#date-m { margin-right: 5px; width: auto; } #date-yyyy { margin-right: 30px; } #profile-wall form textarea { width: 98%; } form #form-name { margin-right: 15px; } form .location { width: 350px; } form .location-map { height: 350px; width: 350px; } form .location-loading-text { float: left; height: 350px; line-height: 350px; position: absolute; text-align: center; width: 350px; } form .location .input-desc { text-align: center; } .profile-picture-left { text-align: center; } .profile-picture { width: 230px; padding-bottom: 10px; } .picture-dropdown { margin-top: -38px; } #gallery-selected { width: auto; } .form-box h3 { border-bottom-style: solid; border-bottom-width: 1px; font-size: 14px; font-weight: bold; line-height: 23px; margin-bottom: 10px; padding-bottom: 3px; text-align: left; text-indent: 7px; } .upload-box .create-album { float: right; width: 365px; } .upload-box .select-album { float: left; width: 365px; } #fsUploadProgress1 { margin-top: 10px; } #form-cancel-account .buttons,#form-cancel .buttons { margin-top: 10px; } #lightbox .form-box { margin-bottom: 0; } #lightbox form fieldset { margin-bottom: 0; } #member-send-message textarea { width: 407px; } #lightbox .buttons { margin-top: 10px; } .form-notice { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333; padding: 10px 0; text-align: center; } .form-error { background-color: #FBE3E4; border: 1px solid #FBC2C4; color: #333; padding: 10px; clear: both; margin: 10px 0 10px 0; } .form-error p { padding: 0 0 30px 0; } .form-error a { color: #333!important; } h2 img { margin: 0 6px -1px -3px; } form#form-signup span.payment_value { line-height: 12px; margin-right: 15px; } form#form-signup input.payment_radio { margin: 0 4px 0 4px; } #sb-signin { padding: 5px; } #sb-signin form fieldset { margin: 5px auto 0 auto; padding: 10px; } #sb-signin form input { margin-right: 0; width: 140px; } #sb-signin form input[type=checkbox] { width: auto; } li#autocomplete-list ul.holder { color: #000; margin: 0; width: 500px; overflow: hidden; height: auto!important; height: 1%; background-color: #FFF; border: 1px solid #CCC; padding: 4px 5px 0; } li#autocomplete-list *:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } li#autocomplete-list ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; } li#autocomplete-list ul.holder li.bit-box,li#autocomplete-list ul.holder li.bit-input input { font-size: 11px; } li#autocomplete-list ul.holder li.bit-box { border: 1px solid #CAD8F3; background: #EEE; padding: 1px 5px 2px; color: #000; } li#autocomplete-list ul.holder li.bit-box-focus { border-color: #598BEC; background: #DDD; color: #fff; } li#autocomplete-list ul.holder li.bit-input input { width: 100%; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } li#autocomplete-list ul.holder li.bit-input input.smallinput { width: 20px; color: #000; } li#autocomplete-list form ol { font-size: 11px; margin: 0; padding: 0; } li#autocomplete-list form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; } li#autocomplete-list form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font-size: 11px; border: 1px solid #999; } li#autocomplete-list form ul.holder { width: 500px; } li#autocomplete-list ul.holder li.bit-box,#apple-list ul.holder li.bit-box { padding-right: 22px; position: relative; } li#autocomplete-list ul.holder li.bit-hover { background: #DDD; border: 1px solid #CCC; color: #000; } li#autocomplete-list ul.holder li.bit-box-focus { border-color: #CCC; background: #BBB; color: #000; } li#autocomplete-list ul.holder li.bit-box a.closebutton { display: block; font-size: 1px; height: 22px; position: absolute; right: 0; top: -2px; width: 22px; background: url('http://static.sgcdn.net/icons/lightbox-close.png'); background-repeat: no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.sgcdn.net/icons/lightbox-close.png'); } li#autocomplete-list #userlist-box { display: none; position: absolute; width: 512px; background: #EEE; } li#autocomplete-list #userlist-box .default { padding: 5px 7px; font-size: 11px; border: 1px solid #ccc; border-width: 0 1px 1px; } li#autocomplete-list #userlist-box ul { display: none; margin: 0; padding: 0; } li#autocomplete-list #userlist-box ul li { padding: 5px 12px; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font-size: 11px; } li#autocomplete-list #userlist-box ul li em { font-weight: bold; font-style: normal; background: #ccc; } li#autocomplete-list #userlist-box ul li.auto-focus { background: #CCC; color: #000; } li#autocomplete-list #userlist-box ul li.auto-focus em { background: #AAA; } div#box-guest li#autocomplete-list { float: left; width: 150px; } div#box-guest div.available_friends ul#user_list { overflow-y: auto; height: 195px; margin-right: 5px; } div#box-guest div.available_friends { width: 250px; } div#box-guest div.available_friends,div#box-guest div.email_friends,div#box-guest div.invite_friends { font-size: 11px; margin-top: 10px; float: left; } div#box-guest div.invite_friends { width: 220px; } div#box-guest div.attending { font-size: 11px; margin-left: 10px; } div#box-guest li#autocomplete-list #userlist-box { width: 212px; } div#box-guest li#autocomplete-list ul.holder { width: 200px; } div#box-guest li#autocomplete-list ul.holder li.bit-box { width: 170px; } div#box-guest #user_list li.user-new a { position: relative; height: 12px; left: 0; top: 1px; width: 14px; font-size: 11px; padding-left: 15px; background: url('http://static.sgcdn.net/icons/bullet_add.png'); background-repeat: no-repeat; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/icons/bullet_add.png'); } input.date_picker { display: block; width: 150px; height: 18px; padding: 2px 2px 1px 24px!important; font-size: 12px; background: #fff url(http://static.sgcdn.net/icons/custom/dateinput.gif) no-repeat top left; cursor: pointer; } input:focus.date_picker { background: #EFEFEF url(http://static.sgcdn.net/icons/custom/dateinput.gif) no-repeat top left; } div.dp_container { position: relative; padding: 0; z-index: 500; } div.dp_container .dp_cal { background-color: #fff; border: 1px solid #CCC; position: absolute; width: 177px; top: 24px; left: 0; margin: 0 0 3px 0; } div.dp_container .dp_cal table { width: 100%; border-collapse: collapse; border-spacing: 0; } div.dp_container .dp_cal select { margin: 2px 3px; font-size: 11px; } div.dp_container .dp_cal select option { padding: 1px 3px; } div.dp_container .dp_cal th,div.dp_container .dp_cal td { width: 14.2857%; text-align: center; font-size: 11px; padding: 2px 0; color: #000; } div.dp_container .dp_cal th { border: solid #aad4f2; border-width: 1px 0; color: #797774; background: #daf2e6; font-weight: bold; } div.dp_container .dp_cal td { cursor: pointer; } div.dp_container .dp_cal thead th { background: #d9eefc; } div.dp_container .dp_cal td.dp_roll { color: #000; background: #DDD; } div.dp_container .dp_hide { visibility: hidden; } div.dp_container .dp_empty { background: #eee; } div.dp_container .dp_today { background: #daf2e6; } div.dp_container .dp_selected { color: #fff; background: #328dcf; } .recaptchatable .recaptcha_image_cell,#recaptcha_table { background-color: #E8E8E8!important; } #recaptcha_table { border-color: #CACACA!important; } #recaptcha_response_field { border-color: #CACACA!important; background-color: #FFF!important; } a:link,a:visited,a:hover,a:active { text-decoration: none; } a:hover { text-decoration: underline; } h1 { font-size: 180%; font-weight: normal; } h2 { font-size: 155%; font-weight: normal; } h3 { font-size: 135%; font-weight: normal; } h4 { font-size: 100%; font-weight: bold; } strong { font-weight: bold; } em { font-weight: italic; } input { background-color: #FFF; border: 1px solid #CCC; _border: none; font-size: 1.1em; margin: 0 10px 8px 0; } div#wrapper-header-outer { border-bottom-style: solid; border-bottom-width: 0; border-top-style: solid; border-top-width: 4px; padding-bottom: 5px; position: relative; } div#wrapper-header-outer.has-full-header-image { border-top: none; padding-top: 4px; } div#wrapper-header-outer.has-body-header-image { border-top: none; padding-bottom: 0; } div#wrapper-header-inner { width: 100%; } div#wrapper-header-inner.has-full-header-image,div#wrapper-header-inner.has-body-header-image { background-color: transparent; } div#wrapper-header { margin: 0 auto; padding: 0 5px; width: 975px; } div#wrapper-header.has-body-header-image { padding: 4px 0 5px 0; } div#header h1 { padding: 10px 25px; } div#header h1 a { font-size: 35px; line-height: 113px; } div#header h1 img { margin-bottom: -5px; } div#search-bar-background { border-style: none; background-color: none!important; border-width: 0; border-bottom: none; float: left; height: 32px; margin: 8px 0 -5px 0; width: 185px; } div#search-bar-background { background-color: transparent!important; border-top-color: yellow; border-right-color-value: yellow; border-bottom-color: yellow; border-left-color-value: yellow; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; } div#search-bar-background.has-full-header-image,div#search-bar-background.has-body-header-image { border-width: 0; margin-left: 4px; } div#search-bar-background.sidebar-right { float: right; margin: 8px -10px -5px 0; } div#search-bar-background.has-full-header-image.sidebar-right,div#search-bar-background.has-body-header-image.sidebar-right { border-width: 0; margin: 8px -6px -5px 0; } div#navigation-wrapper { margin-top: -42px; position: relative; } ul#main-navigation { margin: 0 5px 0 10px; width: 775px; } ul#main-navigation li { display: block; float: left; font-weight: bold; height: 32px; margin: 10px 2px 1px 0; position: relative; } ul#main-navigation li a:link,ul#main-navigation li a:visited,ul#main-navigation li a:hover,ul#main-navigation li a:active { display: block; font-size: 13px; padding: 7px; } ul#main-navigation li a:hover { text-decoration: none; } div#wrapper-container { margin: 0 auto; width: 985px; } div#body-container { height: 100%; position: relative; margin-left: 10px; width: 975px; } div#container { float: left; min-height: 600px; position: relative; width: 790px; } div#main-content { margin: 15px 10px 10px 10px; } ul#sub-navigation,ul.sub-navigation { border-bottom-style: solid; border-bottom-width: 2px; margin-bottom: 10px; padding-top: 6px; font-size: 12px; } ul#sub-navigation li,ul.sub-navigation li { display: block; float: left; height: 19px; line-height: 14px; margin: 2px 3px 0 3px; padding: 5px 6px 4px 6px; font-weight: bold; } ul#sub-navigation li.nav-selected,ul.sub-navigation li.nav-selected { margin: 2px 3px 0 1px; } ul#sub-navigation li.right,ul.sub-navigation li.right { float: right; } ul.micro-navigation { margin-bottom: 3px; font-size: 12px; } ul.micro-navigation li { display: block; float: left; margin: 2px 3px 0 3px; padding: 1px 3px; } ul.micro-navigation li.nav-selected { margin: 2px 3px 0 1px; } ul.micro-navigation li.nav-selected a { font-size: 13px; padding: 11px; } ul.micro-navigation li.right { float: right; } div#sidebar { float: left; margin-top: -33px; margin-bottom: 10px; position: relative; width: 185px; z-index: 90; background-color: none; } div#sidebar h4 { text-align: center; padding-top: 5px; } form#theform-search { height: 32px; margin: 0 0 5px 0; padding: 4px; width: 176px; } div.search-input { width: 145px; } form#theform-search input { border-right: none; font-size: 13px; margin: 0; width: 145px; } div.search-button { background-color: #FFF; border: 1px solid #CCC; border-left: none; height: 16px; padding: 4px 0 4px 1px; width: 20px; } div.search-button a { cursor: pointer; height: 14px; width: 16px; } div.search-button a:hover { text-decoration: none; } div#sb-user-account { margin-bottom: 20px; padding: 0 5px; } div#sb-user-account div.user-photo { float: left; height: 54px; margin-right: 5px; position: relative; width: 54px; } div#sb-user-account div.user-photo a { float: left; } div#sb-user-account div.user-photo a:hover { cursor: pointer; text-decoration: none; } div#sb-user-account span#user-photo-change { background-color: #000; color: #FFF; float: left; font-size: 10px; font-weight: bold; height: 54px; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 54px; filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: .70; opacity: .7; } div#sb-user-account span#user-photo-change img { float: left; height: 16px; margin: 13px 0 0 20px; width: 16px; } div#sb-user-account h2.user-nickname { font-size: 14px; font-weight: bold; margin-bottom: 3px; overflow: hidden; width: 115px; } div#sb-user-account div.user-quick-options { font-size: 11px; margin-left: 60px; } div.sb-big-link { margin-bottom: 20px; padding: 0 5px; } div.sb-big-link a { cursor: pointer; } div.sb-big-link a:hover { text-decoration: none; } div.sb-big-link div.big-link-block { border-style: solid; border-width: 1px; height: 20px; padding: 5px 10px; } div.sb-big-link div.big-link-block div.icon { float: left; margin: 2px 10px 0 0; } div.sb-big-link div.big-link-block div.text { float: left; font-size: 12px; line-height: 22px; } div.sb-big-link div.big-link-block div.arrow { display: block; float: right; margin-top: -1px; } div#sb-invite-contacts.sb-big-link div.big-link-block div.arrow { margin-top: 1px; } ul#manage-dropdown li { border-style: solid; border-width: 1px; border-top: none; padding: 4px 8px; } ul#manage-dropdown li a:hover { text-decoration: none; } ul#manage-dropdown li div.manage-icon { display: block; float: left; margin: 1px 8px 0 0; width: 16px; } ul#manage-dropdown li div.manage-text { float: left; font-size: 11px; margin-top: 1px; } div.sidebar-box { margin: 0 4px 20px 4px; } div.sidebar-box h2 { border-bottom-style: solid; border-bottom-width: 2px; font-size: 11px; font-weight: bold; text-transform: uppercase; } div.sidebar-box h3 { font-size: 14px; } div.sidebar-box a.sb-action { display: block; float: right; margin-top: -20px; font-size: 11px; font-weight: bold; text-transform: uppercase; } div.sidebar-box a.sb-action:hover { text-decoration: none; } #sidebar .content-box-content { padding: 5px 5px 5px 5px!important; font-size: 12px; } div#sb-current-status-wrapper { width: 177px; } div#sb-current-status-change div { width: 165px; } div#sb-current-status-text,div#sb-current-status-input { font-size: 12px; font-weight: normal; padding: 4px; } #sb-current-status-text { overflow: hidden; } div#sb-current-status-input input { width: 155px; } ul#sb-inbox-list li,ul#sb-moderate-list li { border-bottom-style: solid; border-bottom-width: 1px; padding: 4px 8px; } ul#sb-moderate-list li.no-moderate-items { text-align: center; } ul#sb-inbox-list li a:hover,ul#sb-moderate-list li a:hover { text-decoration: none; } ul#sb-inbox-list .inbox-icon,ul#sb-moderate-list .inbox-icon { display: block; float: left; margin: 1px 6px 0 0; } ul#sb-inbox-list .inbox-text,ul#sb-moderate-list .inbox-text { font-size: 11px; font-weight: bold; line-height: 20px; } ul#sb-inbox-list .inbox-unread,ul#sb-moderate-list .inbox-unread { display: block; float: right; font-size: 11px; font-weight: bold; height: 20px; line-height: 19px; margin: -20px -5px 0 0; padding: 0 4px; text-align: center; width: 24px; } ul#sb-inbox-list li.unread,ul#sb-moderate-list li.unread { background-color: #fff9d7; } ul#sb-inbox-list li.unread:hover,ul#sb-moderate-list li.unread:hover { background-color: #f5efcd; } ul#sb-inbox-list li.unread a,ul#sb-moderate-list li.unread a { color: #333; } ul#sb-add-list { border-bottom-style: solid; border-bottom-width: 1px; padding: 4px 0 0 6px; } ul#sb-add-list li { border-bottom-style: solid; border-bottom-width: 1px; border-right-style: solid; border-right-width: 1px; display: block; float: left; height: 54px; margin-right: 3px; margin-bottom: 5px; width: 52px; } .sb-add-list-link { display: block; height: 53px; width: 53px; } ul#sb-add-list li a:hover { cursor: pointer; text-decoration: none; } ul#sb-add-list .add-icon { margin: 3px 10px 0 10px; } ul#sb-add-list .add-text { font-size: 11px; margin-top: -4px; padding-bottom: 2px; text-align: center; width: 51px; } ul#sb-friends-list li { border-bottom-style: solid; border-bottom-width: 1px; min-height: 22px; padding: 4px; position: relative; width: 169px; } ul#sb-friends-list li.no-friends { text-align: center; } ul#sb-friends-list li a:hover { text-decoration: none; } ul#sb-friends-list li div.friends-icon { display: block; float: left; margin: 1px 6px 0 0; } ul#sb-friends-list li div.friends-text { line-height: 21px; } div#sidebar a.start-chat { display: block; float: right; margin-top: 2px; position: absolute; right: 4px; } div#sidebar a.start-chat:hover { cursor: pointer; } div#sidebar a.start-chat span.front { display: block; float: left; height: 18px; width: 5px; } div#sidebar a.start-chat span.middle { display: block; float: left; height: 18px; width: 16px; } div#sidebar a.start-chat span.end { display: block; float: left; height: 18px; width: 5px; } ul#sb-upcoming-list li { border-bottom-style: solid; border-bottom-width: 1px; min-height: 22px; padding: 6px; } ul#sb-upcoming-list li a:hover { cursor: pointer; text-decoration: none; } ul#sb-upcoming-list li div.event-today { display: block; float: right; margin: 3px -2px 0 0; } ul#sb-upcoming-list li div.event-title { margin-bottom: 5px; overflow: hidden; width: 163px; } ul#sb-upcoming-list li div.event-title.today { width: 130px; } ul#sb-upcoming-list li div.event-text { font-size: 11px; margin-top: -5px; } ul#sb-upcoming-list li div.no-events { text-align: center; } div#sb-report-bug div.sidebar-box-content { padding: 10px; } div#footer { margin-left: 10px; float: left; padding-bottom: 0; width: 965px; margin-top: 5px; } div#footer.show-content-background { width: 975px; } div#footer-powered-by { visibility: visible!important; display: block!important; height: 55px; } div#footer-powered-by img { display: block!important; visibility: visible!important; } ul#footer-links { float: right; text-transform: lowercase; } ul#footer-links li { float: left; font-size: 11px; line-height: 30px; margin: 13px 7px 10px 7px; } .left,.grid-left { float: left; } .right,.grid-right { float: right; } .hide { display: none; } div.lightbox-overlay { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } div.lightbox-wrapper { display: none; left: 0; position: absolute; text-align: center; top: 0; width: 100%; } div.lightbox { background-color: #FFF; border: 2px solid #DDD; display: none; margin: 0 auto; padding: 5px; position: absolute; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.lightbox div.lightbox-close-button a { background-image: url('http://static.sgcdn.net/icons/lightbox-close.png'); _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.sgcdn.net/icons/lightbox-close.png') background-position:left top; background-repeat: no-repeat; cursor: pointer; display: block; height: 25px; left: -13px; position: absolute; top: -11px; width: 25px; } div.lightbox-content { display: block; height: 100%; width: 100%; } div.lightbox-content-box { margin-bottom: 0; } .info-notice,.alert-notice,.error-notice { background-color: #DFF4FF; border: 1px solid #72A0B6; color: #333; font-size: 11px; margin-bottom: 10px; padding: 10px; text-align: left; } .alert-notice { background-color: #FFFFE0; border: 1px solid #E6DB55; } .error-notice { background-color: #FFEBE8; border: 1px solid #C00; } .info-notice h5,.alert-notice h5,.error-notice h5 { font-size: 13px; font-weight: bold; } .info-notice a,.alert-notice a,.error-notice a { color: #000378!important; } form .error-notice { display: none; } .input-error { background-color: #FFEBE8!important; border: 1px solid #C00!important; color: #000; } div.legal { font-size: 12px; text-align: left; } div.legal h3 { color: #333; font-size: 25px; font-weight: bold; padding-bottom: 5px; } div.legal h4 { color: #333; font-size: 14px; font-weight: bold; margin-top: 20px; padding-bottom: 5px; text-align: left; } div.legal span.last-revision { font-style: italic; } div.legal ol { margin: 1em 0; } div.legal ol li { margin: .5em 0; } div.legal ol.sub-list { margin-left: 50px; } ul#admin-bar-navigation { background-color: #DFF4FF; border-bottom: 1px solid #2075B7; } ul#admin-bar-navigation li { display: block; float: left; font-size: 12px; line-height: 1.2em; width: auto; } ul#admin-bar-navigation li.space { margin-left: 15px; } ul#admin-bar-navigation li a { background-position: 6px 50%; background-repeat: no-repeat; border-right: 1px solid #B7CCD7; color: #003663; cursor: pointer; display: block; font-size: 95%; font-weight: normal; padding: 8px; padding-left: 27px; text-decoration: none; width: auto; } ul#admin-bar-navigation li.network-setup { width: 140px; } ul#admin-bar-navigation li.network-tools { width: 135px; } ul#admin-bar-navigation li a:hover,ul#admin-bar-navigation li a.hover { background-color: #EFEFEF; } ul#admin-bar-navigation li a.active { background-color: #EFEFEF; color: #333; font-weight: bold; } ul#admin-bar-navigation li a.active:hover,ul#admin-bar-navigation li a.active.hover { background-color: #EFEFEF; } ul#admin-bar-navigation li.title a { padding-left: 10px; } ul#admin-bar-navigation li.network-setup a { background-image: url('/icons/16/37.png'); } ul#admin-bar-navigation li.layout-manager a { background-image: url('/icons/16/56.png'); } ul#admin-bar-navigation li.network-access a { background-image: url('/icons/16/14.png'); } ul#admin-bar-navigation li.network-designer a { background-image: url('/icons/16/65.png'); } ul#admin-bar-navigation li.network-details a { background-image: url('/icons/16/2.png'); } ul#admin-bar-navigation li.profile-questions a { background-image: url('/icons/16/38.png'); } ul#admin-bar-navigation li.account-details a { background-image: url('/icons/16/28.png'); } ul#admin-bar-navigation li.news-feeds a { background-image: url('/icons/16/114.png'); } ul#admin-bar-navigation li.blog-categories a { background-image: url('/icons/16/122.png'); } ul#admin-bar-navigation li.moderate-members a { background-image: url('/icons/16/127.png'); } ul#admin-bar-navigation li.advanced-settings a { background-image: url('/icons/16/24.png'); } ul#admin-bar-navigation li.network-tools a { background-image: url('/icons/16/112.png'); } ul#admin-bar-navigation li.invite-contacts a { background-image: url('/icons/16/125.png'); } ul#admin-bar-navigation li.message-members a { background-image: url('/icons/16/75.png'); } ul#admin-bar-navigation li.language-editor a { background-image: url('/icons/16/7.png'); } ul#admin-bar-navigation li.export-data a { background-image: url('/icons/16/47.png'); } ul#admin-bar-navigation li.api-access a { background-image: url('/icons/16/37.png'); } ul#admin-bar-navigation li.member-billing a { background-image: url('/icons/16/57.png'); } ul#admin-bar-navigation li.custom-html a { background-image: url('/icons/16/178.png'); } ul#admin-bar-navigation li.payment-details a { background-image: url('/icons/16/57.png'); } ul#admin-bar-navigation li.view-invoices a { background-image: url('/icons/16/128.png'); } ul#admin-bar-navigation li.edit-card a { background-image: url('/icons/16/163.png'); } ul#admin-bar-navigation li.change-plan a { background-image: url('/icons/16/169.png'); } ul#admin-bar-navigation li.widget-store a { background-image: url('/icons/16/45.png'); } ul#admin-bar-navigation li.blog a { background-image: url('/icons/16/124.png'); } ul#admin-bar-navigation li.support a { background-image: url('/icons/16/18.png'); } ul#admin-bar-navigation li.drop a { overflow: hidden; } ul#admin-bar-navigation li a span.link-text { float: left; } ul#admin-bar-navigation li a span.arrow { background: transparent url('/icons/custom/dropdown-black.png') left top no-repeat; display: block; float: right; height: 4px; margin-left: 4px; margin-top: 5px; width: 7px; } ul#admin-bar-navigation li ul { border: 1px solid #2075B7; border-top: none; display: none; margin: 0; margin-left: -1px; overflow: hidden; position: absolute; width: 200px; z-index: 1001; } ul#admin-bar-navigation li ul li { border-bottom: 1px solid #B7CCD7; float: none; padding: 0; width: 200px; } ul#admin-bar-navigation li ul li a { background: none; background-color: #EFEFEF; background-position: 5px 6px; background-repeat: no-repeat; border-top-width: 0; color: #333; letter-spacing: 0; margin: 0; padding-left: 27px; width: 200px; } ul#admin-bar-navigation li ul li a:hover { background-color: #E1E1E1; } .clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .clearfix { display: inline-block; } .clearfix { display: block; } div.undertaker { color: #D8290D; cursor: pointer; display: block; font: bold 14px Verdana; font-style: normal; font-variant: normal; height: 17px; margin: 0; padding: 0; width: 12px; } .entry-body ul { list-style-type: disc; margin: 0 0 10px 10px; } .entry-body ol { list-style-type: decimal; margin: 0 0 10px 10px; } table,td,tr { vertical-align: top; } #main-content h2.form-title { margin: 0 10px 10px 10px; padding: 5px; } #main-content h2.form-title a.edit { font-size: 12px; line-height: 8px; margin-left: 10px; } .content-box { border-bottom-style: solid; border-bottom-width: 0; border-right-style: solid; border-right-width: 0; margin-bottom: 10px; padding: 2px 1px 2px 2px; } .custom ol { list-style-type: decimal; margin-left: 30px; } .custom ul { list-style-type: disc; margin-left: 30px; } .code-box { border: solid #ccc 1px; background-color: #fafafa; margin: 3px; padding: 5px; } .code-box h4 { text-align: left; } img.tiny { width: 30px; } img.med { width: 45px; } img.avatar { width: 75px; } #profile-about,#members-home-list,#groups-home-list,#groups-top-list,#events-home-list,#profile-interact,#magazine-list { border-top-style: solid; border-top-width: 2px; padding: 7px; } #magazine-list .day,#magazine-list .month { filter: alpha(opacity=60); -moz-opacity: .60; opacity: .60; } #magazine-list { border-bottom: 0; padding: 10px 15px 10px 15px; } #welcome-list { padding: 7px; } #welcome-list .content-box { overflow: hidden; } #members-home-list,#groups-home-list,#events-home-list,#magazine-list { border-bottom-style: solid; border-bottom-width: 0; margin-bottom: 5px; } #welcome-list { margin-bottom: 5px; } #groups-home-list,#events-home-list { padding: 0; } .content-box h2 { border-bottom-style: solid; border-bottom-width: 0; font-size: 13px; font-weight: bold; letter-spacing: .03em; padding: 4px 7px 5px 7px; margin-right: 1px; } #what-now h3 { border-bottom-style: solid; border-bottom-width: 1px; font-weight: normal; line-height: 24px; margin: 5px; padding-bottom: 5px; } #what-now a { color: #333; } #what-now h3 img { float: left; margin-right: 5px; } .content-box-content { padding: 10px; word-wrap: break-word; } #profile-about .content-box-content,#profile-location .content-box-content,#members-home-list .content-box-content,#profile-interact .content-box-content,#groups-home-list .content-box-content #events-home-list .content-box-content,#magazine-list .content-box-content { margin: 0; } #profile-location .content-box-content { padding: 7px; } .content-box h4 { font-size: 13px; font-weight: normal; margin: 7px 0 10px 0; text-align: center; letter-spacing: .01em; } .content-box-content p { margin-bottom: 10px; text-align: left; } .profile-details-box { border-top-style: solid; border-top-width: 1px; margin-bottom: 10px; padding-top: 10px; line-height: 1.5em; } .profile-details-box h5 { font-family: "Helvetica Neue",Tahoma,Helvetica,Arial,sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase; } .quick-info { border: none; margin-left: 5px; } .quick-info h3 { font-size: 18px; line-height: 18px; margin-bottom: 5px; } .details-info { margin-bottom: 0; } .custom-questions { font-size: 11px; margin: 10px 0 0 5px; } .profile-info-question { font-weight: bold; margin-bottom: 2px; } .profile-info-answer { font-size: 12px; margin-bottom: 10px; margin-left: 10px; } .ds-album-list { text-align: center; } div#photos-list canvas#loading,div#videos-list canvas#loading { left: 375px; position: absolute; } div#comments-list canvas#loading { left: 250px; position: absolute; } .videos-album-list li.video_item { height: 135px; width: 345px; margin-right: 10px; margin-left: 5px; float: left; position: relative; } li.video_item { font-size: 11px; } li.video_item div.video_thumb { background-image: url(/icons/custom/no-video.png); float: left; } li.video_item div.video_thumb,li.video_item div.video_thumb img { width: 130px; height: 97px; } li.video_item .moderate-block { background-color: #EEE; position: absolute; height: 93px; padding: 2px; float: left; width: 15px; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); } li.video_item .moderate-block img { width: 16px; height: 16px; } li.video_item div.video_infos { margin-left: 5px; width: 210px; height: 83px; float: left; text-align: left; overflow: hidden; } li.video_item div.video_infos div.video_title,li.video_item div.video_infos div.video_by,li.video_item div.video_infos div.video_stats { overflow: hidden; width: 210px; float: left; } li.video_item .video_title a { font-size: 110%; } li.video_item div.video_infos div.video_title { font-weight: bold; font-size: 12px; height: 16px; } li.video_item div.video_infos div.video_by { height: 30px; } li.video_item div.video_infos div.video_stats { height: 16px; } li.video_item div.video_thumb div.video_duration { background-color: #000; filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity: .6; padding: 0 2px 1px; height: 12px; position: absolute; right: 221px; top: 83px; _top: 80px; font-size: 10px; color: #FFF; } li.video_item:hover div.video_thumb:hover div.play_button { background: url(/icons/mini_play.png); background-repeat: no-repeat; position: absolute; opacity: .8; left: 54px; top: 38px; width: 24px; height: 24px; } li.video_item div.video_infos div.select_video { float: right; text-align: right; width: 100px; height: 16px; } li.video_item div.video_infos div.video_by a { font-weight: bold; } li.video_item.small div.video_thumb { background-image: none; } li.video_item.small div.video_thumb,li.video_item.small div.video_thumb img { position: relative; height: 60px; width: 80px; float: left; } li.video_item.small div.video_infos { width: 135px; height: 72px; overflow: hidden; } li.video_item.small div.video_infos div.video_by { height: 15px; } li.video_item.small div.video_duration { right: 1px!important; top: 46px!important; _top: 43px!important; } li.video_item.small div.video_infos div.video_title { font-size: 11px; height: 15px; } div.snm_video_player h1.video_title { font-weight: bold; float: left; } div#video_player { margin-bottom: 10px; text-align: center; } div#video_player.black { height: 423px; width: 752px; background-color: #000; } div#video_player div.video-alert { margin: 180px 30px; } div.video_tags { font-weight: bold; margin-bottom: 10px; } div.video_description { margin-bottom: 10px; } div.side_tools { width: 225px; margin-bottom: 10px; } #welcome-default td { vertical-align: middle; } #welcome-default h1 { padding: 0 0 5px 0; font-weight: normal; font-size: 22px; line-height: normal; } #welcome-default .feature-title { font-size: 16px; } #welcome-default .feature-desc { font-weight: 13px; } #welcome-default img { padding: 0 5px 5px 0; } #welcome-list { font-size: 16px; } #welcome-left p { font-size: 16px; line-height: 1.5em; } #welcome-right table { border: 0; } .search-listing { padding: 10px 15px; } .search-listing li { border-bottom-style: solid; border-bottom-width: 2px; margin-bottom: 10px; padding-bottom: 10px; text-align: left; } .search-listing .listing-photo { float: left; height: 75px; } .search-listing .listing-photo img { margin-right: 10px; max-width: 75px; } .search-listing h3 { float: left; font-size: 18px; line-height: 25px; width: 375px; } .search-listing .member-online { color: green; float: left; line-height: 25px; margin: 0 10px 0 0; width: 75px; } .search-listing .strapline { float: left; line-height: 18px; width: 460px; } .search-listing .listing-questions { float: left; width: 460px; } .search-listing .listing-questions li { border: none; float: left; font-size: 11px; line-height: 17px; margin: 0; padding: 0; width: 300px; } .search-listing .listing-questions li strong { font-weight: bold; } .search-listing .listing-questions li .closed { float: left; margin-right: 5px; } .search-listing .interact-links { float: right; margin: 0; padding: 0 10px; width: 130px; } .search-listing .interact-links li { border-bottom: none; border-top-style: solid; border-top-width: 1px; font-size: 11px; margin: 0; padding: 2px 5px; } .search-listing .interact-links li.interact-view-profile { border-top: none; } .search-listing .interact-links li:hover { cursor: pointer; } .search-listing .interact-links li a:hover { text-decoration: none; } .photos-list,.members-list { margin: 0 auto; text-align: center; width: 418px; } .photos-list { width: 425px; } .photos-list li,.members-list li { float: left; margin: 0 4px 10px 4px; text-align: center; width: 59px; } .members-list img { width: 57px; height: 57px; } .photos-list li { height: 70px; width: 70px; padding: 2px; } .members-list li span { display: block; margin-top: 3px; } .members-list li span a { font-weight: bold; } .wall-posts li { border-bottom-style: solid; border-bottom-width: 1px; margin: 10px 0; padding-bottom: 8px; } .wall-post .user-photo { float: left; margin: 0 5px 0 0; } .wall-post .user-photo img.photo { width: 30px; height: 30px; } .wall-post .who-when { font-size: 11px; line-height: 15px; font-weight: bold; width: 92%; } #umc-messages .wall-post .who-when { width: 575px; } .wall-post .who-when.right { text-align: right; } .wall-post .delete-comment { width: 200px; text-align: right; font-size: 11px; } .wall-post .content { line-height: 18px; width: 92%; float: left; } .wall-post .content p { font-size: 11px; margin: 0; } .wall-post .wall-post-actions { float: right; font-size: 11px; height: 20px; } .photo-info { float: left; margin-top: 4px; width: 440px; } .photo-info h3 { font-size: 16px; line-height: 26px; margin-bottom: 5px; } .photo-info h3 strong { font-weight: bold; } .photo-info-links { font-size: 12px; } #photo-single .photos-list { float: right; width: 300px; } .description { padding: 10px; text-align: center; } .blog-list li { margin: 20px 0; } .blog-list li h3 { line-height: 1.5em; } .blog-post h3 { border-bottom-style: dashed; border-bottom-width: 1px; font-size: 19px; font-weight: normal; line-height: 19px; margin: 0 0 5px 0; padding: 0 0 8px 0; } .blog-post h3 .icon { margin: 3px 5px 0 0; } .blog-post h3 a.edit { font-size: 12px; margin-left: 10px; } .blog-post .post-time { float: right; font-size: 10px; margin-top: -2px; } .blog-post .post-time strong { font-weight: bold; } .blog-post .post-comments { float: left; font-size: 11px; padding: 0 0 2px 0; } .blog-post .post-comments strong { font-size: bold; } .blog-post .post-tags { float: right; font-size: 11px; padding: 0 0 2px 18px; } .blog-entry h3 { font-size: 20px; font-weight: normal; margin: 3px 0 5px 0; padding-bottom: 0; } .blog-entry .entry-stats { font-size: 12px; line-height: 16px; } .blog-entry .entry-body { margin-bottom: 10px; padding: 10px 15px; line-height: 1.5em; } .rss-entry { padding-bottom: 25px; padding-top: 10px; } .rss-entry td,.rss-entry { font-size: 12px!important; line-height: 1.6em!important; } .rss-entry a { text-decoration: underline; } .rss-entry a img { text-decoration: none; padding: 3px; } .rss-entry td { padding: 15px 0 0 10px!important; } .rss-entry h3 { font-weight: bold; display: inline; } .rss-entry .feed-icon { float: right; padding-left: 10px; } .rss-entry .entry-stats { font-size: 10px; display: inline; font-weight: bold; } .profile-group-list li.group-list-item { border-bottom-style: solid; border-bottom-width: 1px; margin-top: 13px; padding-bottom: 10px; } .group-list-info { float: left; } .group-list-info .title { font-size: 13px; font-weight: bold; line-height: 15px; margin-top: 3px; width: 225px; } .group-list-members { float: right; font-size: 9px; height: 20px; text-transform: uppercase; text-align: right; } .group-list-members strong { float: left; font-size: 20px; font-weight: normal; line-height: 20px; } .group-list-members span { line-height: 23px; margin-left: 2px; } #theform-inbox { width: 770px; } #message-items { display: block; width: 770px; } #message-items th { font-size: 11px; font-weight: bold; padding: 6px 0; vertical-align: top; } #umc-notices .unread,#message-items tr.unread,#theform-inbox .unread,.unread blockquote { background-color: #FFF9D7!important; color: #000!important; padding: 5px; } div.progressBarStatus,.unread .activity-when { color: #000!important; } .umc-request-item { padding: 10px 0; font-size: 12px; } .unread a { color: #333!important; } #message-items .check { display: block; text-align: center; width: 30px; } #message-items td { padding: 7px 0; vertical-align: top; } #message-items td a { display: block; text-decoration: none; width: 100%; } #message-items td a span { display: block; font-size: 11px; } #message-items td.check { padding-top: 14px; } #message-items .check img { cursor: pointer; } #message-items td.image { padding-top: 10px; } #message-items .image { width: 30px; } #message-items .image { padding-left: 15px; padding-right: 5px; text-align: center; } #message-items .image img { height: 20px; width: 20px; } #message-items .sender { width: 130px; } #message-items td.sender { font-size: 12px; line-height: 25px; padding: 8px 0 0 3px; } #message-items td.sender span { display: inline; font-weight: bold; } #message-items td.sender em { display: block; font-style: normal; overflow: hidden; width: 110px; } #message-items .subject { width: 385px; } #message-items td.subject { display: block; font-size: 14px; font-weight: bold; margin-top: -8px; padding-right: 10px; overflow: hidden; white-space: nowrap; } @media screen and(-webkit-min-device-pixel-ratio:0) {#message-items td.subject { margin-top: 0; } } #message-items td.noreply { display: block; line-height: 22px; } #message-items .subject a em { font-size: 11px; font-weight: normal; } #message-items td.subject a span { font-size: 10px; font-weight: normal; } #message-items td.date { font-size: 11px; line-height: 28px; margin-right: 25px; padding-top: 10px; } #message-items .date { width: 175px; } #message-items td.delete { padding-top: 15px; text-align: center; width: 30px; } #message-items .delete { width: 30px; } #message-table-bottom { margin-bottom: 10px; padding: 8px 25px 8px 0; text-align: right; } #message-actions { float: right; width: auto; } #message-actions li { display: inline; float: left; } #message-actions li a { display: block; margin-top: 5px; } #message-actions li select { margin-bottom: 0; } #message-actions li span { float: left; margin: 5px 8px 0 0; } .lightbox-content-box { background-color: yellow; } .upload-entity-list li .upload-preview { float: left; margin-right: 10px; } .upload-entity-list li .edit-upload-info { float: left; width: 360px; } .upload-entity-list li .upload-permissions { float: right; } #blog-create-upload { margin: 10px 0; } .inline-upload h2 { margin-top: 0; } .activity-list li { border-bottom-style: solid; border-bottom-width: 0; margin: 0 0 8px 0; padding-bottom: 3px; } .activity-list .activity-delete { display: none; width: 15px; height: 16px; float: right; text-align: right; } .activity-list li .activity-delete { display: none; } .activity-list li:hover .activity-delete { display: block; } .activity-text { font-size: 12px; padding: 5px!important; } .activity-text a { font-weight: normal; } .activity-icon { float: left; margin-right: 6px; border: 0; width: 24px; height: 24px; padding: 2px 0 0 2px; } .activity-when,.activity-delete { float: right; text-align: right; width: 80px; font-size: 11px; } .activity-text blockquote { width: 70%; font-size: 13px; padding: 8px 0 8px 10px; margin: 0 50px 0 0; float: left; } .activity-when { float: right; } .activity-when,.activity-delete { filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; } .activity-picture { float: right; padding-top: 3px; } .activity-pictures { margin-left: 10px; } .activity-list .video-photo { width: 120px; overflow-x: hidden; display: block; } .activity-list div.video_thumb { background-image: url(/icons/custom/no-video.png); } .activity-list div.video_thumb,.activity-list div.video_thumb img { float: left; height: 90px; position: relative; width: 120px; padding: 4px 0 4px 0; } .activity-list div.video_thumb:hover div.play_button { background: url(/icons/mini_play.png); background-repeat: no-repeat; position: absolute; opacity: .8; left: 0; top: 0; width: 24px; height: 24px; } .activity-list div.video_thumb div.video_duration { background-color: #000; filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity: .6; padding: 0 2px 1px; height: 12px; position: absolute; right: 1px; top: 76px; font-size: 10px; color: #FFF; } .activity-list .video-desc { margin-left: 10px; } .activity-list h3 { font-weight: bold; font-size: 13px; padding-top: 4px; } div#videos-list,div#photos-list { min-height: 800px; } .pagination { padding-bottom: 5px; font-size: 12px; } .pagination-desc { float: left; padding-top: 3px; } .pagination-desc strong,.pagination-links strong { font-weight: bold; } .pagination-links { float: right; padding: 0!important; } .pagination-links li { display: inline; font-weight: bold; float: left; height: 16px; } .pagination-links li.nav-selected { border-style: solid; padding: 1px 4px 0!important; border-width: 2px; } .pagination-links li.nav { border: none; padding: 3px 4px 0!important; } .arrow-left { display: block; height: 75px; float: left; text-align: center; width: 30px; } .arrow-right { display: block; height: 75px; float: right; text-align: center; width: 30px; } .picture-carousel .arrow-left,.picture-carousel .arrow-right { height: 45px; padding-top: 26px; } .picture-carousel .arrow-left { margin-right: 5px; } .buttons a,.buttons button { display: block; margin: 0 7px 0 0; background-color: #f5f5f5; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: normal; color: #565656; cursor: pointer; padding: 5px 10px 6px 7px; } .buttons button { width: auto; padding: 4px 10px 3px 7px; } #sb-signup .buttons a,#sb-signup .buttons { white-space: normal!important; } .buttons button[type] { padding: 5px 10px 5px 7px; line-height: 17px; } *:first-child+html button[type] { padding: 4px 10px 3px 7px; } .buttons button img,.buttons a img { margin: 0 3px -3px 0!important; padding: 0; border: none; width: 16px; height: 16px; } button:hover,.buttons a:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #369; } .buttons a:active { background-color: #6299c5; border: 1px solid #6299c5; color: #fff; } button.positive,.buttons a.positive { color: #529214; } .buttons a.positive:hover,button.positive:hover { background-color: #E6EFC2; border: 1px solid #C6D880; color: #529214; } .buttons a.positive:active { background-color: #529214; border: 1px solid #529214; color: #fff; } .buttons a.negative,button.negative { color: #d12f19; } .buttons a.negative:hover,button.negative:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; } .buttons a.negative:active { background-color: #d12f19; border: 1px solid #d12f19; color: #fff; } #overlay { background-color: #000; height: 500px; left: 0; position: absolute; top: 0; width: 100%; z-index: 100; } #lightbox { color: #222; left: 0; line-height: 18px; position: absolute; text-align: left; width: 100%; z-index: 101; } #lightbox-close-button a { background-image: url('http://static.sgcdn.net/icons/lightbox-close.png'); background-position: left top; background-repeat: no-repeat; cursor: pointer; display: block; height: 25px; left: -11px; text-indent: -9999px; position: absolute; top: -11px; width: 25px; z-index: 999; } #outer-container { background-color: #FFF; border: 1px solid #000; margin: 0 auto; padding: 5px; position: relative; width: 600px; } #inner-container { display: block; padding: 2px; } .action-inform { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333; margin-bottom: 10px; padding: 10px; text-align: center; } .action-alert { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333; margin-bottom: 10px; padding: 10px; text-align: center; } .action-alert a { color: #000!important; } .action-error { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333; margin-bottom: 10px; padding: 10px; text-align: center; } .admin-note { background-color: #f2feed; border: 1px solid #9dcf87; padding: 5px; font-size: 12px; color: #222; text-align: center; margin: 10px; } .admin-note a { color: black; } .left { float: left; } .hide { display: none; } .icon { float: left; margin-right: 5px; } .icon-wrong { left: -4px; position: relative; top: -7px; } .more { float: right; font-size: 11px; font-family: "Helvetica Neue",Tahoma,Helvetica,Arial,sans-serif; font-weight: bold; text-transform: uppercase; } .more_rss { float: left; font-size: 11px; font-family: "Helvetica Neue",Tahoma,Helvetica,Arial,sans-serif; font-weight: bold; text-transform: uppercase; } .more_rss img { margin: 2px 5px -2px 0; } .status-online { color: green; margin-right: 5px; } .status-away { color: orange; margin-right: 5px; } .status-kick { color: #c00; margin-right: 5px; } .photo { border-style: solid; border-width: 0; } .activity-list .photo { border: 0 0 0 0!important; margin: 10px 5px; width: 75px; height: 75px; } .site-help { background-color: #bce4ff; border: 1px solid #458AC3; color: #333; padding: 5px; text-align: left; font-size: 11px; margin-left: -9px; } .thumbnail { height: 20px; width: 20px; } .clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .clearfix { display: inline-block; } .clearfix { display: block; } ul.widget-list { margin-top: -4px; clear: both; } .widget-list li { border-bottom: 1px solid; padding: 3px 0 3px 0; } .widget-list li.group-list-item { border-bottom: none; width: 56px; height: 53px; } #sidebar .widget-list li.group-list-item { width: 55px; height: 53px; } .widget-list li:first { padding-top: 0; } .widget-footer { margin: 4px 0 4px 0; clear: both; } .widget-footer a { text-align: right; font-size: 12px; padding: 4px 4px 0 0; display: block; text-transform: capitalize!important; } .forum-list-title { margin: 0 0 4px 18px!important; font-size: 13px; padding-top: 1px; text-align: left; float: none!important; } .forum-list-item img { float: left; padding-top: 2px; } .forum-list-time { float: right; font-size: 10px; line-height: 15px; text-align: left; } #sidebar .forum-list-time { display: none; } .forum-list-message { font-size: 10px; text-align: left; } ul.minor-options li a { font-size: 10px!important; padding: 7px 0 5px 8px; } .group-forum-list-item { padding-bottom: 10px; } .group-forum-list-item img { float: left; margin: 4px; } .group-forum-list-title { font-size: 14px; float: left; width: 280px; } .group-forum-list-time { float: right; font-size: 10px; width: 170px; text-align: right; } .welcome-list-title { margin-bottom: 1px; font-size: 12px; text-align: left; padding-top: 0; min-height: 32px; margin: 0 0 0 38px!important; float: none!important; } .welcome-list img { float: left; margin-top: 3px; } li.welcome-list { margin: 5px 0 0 0; padding: 0 0 5px 0; } .magazine-list-avatar { float: left; width: 36px; padding: 2px 0 2px 0; } .magazine-list-title { margin-bottom: 1px; font-size: 12px; padding-top: 1px; margin-left: 38px!important; float: none!important; width: auto!important; } .magazine-list img { float: left; } .magazine-list-author { font-size: 10px!important; margin-left: 38px!important; width: auto!important; float: none!important; } .magazine-list-clip { font-size: 10px!important; margin-left: 38px!important; width: auto!important; float: none!important; } .magazine-authors .magazine-list-title,.magazine-authors .magazine-list-author { width: 120px; } .three,.four { font-size: 12px; } .entity-list img { padding: 2px; } .birthday-list-item { font-size: 12px!important; } .birthday-list-item img { float: left; } .birthday-list-info { margin-left: 20px; } .news-list-item { padding: 3px 0 3px 0; } .news-list-title { margin-bottom: 2px; font-size: 12px; padding-top: 1px; } .news-list-item img { float: right; padding-top: 5px; } .news-list-time { font-size: 9px; text-align: right; } li.featured-member-item { width: 139px; padding: 0 0 5px 0; margin-left: 10px; border-bottom: 0; margin-top: 10px; } li.featured-member-item a:hover { text-decoration: none; } li.featured-member-item:first { margin-left: -4px; } li.featured-member-item div { padding: 4px 5px 3px 3px; width: 140px; } li.featured-member-item div a { font-size: 13px; font-weight: bold; white-space: nowrap; width: 149px; overflow: hidden; } li.featured-member-item div span { font-size: 11px; } ul.featured-members { margin: 2px 0 2px 2px; } .photo-info { float: left; margin-top: 4px; width: 440px; } .photo-info h3 { font-size: 16px; line-height: 26px; margin-bottom: 5px; } .photo-info h3 strong { font-weight: bold; } .photo-info-links { font-size: 12px; } #photo-single { min-height: 600px; } #photo-single .photos-list { float: right; width: 300px; } #photo-single .photos-list li { float: left; height: 54px; margin: 0 0 0 5px; width: 54px; } .photo-single-image { padding: 10px; text-align: center; min-height: 100px; width: 726px; } .photo-single-image canvas#loading { float: none; right: 0; } .photo-single-description { float: left; width: 515px; } .photo-single-interact { float: right; width: 225px; } .photo-single-bottom { margin-top: 10px; } .photo-single-info { font-size: 12px; text-align: center; width: 230px; margin-left: 10px; overflow: hidden; } .photo-single-comments { float: left; width: 515px; } .photos-album-list,.album-list { padding: 3px; text-align: center; } .photos-album-list li,.album-list li { float: left; width: 134px; height: 162px; margin: 4px; padding: 1px; } .photos-album-list li,.album-list li { position: relative; } .photos-album-list li { height: 170px; font-size: 10px; } .photos-album-list .moderate-block { background-color: #EDEDED; height: 16px; opacity: .8; padding: 2px; float: left; top: 1px; width: 134px; } .photos-album-list .moderate-block img { width: 16px; height: 16px; } #photo-album .pagination { width: 726px; } .photo { border: 0 solid; } .tagcloud .tag-icon { float: left; padding: 0 5px 3px 3px; } .tagcloud div { float: right; width: 94%; font-size: 12px; } .edit-profile-photo { margin-bottom: 10px; } #edit-profile-aboutme h4 { font-size: 16px; font-weight: bold; margin-bottom: 5px; text-align: left; } .edit-profile-photo h5 { border-bottom: 2px solid #000; font-size: 15px; font-weight: bold; margin-bottom: 10px; padding-bottom: 2px; width: 450px; } .edit-profile-photo .grid-left { margin-top: 10px; text-align: center; width: 250px; } .edit-profile-photo span { font-size: 11px; margin-bottom: 10px; } .edit-profile-photo .grid-right { width: 460px; } .edit-photo-upload-picture,.edit-photo-choose-default,.edit-photo-remove-picture { margin-bottom: 10px; padding: 5px; } #profile-albums .arrow-left,#profile-albums .arrow-right { padding-top: 65px; } #profile-friends-list .arrow-left,#profile-friends-list .arrow-right { padding-top: 52px; } .edit-photo-choose-default .arrow-left,.edit-photo-choose-default .arrow-right { margin-top: 30px; } #profile-interact li { float: left; } #profile-interact li a { border-style: solid; border-width: 1px; cursor: pointer; display: block; float: left; font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif; font-size: 100%; line-height: 130%; margin-right: 7px; padding: 5px 7px 6px 7px; text-decoration: none; } #profile-interact li a img { border: none; height: 16px; margin: 0 5px -3px 0; padding: 0; width: 16px; } .event-smallinfo { height: 51px; margin-top: 10px; } .event-date { float: left; text-align: center; width: 50px; } .event-smallinfo .month { font-size: 11px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; line-height: 18px; text-transform: uppercase; } .event-smallinfo .day { border-style: solid; border-width: 1px; border-top: none; font-family: Verdana,"Times New Roman",Times,serif; font-size: 30px; line-height: 32px; } .event-smallinfo .name { font-size: 15px; font-weight: bold; margin-left: 60px; } .event-smallinfo .tagline { font-size: 11px; line-height: 15px; margin: 2px 0 0 60px; } .group-top-list li.group-list-item,.group-new-list li.group-list-item { border-bottom-style: solid; border-bottom-width: 1px; margin: 10px 0; padding-bottom: 10px; } .group-list-half .group-list-info { float: left; width: 293px; } .group-list-half .profile-pic { float: left; margin-right: 10px; } .group-list-half .title { font-size: 14px; font-weight: bold; margin-top: 3px; } .group-list-half .tagline { font-size: 11px; line-height: 14px; margin-top: 2px; } .group-list-join { float: right; font-size: 9px; height: 50px; padding: 9px 5px 0 5px; text-align: center; text-transform: uppercase; width: 50px; } .group-list-join strong { font-size: 20px; font-weight: normal; line-height: 25px; letter-spacing: -1px; } .actions { margin: 10px 0 0 30px; } .actions li { font-size: 11px; line-height: 16px; margin: 2px 0 8px 0; padding: 0; } .actions li a img { float: left; } .actions li a span { padding-left: 8px; } .actions li a:hover { text-decoration: none; } .actions li a:hover span { text-decoration: underline; } .countdown { text-align: center; } .countdown li { float: left; margin: 0 10px; } .countdown-days,.countdown-hours,.countdown-minutes,.countdown-seconds { font-family: Futura; font-size: 30px; color: #373737; height: 34px; width: 41px; } .countdown-label { font-size: 11px; } .group-list-item img { float: left; margin-right: 3px; } .invite-list { margin: 0 auto; text-align: left; width: 580px; } .invite-list li { float: left; margin: 5px; width: 180px; } .invite-list li img { float: left; margin-right: 10px; } .invite-list li .invite { margin: 0 auto; margin-top: 12px; } .center { margin: 0 auto; text-align: center; } .tip { background-color: #000; color: #FFF; opacity: .7; padding: 5px; z-index: 13000; } li.invite_friend { float: left; margin-bottom: 3px; height: 20px; width: 240px; } li.invite_friend div.left img { width: 20px; height: 20px; } li.invite_friend input#invitations { margin: 0 9px 0 0; } textarea#external-invite-emails { height: 45px; width: 450px; } .lastupdated { display: none; } .entry-body { padding: 0; margin: 0; } .entry-body td { overflow: visible; overflow-x: inherit; text-overflow: inherit; padding: 3px; } .entry-body table,.entry-body td { vertical-align: top!important; } .entry-body br { padding-bottom: 10px; } #profile-interact ul li { margin-bottom: 5px; } #welcome-page th { font-size: 20px; padding: 10px 0 20px 0; } #welcome-page table th { border-bottom-style: solid; border-bottom-width: 1px; font-size: 18px; padding: 10px 0 5px 0; text-align: left; } #welcome-left img { border-style: solid; border-width: 1px; padding: 4px; } #welcome-list tr { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 10px; } #welcome-list tr.button { border: none; padding-bottom: 10px; } #what-now { background-color: #FFF9D7; color: #333; } #what-now h3 { border-bottom: none; padding: 8px 0 8px 0; font-size: 21px; } #what-now .title,#what-now .desc { width: 163px; float: right; } #what-now .icon { float: left; width: 32px; padding-right: 3px; } #what-now-list li { background-color: #fdf2b4; padding: 13px 15px 13px 10px; margin: 5px 10px 15px 0; -moz-border-radius: 5px!important; -webkit-border-radius: 5px!important; } #what-now-list li.close { font-size: 13px; padding: 5px 10px 0 0; text-align: right
URL: http://static.socialgo.com/css/gen/snm-pack.css.v4011546