/* FRUIT styles from Bootstrap v1.3.0 * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 */ html, body {margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; } table {border-collapse: collapse; border-spacing: 0; } ol, ul {list-style: none; } q:before, q:after, blockquote:before, blockquote:after {content: ""; } html {overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus {outline: thin dotted; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; } audio, canvas, video {display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) {display: none; } sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup {top: -0.5em; } sub {bottom: -0.25em; } img {border: 0; -ms-interpolation-mode: bicubic; } input, button, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input {line-height: normal; *overflow: visible; } button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button; } input[type="search"] {-webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; } textarea {overflow: auto; vertical-align: top; } /* Preboot.less * Variables and mixins to pre-ignite any new web development project * ------------------------------------------------------------------ */ .clearfix {zoom: 1; } .clearfix:before, .clearfix:after {display: table; content: ""; } .clearfix:after {clear: both; } .center-block {display: block; margin: 0 auto; } .container {width: 960px; margin: 0 auto; zoom: 1; } .container:before, .container:after {display: table; content: ""; } .container:after {clear: both; } html, body {background-color: #fff; } body {margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 18px; color: #333333; } a {color: #3366cc; text-decoration: none; line-height: inherit; font-weight: inherit; } a:hover { text-decoration: underline; } .pull-right {float: right; } .pull-left {float: left; } .centered {text-align: center; } .middle {vertical-align: middle; } .hide {display: none; } .show {display: block; } .truncate {position: relative; white-space:nowrap; } .clip-fade {background: url(https://secureimage.securedataimages.com/images/common/others/fruit_sprite05.png) no-repeat; background-position: -176px -512px; height:18px; width:22px; top:0; right:0; position: absolute; } /* * Grid Scaffolding * Basic and global styles for generating a grid system, structural layout, and page templates * ------------------------------------------------------------------------------------------- */ .grid_row {float: left; } .grid_row .span1, .grid_row .span2, .grid_row .span3, .grid_row .span4, .grid_row .span5, .grid_row .span6, .grid_row .span7, .grid_row .span8, .grid_row .span9, .grid_row .span10, .grid_row .span12 {_display: inline; float: left; margin: 0 10px; position: relative; } .grid_row .span1 {width: 60px; } .grid_row .span2 {width: 140px; } .grid_row .span3 {width: 220px; } .grid_row .span4 {width: 300px; } .grid_row .span5 {width: 380px; } .grid_row .span6 {width: 460px; } .grid_row .span7 {width: 540px; } .grid_row .span8 {width: 620px; } .grid_row .span9 {width: 700px; } .grid_row .span10 {width: 780px; } .grid_row .span11 {width: 860px; } .grid_row .span12 {width: 940px; } /* * Grid >> Nested/Child Rows - adjustment to margins * Use the "grid_row_child" class for the child row OR alpha/omega for the first/last cells of the row * Alpha ~ First, Omega ~ Last - removes left/right margins from first/last cell of nested row * ------------------------------------------------------------------------------------------- */ .grid_row_child {float: left; margin: 0 -10px; } .grid_row .alpha {margin-left: 0; margin-left: 0; } .grid_row .omega {margin-right: 0; } /* SECTIONS */ .section h2, .section .content {*zoom: 1; } .section h2:before, .section .content:before, .section h2:after, .section .content:after {content: "."; display: block; height: 0; overflow: hidden; } .section h2:after, .section .content:after {clear: both; } .section {clear: both; margin-bottom: 15px; } .section.two {padding: 10px; background: #EDEDED; } .section.three {border: 1px solid #C6C6C6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .section h2 {margin-bottom: 3px; line-height: 18px; padding-bottom: 3px; font-size: 14px; border-bottom: 1px solid #C6C6C6; } .section h2 a {font-weight: inherit; } .section.two h2 {margin-bottom: 10px; padding: 0; border: none; } .section.three h2 {margin: 0; padding: 5px 10px; background: #EDEDED; border-bottom: 1px solid #C6C6C6; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .section.three .content {padding: 5px 10px; } /* END SECTIONS */ /* Member Cells*/ .member_list {margin: 0 -8px; *zoom: 1; } .member_list .cell {float: left; margin: 0 7px 10px 8px; width: 104px; } .member_list .thumb {display: block; position: relative; width: 100px; height: 100px; border: 2px solid #E9E9E9; } .member_list .thumb:hover {border: 2px solid #666666; } .member_list .thumb_cover {position: absolute; top: 0; left: 0; width: 100px; height: 100px; } .member_list .thumb_cover:hover span {text-decoration: underline; } .member_list img {width: 100px; height: 100px; } .member_list .censored, .member_list .click_to_view, .member_list .no_photo_text, .member_list .upload_your_photo, .member_list .photo_request_sent, .member_list .ask_for_photo {display: block; position: absolute; top: 40%; left: 0; padding: 0 3px; width: 94px; text-align: center; } .member_list .album {position: absolute; top: 0; left: 0; width: 104px; height: 104px; background: url(https://secureimage.securedataimages.com/images/common/others/fruit_album.png) no-repeat; } .member_list .play {position: absolute; bottom: 30px; left: 40px; width: 25px; height: 21px; background: url(https://secureimage.securedataimages.com/images/common/play_button.png) no-repeat; } .member_list .hd_icon {display: block; position: absolute; bottom: 2px; left: 2px; width: 24px; height: 8px; background: url(https://secureimage.securedataimages.com/images/common/hd.png) no-repeat; } .member_list .vote {padding-left: 3px; } .member_list ul, .member_list li {margin: 0; list-style: none; text-align: center; overflow: hidden; } .member_list .age, .member_list .gender {display: inline-block; } .member_list .age:after {content: '/'; } .member_list.videos .thumb {margin-bottom: 5px; } .member_list.videos .thumb, .member_list.webcams .thumb, .member_list.models .thumb, .member_list.videos img, .member_list.webcams img, .member_list.models img {height: 76px; } .member_list.albums .thumb {border: none; } .member_list.models .icon {width: 12px; height: 12px; background: url(https://secureimage.securedataimages.com/images/cams/12x12cam.gif) no-repeat; float: none; margin: 0; } /* float and margin are hacks to reset bad code used on the notification bar (template:hover_bar) */ .s00, .s05, .s10, .s15, .s20, .s25, .s30, .s35, .s40, .s45, .s50 {position: relative; margin: 0 auto; width: 100px; height: 18px; overflow: hidden; } .vote_star[score="10"], .vote_star[score="10"], .voted_this_star[score="10"] {width: 100px; } .vote_star[score="8"], .vote_star[score="8"], .voted_this_star[score="8"] {width: 80px; } .vote_star[score="6"], .vote_star[score="6"], .voted_this_star[score="6"] {width: 60px; } .vote_star[score="4"], .vote_star[score="4"], .voted_this_star[score="4"] {width: 40px; } .vote_star[score="2"], .vote_star[score="2"], .voted_this_star[score="2"] {width: 20px; } .s00, .s05, .s10, .s15, .s20, .s25, .s30, .s35, .s40, .s45, .s50, a.vote_star:hover, a.voted_this_star {background: url(https://secureimage.securedataimages.com/images/ffadult/vod/vod_pages/star_sprite.gif) no-repeat; } .s00 {background-position: -100px 1px; } .s05 {background-position: -80px -17px; } .s10 {background-position: -80px 1px; } .s15 {background-position: -60px -17px; } .s20 {background-position: -60px 1px; } .s25 {background-position: -40px -17px; } .s30 {background-position: -40px 1px; } .s35 {background-position: -20px -17px; } .s40 {background-position: -20px 1px; } .s45 {background-position: 0px -17px; } .s50 {background-position: 0px 1px; } a.vote_star {display: block; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } a.voted_star {display: block; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } a.voted_this_star {display: block; position: absolute; top: 0; left: 0; margin: 0; padding: 0; background-position: 0 -35px; } a.vote_star img {width: 20px; height: 19px; border: 0; } a.voted_star img {width: 20px; height: 19px; border: 0; } a.voted_this_star img {width: 20px; height: 19px; border: 0; } a.vote_star:hover {background-position: 0 -53px; } .social_list .cell {float: left; margin-bottom: 10px; width: 50%; overflow: hidden; } .social_list .thumb {display: block; float: left; margin-right: 10px; width: 48px; height: 48px; border: 2px solid #E9E9E9; } .social_list .thumb:hover {border: 2px solid #666666; } .social_list img {width: 48px; height: 48px; } .social_list ul {margin: 0; list-style: none; } .social_list.blogs ul, .social_list.groups ul {margin-left: 62px; } .social_list .handle, .social_list .age, .social_list .gender {display: inline; } .social_list .handle:after {content: ', '; } .social_list .age:after {content: '/'; } .social_list .age {margin-right: -2px; } .social_list .name, .social_list .chatting, .social_list .join, .social_list .posts, .social_list .followers {font-weight: bold; } /* Typography.less * Headings, body text, lists, code, and more for a versatile and durable typography system * ---------------------------------------------------------------------------------------- */ p {font-size: 13px; font-weight: normal; line-height: 18px; margin-bottom: 9px; } p small {font-size: 11px; color: #bfbfbf; } h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #000000; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {color: #bfbfbf; } h1 {margin-bottom: 18px; font-size: 30px; line-height: 36px; } h1 small {font-size: 18px; } h2 {font-size: 24px; line-height: 36px; } h2 small {font-size: 14px; } h3, h4, h5, h6 {line-height: 36px; } h3 {font-size: 18px; } h3 small {font-size: 14px; } h4 {font-size: 16px; } h4 small {font-size: 12px; } h5 {font-size: 14px; } h6 {font-size: 13px; color: #bfbfbf; text-transform: uppercase; } /* ul, ol {margin: 0 0 18px 25px; } ul ul, ul ol, ol ol, ol ul {margin-bottom: 0; } ul {list-style: disc; } ol {list-style: decimal; } */ li {line-height: 18px; color: #333333; } ul.unstyled {list-style: none; margin-left: 0; } dl {margin-bottom: 18px; } dl dt, dl dd {line-height: 18px; } dl dt {font-weight: bold; } dl dd {margin-left: 9px; } hr {margin: 20px 0 19px; border: 0; border-bottom: 1px solid #eee; } strong {font-style: inherit; font-weight: bold; } em {font-style: italic; font-weight: inherit; line-height: inherit; } .muted {color: #bfbfbf; } blockquote {margin-bottom: 18px; border-left: 5px solid #eee; padding-left: 15px; } blockquote p {font-size: 14px; font-weight: 300; line-height: 18px; margin-bottom: 0; } blockquote small {display: block; font-size: 12px; font-weight: 300; line-height: 18px; color: #bfbfbf; } blockquote small:before {content: '\2014 \00A0'; } address {display: block; line-height: 18px; margin-bottom: 18px; } code, pre {padding: 0 3px 2px; font-family: Monaco, Andale Mono, Courier New, monospace; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code {background-color: #fee9cc; color: rgba(0, 0, 0, 0.75); padding: 1px 3px; } pre {background-color: #f5f5f5; display: block; padding: 17px; margin: 0 0 18px; line-height: 18px; font-size: 12px; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } span.small {font-size: 11px; } /* Forms.less * Base styles for various input types, form layouts, and states * ------------------------------------------------------------- */ .form-default, .form-stacked, .form-inline {margin-bottom: 18px; } .form-default fieldset, .form-stacked fieldset, .form-inline fieldset {margin-bottom: 18px; padding-top: 18px; } .form-default fieldset legend, .form-stacked fieldset legend {display: block; margin-left: 150px; font-size: 20px; line-height: 1; *margin: 0 0 5px 145px; /* IE6-7 */ *line-height: 1.5; /* IE6-7 */ } form .clearfix {margin:4px 0; padding:4px 0; zoom: 1; } form .clearfix:before, form .clearfix:after {display: table; content: ""; zoom: 1; *display: inline; } form .clearfix:after {clear: both; } label, input, select, textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: normal; } .form-default label, .form-stacked label, .form-inline label {padding-top: 2px; font-size: 13px; line-height: 18px; float: left; width: 130px; text-align: right; color: #404040; } .form-default .input, .form-stacked .input {margin:0 0 12px 150px; } input[type=checkbox], input[type=radio] {cursor: pointer; } .form-default input, .form-default textarea, .form-default select, .form-stacked input, .form-stacked textarea, .form-stacked select, .form-inline input, .form-inline textarea, .form-inline select, .uneditable-input {display: inline-block; width: 210px; height: 18px; padding: 2px; font-size: 13px; line-height: 18px; color: #333333; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .form-default select { width:auto; } /* mini reset for non-html5 file types */ .form-default input[type=checkbox], .form-default input[type=radio], .form-stacked input[type=checkbox], .form-stacked input[type=radio], .form-inline input[type=checkbox], .form-inline input[type=radio] {width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; /* IE6-7 */ line-height: normal; border: none; } input[type=file] {background-color: #ffffff; padding: initial; border: initial; line-height: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input[type=button], input[type=reset], input[type=submit] {width: auto; height: auto; } .form-default select, .form-default input[type=file], .form-stacked select, .form-stacked input[type=file], .form-inline select, .form-inline input[type=file] {height: 22px; line-height: 22px; *margin-top: 4px; /* For IE7, add top margin to align select with labels */ } select[multiple] {height: inherit; } .form-default textarea, .form-stacked textarea {height: auto; } .uneditable-input {background-color: #ffffff; display: block; border-color: #eee; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; } :-moz-placeholder {color: #bfbfbf; } ::-webkit-input-placeholder {color: #bfbfbf; } .form-default input, .form-default textarea, .form-stacked input, .form-stacked textarea, .form-inline input {-webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } .form-default input:focus, .form-default textarea:focus, .form-stacked input:focus, .form-stacked textarea:focus, .form-inline input:focus {outline: 0; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } input[type=file]:focus, input[type=checkbox]:focus, select:focus {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #666; } form div.clearfix.error {background: transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } form div.clearfix.success {background: #66FF99; padding: 2px 0; margin: 2px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } form div.clearfix.error > label, form div.clearfix.error span.help-inline, form div.clearfix.error span.help-block {color: #404040; } form div.clearfix.error input, form div.clearfix.error textarea, form div.clearfix.error select {border-color: #c87872; -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); } form div.clearfix.error input:focus, form div.clearfix.error textarea:focus {border-color: #b9554d; -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); } .input-mini, input.mini, textarea.mini, select.mini {width: 60px; } .input-small, input.small, textarea.small, select.small {width: 90px; } .input-medium, input.medium, textarea.medium, select.medium {width: 150px; } .input-large, input.large, textarea.large, select.large {width: 210px; } .input-xlarge, input.xlarge, textarea.xlarge, select.xlarge {width: 270px; } .input-xxlarge, input.xxlarge, textarea.xxlarge, select.xxlarge {width: 530px; } textarea.xxlarge {overflow-y: auto; } input.span1, textarea.span1, select.span1 {display: inline-block; float: none; width: 60px; margin-left: 0; } input.span2, textarea.span2, select.span2 {display: inline-block; float: none; width: 140px; margin-left: 0; } input.span3, textarea.span3, select.span3 {display: inline-block; float: none; width: 220px; margin-left: 0; } input.span4, textarea.span4, select.span4 {display: inline-block; float: none; width: 300px; margin-left: 0; } input.span5, textarea.span5, select.span5 {display: inline-block; float: none; width: 380px; margin-left: 0; } input.span6, textarea.span6, select.span6 {display: inline-block; float: none; width: 460px; margin-left: 0; } input.span7, textarea.span7, select.span7 {display: inline-block; float: none; width: 540px; margin-left: 0; } input.span8, textarea.span8, select.span8 {display: inline-block; float: none; width: 620px; margin-left: 0; } input.span9, textarea.span9, select.span9 {display: inline-block; float: none; width: 700px; margin-left: 0; } input.span10, textarea.span10, select.span10 {display: inline-block; float: none; width: 780px; margin-left: 0; } input.span11, textarea.span11, select.span11 {display: inline-block; float: none; width: 860px; margin-left: 0; } input.span12, textarea.span12, select.span12 {display: inline-block; float: none; width: 940px; margin-left: 0; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {background-color: #f5f5f5; border-color: #ddd; cursor: not-allowed; } .actions {margin-top: 10px; margin-bottom: 10px; padding: 10px 20px 10px 150px; } .actions .secondary-action {float: right; } .actions .secondary-action a {line-height: 30px; } .actions .secondary-action a:hover {text-decoration: underline; } .help-inline, .help-block {font-size: 11px; line-height: 18px; color: #bfbfbf; } .error .help-inline, .error .help-block { color: #CC0000; } .help-inline {padding-left: 5px; *position: relative; /* IE6-7 */ *top: -5px; /* IE6-7 */ } .help-block {display: block; max-width: 350px; clear: both; height:0 } .help-block p { font-size:11px; padding:1px 0; } .inline-inputs {color: #333333; } .inline-inputs span, .inline-inputs input {display: inline-block; } .inline-inputs input.mini {width: 60px; } .inline-inputs input.small {width: 90px; } .inline-inputs span {padding: 0 2px 0 1px; } .inline-inputs-list, .inputs-list {margin: 0 0 5px; width: 100%; } .inputs-list li {display: block; padding: 0; width: 100%; } .inputs-list li.inline {width: auto; display: inline; float: left; margin-right: 20px; } .inputs-list label {display: block; float: none; width: auto; padding: 0; line-height: 18px; text-align: left; white-space: normal; } .inputs-list label strong {color: #333333; } .inputs-list label small {font-size: 11px; font-weight: normal; } .inputs-list .inputs-list {margin-left: 25px; margin-bottom: 10px; padding-top: 0; } .inputs-list:first-child {padding-top: 6px; } .inputs-list li + li {padding-top: 2px; } .inputs-list input[type=radio], .inputs-list input[type=checkbox] {margin-bottom: 0; } .inline-inputs-list label {float: left; } .form-stacked {padding-left: 20px; } .form-stacked fieldset {padding-top: 9px; } .form-stacked fieldset legend {margin-left: 0; } .form-stacked label {display: block; float: none; width: auto; font-weight: bold; text-align: left; line-height: 20px; padding-top: 0; } .form-stacked .clearfix {margin-bottom: 9px; } .form-stacked .clearfix div.input {margin-left: 0; } .form-stacked .inputs-list {margin-bottom: 0; } .form-stacked .inputs-list li {padding-top: 0; } .form-stacked .inputs-list li label {font-weight: normal; padding-top: 0; } .form-stacked div.clearfix.error {padding-top: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 0; margin-left: -10px; } .form-stacked .actions {margin-left: -20px; padding-left: 20px; } .form-inline .clearfix, .form-inline fieldset {clear: none; float: left; margin: 0; padding: 0; } .form-inline fieldset {padding-top: 2px; } .form-inline label {width: auto; margin-right: 5px; } .form-inline .input {float: left; margin-right: 15px; } .form-inline .actions {padding: 0; margin: 0; } .form-inline button {} /* * Tables.less * Tables for, you guessed it, tabular data * ---------------------------------------- */ .table-default {width: 100%; margin-bottom: 18px; padding: 0; border-collapse: separate; *border-collapse: collapse; font-size: 13px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-default th, .table-default td {padding: 10px 10px 9px; line-height: 18px; text-align: left; } .table-default th {padding-top: 9px; font-weight: bold; vertical-align: middle; border-bottom: 1px solid #ddd; } .table-default td {vertical-align: top; } .table-default th + th, .table-default td + td {border-left: 1px solid #ddd; } .table-default tr + tr td {border-top: 1px solid #ddd; } .table-default tbody tr:first-child td:first-child {-webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; } .table-default tbody tr:first-child td:last-child {-webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } .table-default tbody tr:last-child td:first-child {-webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } .table-default tbody tr:last-child td:last-child {-webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; } .zebra-striped tbody tr:nth-child(odd) td {background-color: #f9f9f9; } .zebra-striped tbody tr:hover td {background-color: #f5f5f5; } .zebra-striped .header {cursor: pointer; } .zebra-striped .header:after {content: ""; float: right; margin-top: 7px; border-width: 0 4px 4px; border-style: solid; border-color: #000 transparent; visibility: hidden; } .zebra-striped .headerSortUp, .zebra-striped .headerSortDown {background-color: rgba(141, 192, 219, 0.25); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } .zebra-striped .header:hover:after {visibility: visible; } .zebra-striped .headerSortDown:after, .zebra-striped .headerSortDown:hover:after {visibility: visible; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; } .zebra-striped .headerSortUp:after {border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000; visibility: visible; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; } .table-default .blue {color: #049cdb; border-bottom-color: #049cdb; } .table-default .headerSortUp.blue, .table-default .headerSortDown.blue {background-color: #ade6fe; } .table-default .green {color: #46a546; border-bottom-color: #46a546; } .table-default .headerSortUp.green, .table-default .headerSortDown.green {background-color: #cdeacd; } .table-default .red {color: #9d261d; border-bottom-color: #9d261d; } .table-default .headerSortUp.red, .table-default .headerSortDown.red {background-color: #f4c8c5; } .table-default .yellow {color: #ffc40d; border-bottom-color: #ffc40d; } .table-default .headerSortUp.yellow, .table-default .headerSortDown.yellow {background-color: #fff6d9; } .table-default .orange {color: #f89406; border-bottom-color: #f89406; } .table-default .headerSortUp.orange, .table-default .headerSortDown.orange {background-color: #fee9cc; } .table-default .purple {color: #7a43b6; border-bottom-color: #7a43b6; } .table-default .headerSortUp.purple, .table-default .headerSortDown.purple {background-color: #e2d5f0; } /* Patterns.less * Repeatable UI elements outside the base styles provided from the scaffolding * ---------------------------------------------------------------------------- */ .topbar {height: 40px; position: fixed; top: 0; left: 0; right: 0; z-index: 10000; overflow: visible; } .topbar a {color: #bfbfbf; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .topbar h3 a:hover, .topbar .brand a:hover, .topbar ul .active > a {background-color: #333; background-color: rgba(255, 255, 255, 0.05); color: #ffffff; text-decoration: none; } .topbar h3 {position: relative; } .topbar h3 a, .topbar .brand {float: left; display: block; padding: 8px 20px 12px; margin-left: -20px; color: #ffffff; font-size: 20px; font-weight: 200; line-height: 1; } .topbar p {margin: 0; line-height: 40px; } .topbar p a:hover {background-color: transparent; color: #ffffff; } .topbar form {float: left; margin: 5px 0 0 0; position: relative; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .topbar form.pull-right {float: right; } .topbar input {background-color: #444; background-color: rgba(255, 255, 255, 0.3); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: normal; font-weight: 13px; line-height: 1; padding: 4px 9px; color: #ffffff; color: rgba(255, 255, 255, 0.75); border: 1px solid #111; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .topbar input:-moz-placeholder {color: #e6e6e6; } .topbar input::-webkit-input-placeholder {color: #e6e6e6; } .topbar input:hover {background-color: #bfbfbf; background-color: rgba(255, 255, 255, 0.5); color: #ffffff; } .topbar input:focus, .topbar input.focused {outline: 0; background-color: #ffffff; color: #404040; text-shadow: 0 1px 0 #ffffff; border: 0; padding: 5px 10px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } .topbar-inner, .topbar .fill {background-color: #222; background-color: #222222; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); background-image: -moz-linear-gradient(top, #333333, #222222); background-image: -ms-linear-gradient(top, #333333, #222222); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); background-image: -webkit-linear-gradient(top, #333333, #222222); background-image: -o-linear-gradient(top, #333333, #222222); background-image: linear-gradient(top, #333333, #222222); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); } .topbar div > ul, .nav {display: block; float: left; margin: 0 10px 0 0; position: relative; left: 0; } .topbar div > ul > li, .nav > li {display: block; float: left; } .topbar div > ul a, .nav a {display: block; float: none; padding: 10px 10px 11px; line-height: 19px; text-decoration: none; } .topbar div > ul a:hover, .nav a:hover {color: #ffffff; text-decoration: none; } .topbar div > ul .active > a, .nav .active > a {background-color: #222; background-color: rgba(0, 0, 0, 0.5); } .topbar div > ul.secondary-nav, .nav.secondary-nav {float: right; margin-left: 10px; margin-right: 0; } .topbar div > ul.secondary-nav .menu-dropdown, .nav.secondary-nav .menu-dropdown, .topbar div > ul.secondary-nav .dropdown-menu, .nav.secondary-nav .dropdown-menu {right: 0; border: 0; } .topbar div > ul a.menu:hover, .nav a.menu:hover, .topbar div > ul li.open .menu, .nav li.open .menu, .topbar div > ul .dropdown-toggle:hover, .nav .dropdown-toggle:hover, .topbar div > ul .dropdown.open .dropdown-toggle, .nav .dropdown.open .dropdown-toggle {background: #444; background: rgba(255, 255, 255, 0.05); } .topbar div > ul .menu-dropdown, .nav .menu-dropdown, .topbar div > ul .dropdown-menu, .nav .dropdown-menu {background-color: #333; } .topbar div > ul .menu-dropdown a.menu, .nav .menu-dropdown a.menu, .topbar div > ul .dropdown-menu a.menu, .nav .dropdown-menu a.menu, .topbar div > ul .menu-dropdown .dropdown-toggle, .nav .menu-dropdown .dropdown-toggle, .topbar div > ul .dropdown-menu .dropdown-toggle, .nav .dropdown-menu .dropdown-toggle {color: #ffffff; } .topbar div > ul .menu-dropdown a.menu.open, .nav .menu-dropdown a.menu.open, .topbar div > ul .dropdown-menu a.menu.open, .nav .dropdown-menu a.menu.open, .topbar div > ul .menu-dropdown .dropdown-toggle.open, .nav .menu-dropdown .dropdown-toggle.open, .topbar div > ul .dropdown-menu .dropdown-toggle.open, .nav .dropdown-menu .dropdown-toggle.open {background: #444; background: rgba(255, 255, 255, 0.05); } .topbar div > ul .menu-dropdown li a, .nav .menu-dropdown li a, .topbar div > ul .dropdown-menu li a, .nav .dropdown-menu li a {color: #999; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); } .topbar div > ul .menu-dropdown li a:hover, .nav .menu-dropdown li a:hover, .topbar div > ul .dropdown-menu li a:hover, .nav .dropdown-menu li a:hover {background-color: #191919; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919)); background-image: -moz-linear-gradient(top, #292929, #191919); background-image: -ms-linear-gradient(top, #292929, #191919); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919)); background-image: -webkit-linear-gradient(top, #292929, #191919); background-image: -o-linear-gradient(top, #292929, #191919); background-image: linear-gradient(top, #292929, #191919); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0); color: #ffffff; } .topbar div > ul .menu-dropdown .active a, .nav .menu-dropdown .active a, .topbar div > ul .dropdown-menu .active a, .nav .dropdown-menu .active a {color: #ffffff; } .topbar div > ul .menu-dropdown .divider, .nav .menu-dropdown .divider, .topbar div > ul .dropdown-menu .divider, .nav .dropdown-menu .divider {background-color: #222; border-color: #444; } .topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a {padding: 4px 15px; } li.menu, .dropdown {position: relative; } a.menu:after, .dropdown-toggle:after {width: 0; height: 0; display: inline-block; content: "↓"; text-indent: -99999px; vertical-align: top; margin-top: 8px; margin-left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ffffff; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } .menu-dropdown, .dropdown-menu {background-color: #ffffff; float: left; display: none; position: absolute; top: 40px; z-index: 900; min-width: 160px; max-width: 220px; _width: 160px; margin-left: 0; margin-right: 0; padding: 6px 0; zoom: 1; border-color: #999; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 0 1px 1px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .menu-dropdown li, .dropdown-menu li {float: none; display: block; background-color: none; } .menu-dropdown .divider, .dropdown-menu .divider {height: 1px; margin: 5px 0; overflow: hidden; background-color: #eee; border-bottom: 1px solid #ffffff; } .topbar .dropdown-menu a, .dropdown-menu a {display: block; padding: 4px 15px; clear: both; font-weight: normal; line-height: 18px; color: #808080; text-shadow: 0 1px 0 #ffffff; } .topbar .dropdown-menu a:hover, .dropdown-menu a:hover {background-color: #dddddd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-image: -ms-linear-gradient(top, #eeeeee, #dddddd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(top, #eeeeee, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0); color: #404040; text-decoration: none; -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); } .open .menu, .dropdown.open .menu, .open .dropdown-toggle, .dropdown.open .dropdown-toggle {color: #ffffff; background: #ccc; background: rgba(0, 0, 0, 0.3); } .open .menu-dropdown, .dropdown.open .menu-dropdown, .open .dropdown-menu, .dropdown.open .dropdown-menu {display: block; } .tabs, .pills {margin: 0 0 20px; padding: 0; list-style: none; zoom: 1; } .tabs:before, .pills:before, .tabs:after, .pills:after {display: table; content: ""; zoom: 1; *display: inline; } .tabs:after, .pills:after {clear: both; } .tabs > li, .pills > li {float: left; } .tabs > li > a, .pills > li > a {display: block; } .tabs {float: left; width: 100%; border-bottom: 2px solid #e9e9e9; } .tabs > li {position: relative; top: 2px; } .tabs > li > a {background: #e9e9e9; color: #666666; padding: 0 15px; margin-right: 5px; line-height: 36px; border: 2px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .tabs > li > a:hover {color: #ffffff; text-decoration: none; background: #666666; } .tabs > li.active > a {color: #333333; background-color: #ffffff; border: 2px solid #e9e9e9; border-bottom-color: transparent; font-weight: bold; } .tabs .menu-dropdown, .tabs .dropdown-menu {top: 35px; border-width: 1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .tabs a.menu:after, .tabs .dropdown-toggle:after {border-top-color: #999; margin-top: 15px; margin-left: 5px; } .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle {border-color: #999; } .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {border-top-color: #555; } .tab-content {clear: both; } .pills a {margin: 5px 3px 5px 0; padding: 0 10px; line-height: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /*.pills a:hover {background: #666666; color: #ffffff; text-decoration: none; }*/ .pills .active a {background: #bfbfbf; color: #ffffff; font-weight: bold; } .pills .active a:hover { cursor: default; text-decoration: none; } .tab-content > *, .pill-content > * {display: none; } .tab-content > .active, .pill-content > .active {display: block; } .breadcrumb {margin: 0 0 18px; padding: 7px 14px; } .breadcrumb li {display: inline; text-shadow: 0 1px 0 #ffffff; } .breadcrumb .divider {padding: 0 5px; color: #666666; } .breadcrumb .active a {color: #404040; } footer {margin-top: 17px; padding-top: 17px; border-top: 1px solid #eee; } .page_header {margin: auto 10px 17px 10px; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .page_header h1 {margin-bottom: 8px; } .page_title {margin: auto 10px 17px 10px; } .page_title h1 {margin-bottom: 8px; font-size: 28px; } .close {float: right; color: #000000; font-size: 22px; font-weight: bold; line-height: 14px; text-shadow: 0 1px 0 #ffffff; filter: alpha(opacity=20); -khtml-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; } .close:hover {color: #000000; text-decoration: none; filter: alpha(opacity=40); -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; } .alert-message {position: relative; padding: 7px 15px; margin-bottom: 18px; color: #404040; background-color: #f2e901; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#fdfc88), to(#f2e901)); background-image: -moz-linear-gradient(top, #fdfc88, #f2e901); background-image: -ms-linear-gradient(top, #fdfc88, #f2e901); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfc88), color-stop(100%, #f2e901)); background-image: -webkit-linear-gradient(top, #fdfc88, #f2e901); background-image: -o-linear-gradient(top, #fdfc88, #f2e901); background-image: linear-gradient(top, #fdfc88, #f2e901); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfc88', endColorstr='#f2e901', GradientType=0); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-color: #f2e901; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-width: 1px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); } .alert-message .close {*margin-top: 3px; /* IE7 spacing */ } .alert-message h5 {line-height: 18px; } .alert-message p {margin-bottom: 0; } /*.alert-message div {margin-top: 5px; margin-bottom: 2px; line-height: 28px; }*/ .alert-message .btn {-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .alert-message.block-message {background-image: none; background-color: #fdf5d9; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); padding: 14px; border-color: #fceec1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .alert-message.block-message ul, .alert-message.block-message p {margin-right: 30px; } .alert-message.block-message ul {margin-bottom: 0; } .alert-message.block-message li {color: #404040; } .alert-message.block-message .alert-actions {margin-top: 5px; } .alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info {color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .alert-message.block-message.error {background-color: #fecce5; border-color: #fdb7da; } .alert-message.block-message.success {background-color: #adffdf; border-color: #9feecf; } .alert-message.block-message.info {background-color: #fefd9b; border-color: #eee601; } .well {background-color: #f5f5f5; margin-bottom: 20px; padding: 19px; min-height: 20px; border: 1px solid #eee; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well.dark {background: #666666; } .well blockquote {border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .modal-backdrop {background-color: #000000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; } .modal-backdrop.fade {opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in {filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } .modal { position: fixed; top: 50%; left: 50%; z-index: 11000; width: 560px; margin: -250px 0 0 -250px; } .modal {background-color: #ffffff; border: 3px solid #bfbfbf; *border: 1px solid #bfbfbf; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal .close {margin-top: 7px; } .modal.fade {-webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -ms-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .modal.fade.in {top: 50%; } .modal-header {border-bottom: 1px solid #eee; padding: 5px 15px; text-align: left; } .modal-body {padding: 10px; } .modal-footer {background-color: #f5f5f5; padding: 14px 15px 15px; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; zoom: 1; margin-bottom: 0; } .modal-footer:before, .modal-footer:after {display: table; content: ""; zoom: 1; *display: inline; } .modal-footer:after {clear: both; } .modal-footer .btn {float: right; margin-left: 5px; } .growlUI h1, .growlUI h2 {color: white; padding: 10px; text-align: left; } .tooltip {display: block; position: absolute; visibility: visible; padding: 5px; font-size: 11px; z-index: 1000; width: auto; } .tooltip.fade.in {} .tooltip.above .tooltip-arrow {bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #666666; } .tooltip.left .tooltip-arrow {top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #666666; } .tooltip.below .tooltip-arrow {top: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #666666; } .tooltip.right .tooltip-arrow {top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #666666; } .tooltip-inner {padding: 3px 8px; background-color: #ffffcc; color: #333333; text-align: center; max-width: 200px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px #666 solid; box-shadow: 1px 1px 3px #333333; } .tooltip-arrow {position: absolute; width: 0; height: 0; } .popover {position: absolute; top: -40px; left: 104px; z-index: 1000; padding: 5px; display: none; } .popover.right .arrow {top: 85px; left: -5px; margin-top: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #bfbfbf; } .popover .arrow {position: absolute; width: 0; height: 0; } .popover .inner {background: #bfbfbf; padding: 3px; overflow: hidden; width: 370px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); } .popover .title {background-color: #F8F8F9; font-weight: bold; padding: 9px 15px 0 15px; line-height: 1; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .popover .content {background-color: #F8F8F9; padding: 0 14px 14px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .popover .close {margin: -4px -6px 0 0; } .popover .member_list li, .popover .member_list ul {text-align: left; overflow: initial; } .popover .member_list {margin: 0; } .popover .media_grid {margin-left: -20px; } .popover .media_grid a {margin-bottom: 10px; } .popover .videos .media_grid a {margin-left: 16px; } .popover .member_list img, .popover .member_list .thumb {height: auto; width: auto; } .popover .handle, .popover .age, .popover .gender, .popover .location, .popover .verified {float: left; margin-right: 8px; } .popover .age {margin-right: 0; } .popover .photos {margin-top: 10px; } .popover .handle, .popover .status, .popover .profile, .popover .interest {font-weight: bold; } .popover .verified, .popover .confirmed {margin-top: 4px; } .popover .actions, .popover .similar, .popover .status, .popover .profile, .popover .interest {margin-top: 14px; padding: 0; float: none; } .popover .handle span, .popover .status span, .popover .profile span, .popover .interest span {font-weight: normal; } .popover .profile .intro {font-style: italic; font-weight: bold; } .popover .status span, .popover .profile span {display: block; } .fade {-webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; opacity: 0; } .fade.in {opacity: 1; } .label {padding: 1px 3px 2px; background-color: #bfbfbf; font-size: 9.75px; font-weight: bold; color: #ffffff; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .label.important {background-color: #c43c35; } .label.warning {background-color: #f89406; } .label.success {background-color: #46a546; } .label.notice {background-color: #62cffc; } .media_grid {margin-left: -20px; margin-bottom: 0; zoom: 1; } .media_grid:before, .media_grid:after {display: table; content: ""; zoom: 1; *display: inline; } .media_grid:after {clear: both; } .media_grid li {display: inline; } .media_grid a {float: left; margin: 0 0 20px 20px; border: 2px solid #e9e9e9; } .media_grid a img {display: block; } .media_grid a:hover {border-color: #666666; } /*icons*/ .icon , .ic{background: url(https://secureimage.securedataimages.com/images/common/others/fruit_sprite05.png) no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: middle; } .icon.online , .ic.online { background-position: 0px -512px; } .icon.videoplay , .ic.videoplay { width:25px;height:21px;background-position: 0px -544px; } .icon.hd , .ic.hd { width:23px;height:8px;background-position: 0px -576px; } .icon.mail , .ic.mail { background-position: 0px -256px; } .icon.incoming , .ic.incoming { background-position: -32px -256px; } .icon.outgoing , .ic.outgoing { background-position: -64px -256px; } .icon.mailblock , .ic.mailblock { background-position: -96px -256px; } .icon.mailfolder , .ic.mailfolder { background-position: -128px -256px; } .icon.mailtrash , .ic.mailtrash { background-position: -160px -256px; } .icon.trash , .ic.trash { background-position: -192px -256px; } .icon.testimonial , .ic.testimonial { background-position: -224px -256px; } .icon.edit , .ic.edit { background-position: -256px -256px; } .icon.like , .ic.like { background-position: -288px -256px; } .icon.search , .ic.search { background-position: -320px -256px; } .icon.place , .ic.place { background-position: -352px -256px; } .icon.flag , .ic.flag { background-position: -384px -256px; } .icon.points , .ic.points { background-position: -416px -256px; } .icon.check , .ic.check { background-position: -448px -256px; } .icon.home , .ic.home { background-position: 0px -320px; } .icon.heart , .ic.heart { background-position: -32px -320px; } .icon.x , .ic.x { background-position: -64px -320px; } .icon.upload , .ic.upload { background-position: -96px -320px; } .icon.pin , .ic.pin { background-position: -128px -320px; } .icon.phonecall , .ic.phonecall { background-position: -160px -320px; } .icon.voice , .ic.voice { background-position: -192px -320px; } .icon.mobile , .ic.mobile { background-position: -224px -320px; } .icon.video , .ic.video { background-position: -256px -320px; } .icon.camera , .ic.camera { background-position: -288px -320px; } .icon.camcorder , .ic.camcorder { background-position: -320px -320px; } .icon.cue , .ic.cue { background-position: -352px -320px; } .icon.play , .ic.play { background-position: -384px -320px; } .icon.config , .ic.config { background-position: -416px -320px; } .icon.vip , .ic.vip { background-position: -448px -320px; } .icon.happyface , .ic.happyface { background-position: 0px -384px; } .icon.profile , .ic.profile { background-position: -32px -384px; } .icon.group , .ic.group { background-position: -64px -384px; } .icon.profileblock , .ic.profileblock { background-position: -96px -384px; } .icon.addfriend , .ic.addfriend { background-position: -128px -384px; } .icon.flirt , .ic.flirt { background-position: -160px -384px; } .icon.hotlist , .ic.hotlist { background-position: -192px -384px; } .icon.view , .ic.view { background-position: -224px -384px; } .icon.comment , .ic.comment { background-position: -256px -384px; } .icon.webcam , .ic.webcam { background-position: -288px -384px; } .icon.bling , .ic.bling { background-position: -320px -384px; } .icon.gift , .ic.gift { background-position: -352px -384px; } .icon.messenger , .ic.messenger { background-position: -384px -384px; } .icon.blog , .ic.blog { background-position: -416px -384px; } .icon.popout , .ic.popout { background-position: -448px -384px; } .icon.chat , .ic.chat { background-position: -480px -384px; } .icon.refresh.grey , .ic.refresh.grey { background-position: -473px -4px; } .icon.search.grey , .ic.search.grey { background-position: -499px -4px; } .icon.pen.grey , .ic.pen.grey { background-position: -527px -4px; } .icon.tag.grey , .ic.tag.grey { background-position: -557px -4px; } .icon.block.grey , .ic.block.grey { background-position: -582px -4px; } .icon.flag.grey , .ic.flag.grey { background-position: -602px -4px; } .icon.bin.grey , .ic.bin.grey { background-position: -623px -4px; } .icon.option.grey , .ic.option.grey { background-position: -645px -4px; } .icon.camera.grey , .ic.camera.grey { background-position: -667px -4px; } .icon.flower.grey , .ic.flower.grey { background-position: -690px -4px; } .icon.face.grey , .ic.face.grey { background-position: -713px -4px; } .icon.mail.dark , .ic.mail.dark { background-position: 0px 0px; } .icon.incoming.dark , .ic.incoming.dark { background-position: -32px 0px; } .icon.outgoing.dark , .ic.outgoing.dark { background-position: -64px 0px; } .icon.mailblock.dark , .ic.mailblock.dark { background-position: -96px 0px; } .icon.mailfolder.dark , .ic.mailfolder.dark { background-position: -128px 0px; } .icon.mailtrash.dark , .ic.mailtrash.dark { background-position: -160px 0px; } .icon.trash.dark , .ic.trash.dark { background-position: -192px 0px; } .icon.testimonial.dark , .ic.testimonial.dark { background-position: -224px 0px; } .icon.edit.dark , .ic.edit.dark { background-position: -256px 0px; } .icon.like.dark , .ic.like.dark { background-position: -288px 0px; } .icon.search.dark , .ic.search.dark { background-position: -320px 0px; } .icon.place.dark , .ic.place.dark { background-position: -352px 0px; } .icon.flag.dark , .ic.flag.dark { background-position: -384px 0px; } .icon.points.dark , .ic.points.dark { background-position: -416px 0px; } .icon.check.dark , .ic.check.dark { background-position: -448px 0px; } .icon.home.dark , .ic.home.dark { background-position: 0px -64px; } .icon.heart.dark , .ic.heart.dark { background-position: -32px -64px; } .icon.x.dark , .ic.x.dark { background-position: -64px -64px; } .icon.upload.dark , .ic.upload.dark { background-position: -96px -64px; } .icon.pin.dark , .ic.pin.dark { background-position: -128px -64px; } .icon.phonecall.dark , .ic.phonecall.dark { background-position: -160px -64px; } .icon.voice.dark , .ic.voice.dark { background-position: -192px -64px; } .icon.mobile.dark , .ic.mobile.dark { background-position: -224px -64px; } .icon.video.dark , .ic.video.dark { background-position: -256px -64px; } .icon.camera.dark , .ic.camera.dark { background-position: -288px -64px; } .icon.camcorder.dark , .ic.camcorder.dark { background-position: -320px -64px; } .icon.cue.dark , .ic.cue.dark { background-position: -352px -64px; } .icon.play.dark , .ic.play.dark { background-position: -384px -64px; } .icon.config.dark , .ic.config.dark { background-position: -416px -64px; } .icon.vip.dark , .ic.vip.dark { background-position: -448px -64px; } .icon.happyface.dark , .ic.happyface.dark { background-position: 0px -128px; } .icon.profile.dark , .ic.profile.dark { background-position: -32px -128px; } .icon.group.dark , .ic.group.dark { background-position: -64px -128px; } .icon.profileblock.dark , .ic.profileblock.dark { background-position: -96px -128px; } .icon.addfriend.dark , .ic.addfriend.dark { background-position: -128px -128px; } .icon.flirt.dark , .ic.flirt.dark { background-position: -160px -128px; } .icon.hotlist.dark , .ic.hotlist.dark { background-position: -192px -128px; } .icon.view.dark , .ic.view.dark { background-position: -224px -128px; } .icon.comment.dark , .ic.comment.dark { background-position: -256px -128px; } .icon.webcam.dark , .ic.webcam.dark { background-position: -288px -128px; } .icon.bling.dark , .ic.bling.dark { background-position: -320px -128px; } .icon.gift.dark , .ic.gift.dark { background-position: -352px -128px; } .icon.messenger.dark , .ic.messenger.dark { background-position: -384px -128px; } .icon.blog.dark , .ic.blog.dark { background-position: -416px -128px; } .icon.popout.dark , .ic.popout.dark { background-position: -448px -128px; } .icon.chat.dark , .ic.chat.dark { background-position: -480px -128px; } .icon.large , .ic.large {width: 32px; height: 32px; } .icon.large.mail , .ic.large.mail { background-position: 0px -288px; } .icon.large.incoming , .ic.large.incoming { background-position: -32px -288px; } .icon.large.outgoing , .ic.large.outgoing { background-position: -64px -288px; } .icon.large.mailblock , .ic.large.mailblock { background-position: -96px -288px; } .icon.large.mailfolder , .ic.large.mailfolder { background-position: -128px -288px; } .icon.large.mailtrash , .ic.large.mailtrash { background-position: -160px -288px; } .icon.large.trash , .ic.large.trash { background-position: -192px -288px; } .icon.large.testimonial , .ic.large.testimonial { background-position: -224px -288px; } .icon.large.edit , .ic.large.edit { background-position: -256px -288px; } .icon.large.like , .ic.large.like { background-position: -288px -288px; } .icon.large.search , .ic.large.search { background-position: -320px -288px; } .icon.large.place , .ic.large.place { background-position: -352px -288px; } .icon.large.flag , .ic.large.flag { background-position: -384px -288px; } .icon.large.points , .ic.large.points { background-position: -416px -288px; } .icon.large.check , .ic.large.check { background-position: -448px -288px; } .icon.large.home , .ic.large.home { background-position: 0px -352px; } .icon.large.heart , .ic.large.heart { background-position: -32px -352px; } .icon.large.x , .ic.large.x { background-position: -64px -352px; } .icon.large.upload , .ic.large.upload { background-position: -96px -352px; } .icon.large.pin , .ic.large.pin { background-position: -128px -352px; } .icon.large.phonecall , .ic.large.phonecall { background-position: -160px -352px; } .icon.large.voice , .ic.large.voice { background-position: -192px -352px; } .icon.large.mobile , .ic.large.mobile { background-position: -224px -352px; } .icon.large.video , .ic.large.video { background-position: -256px -352px; } .icon.large.camera , .ic.large.camera { background-position: -288px -352px; } .icon.large.camcorder , .ic.large.camcorder { background-position: -320px -352px; } .icon.large.cue , .ic.large.cue { background-position: -352px -352px; } .icon.large.play , .ic.large.play { background-position: -384px -352px; } .icon.large.config , .ic.large.config { background-position: -416px -352px; } .icon.large.vip , .ic.large.vip { background-position: -448px -352px; } .icon.large.happyface , .ic.large.happyface { background-position: 0px -416px; } .icon.large.profile , .ic.large.profile { background-position: -32px -416px; } .icon.large.group , .ic.large.group { background-position: -64px -416px; } .icon.large.profileblock , .ic.large.profileblock { background-position: -96px -416px; } .icon.large.addfriend , .ic.large.addfriend { background-position: -128px -416px; } .icon.large.flirt , .ic.large.flirt { background-position: -160px -416px; } .icon.large.hotlist , .ic.large.hotlist { background-position: -192px -416px; } .icon.large.view , .ic.large.view { background-position: -224px -416px; } .icon.large.comment , .ic.large.comment { background-position: -256px -416px; } .icon.large.webcam , .ic.large.webcam { background-position: -288px -416px; } .icon.large.bling , .ic.large.bling { background-position: -320px -416px; } .icon.large.gift , .ic.large.gift { background-position: -352px -416px; } .icon.large.messenger , .ic.large.messenger { background-position: -384px -416px; } .icon.large.blog , .ic.large.blog { background-position: -416px -416px; } .icon.large.popout , .ic.large.popout { background-position: -448px -416px; } .icon.large.chat , .ic.large.chat { background-position: -480px -416px; } .icon.large.mail.dark , .ic.large.mail.dark { background-position: 0px -32px; } .icon.large.incoming.dark , .ic.large.incoming.dark { background-position: -32px -32px; } .icon.large.outgoing.dark , .ic.large.outgoing.dark { background-position: -64px -32px; } .icon.large.mailblock.dark , .ic.large.mailblock.dark { background-position: -96px -32px; } .icon.large.mailfolder.dark , .ic.large.mailfolder.dark { background-position: -128px -32px; } .icon.large.mailtrash.dark , .ic.large.mailtrash.dark { background-position: -160px -32px; } .icon.large.trash.dark , .ic.large.trash.dark { background-position: -192px -32px; } .icon.large.testimonial.dark , .ic.large.testimonial.dark { background-position: -224px -32px; } .icon.large.edit.dark , .ic.large.edit.dark { background-position: -256px -32px; } .icon.large.like.dark , .ic.large.like.dark { background-position: -288px -32px; } .icon.large.search.dark , .ic.large.search.dark { background-position: -320px -32px; } .icon.large.place.dark , .ic.large.place.dark { background-position: -352px -32px; } .icon.large.flag.dark , .ic.large.flag.dark { background-position: -384px -32px; } .icon.large.points.dark , .ic.large.points.dark { background-position: -416px -32px; } .icon.large.check.dark , .ic.large.check.dark { background-position: -448px -32px; } .icon.large.home.dark , .ic.large.home.dark { background-position: 0px -96px; } .icon.large.heart.dark , .ic.large.heart.dark { background-position: -32px -96px; } .icon.large.x.dark , .ic.large.x.dark { background-position: -64px -96px; } .icon.large.upload.dark , .ic.large.upload.dark { background-position: -96px -96px; } .icon.large.pin.dark , .ic.large.pin.dark { background-position: -128px -96px; } .icon.large.phonecall.dark , .ic.large.phonecall.dark { background-position: -160px -96px; } .icon.large.voice.dark , .ic.large.voice.dark { background-position: -192px -96px; } .icon.large.mobile.dark , .ic.large.mobile.dark { background-position: -224px -96px; } .icon.large.video.dark , .ic.large.video.dark { background-position: -256px -96px; } .icon.large.camera.dark , .ic.large.camera.dark { background-position: -288px -96px; } .icon.large.camcorder.dark , .ic.large.camcorder.dark { background-position: -320px -96px; } .icon.large.cue.dark , .ic.large.cue.dark { background-position: -352px -96px; } .icon.large.play.dark , .ic.large.play.dark { background-position: -384px -96px; } .icon.large.config.dark , .ic.large.config.dark { background-position: -416px -96px; } .icon.large.vip.dark , .ic.large.vip.dark { background-position: -448px -96px; } .icon.large.happyface.dark , .ic.large.happyface.dark { background-position: 0px -160px; } .icon.large.profile.dark , .ic.large.profile.dark { background-position: -32px -160px; } .icon.large.group.dark , .ic.large.group.dark { background-position: -64px -160px; } .icon.large.profileblock.dark , .ic.large.profileblock.dark { background-position: -96px -160px; } .icon.large.addfriend.dark , .ic.large.addfriend.dark { background-position: -128px -160px; } .icon.large.flirt.dark , .ic.large.flirt.dark { background-position: -160px -160px; } .icon.large.hotlist.dark , .ic.large.hotlist.dark { background-position: -192px -160px; } .icon.large.view.dark , .ic.large.view.dark { background-position: -224px -160px; } .icon.large.comment.dark , .ic.large.comment.dark { background-position: -256px -160px; } .icon.large.webcam.dark , .ic.large.webcam.dark { background-position: -288px -160px; } .icon.large.bling.dark , .ic.large.bling.dark { background-position: -320px -160px; } .icon.large.gift.dark , .ic.large.gift.dark { background-position: -352px -160px; } .icon.large.messenger.dark , .ic.large.messenger.dark { background-position: -384px -160px; } .icon.large.blog.dark , .ic.large.blog.dark { background-position: -416px -160px; } .icon.large.popout.dark , .ic.large.popout.dark { background-position: -448px -160px; } .icon.large.chat.dark , .ic.large.chat.dark { background-position: -480px -160px; } /* navigation */ #navigation { color:#FFFFFF; background: #464646; /* Old browsers */ background: -moz-linear-gradient(top, #464646 0%, #666666 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464646), color-stop(100%, #666666)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #464646 0%, #666666 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #464646 0%, #666666 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #464646 0%, #666666 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#666666', GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #464646 0%, #666666 100%); /* W3C */ } #navigation .page { padding:0 10px; width:940px; height:35px; } #navigation ul { margin:0; list-style:none; } #navigation ul li { position:relative; *z-index:1; float:left; } #navigation ul li a { display:block; float:left; padding:0 15px 0 15px; color:#FFFFFF; font-weight:normal; line-height:35px; text-decoration:none; } /* important for ie6 */ #navigation ul li:hover,#navigation ul li.active { color:#FFFFFF; /* text-decoration:underline;*/ background: #666666; /* Old browsers */ background: -moz-linear-gradient(top, #666666 0%, #333333 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #333333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #666666 0%, #333333 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #666666 0%, #333333 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #666666 0%, #333333 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333', GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #666666 0%, #333333 100%); /* W3C */ } /* important for ie6 */ #navigation ul li ul { display:none; position:absolute; top:100%; left:0; z-index:9999; margin:0; padding:5px; background:#333333; } #navigation ul li:hover ul, #navigation ul li.active ul { display:block; } #navigation ul li ul li { padding:0; width:100%; border-top:1px solid #424242; border-bottom:1px solid #212121; } #navigation ul li ul li.last, #navigation .nav_my_account { border-bottom:none; } #navigation ul li:hover ul li, #navigation ul li.active ul li { border-left:none; border-right:none; } #navigation ul li ul li a { float:none; padding:4px 7px; line-height:normal; _zoom:1; } #navigation ul li:hover ul li a, #navigation ul li.active ul li a { text-decoration:none; background:none!important; } /* important for ie6 */ #navigation ul li:hover ul li a:hover, #navigation ul li.active ul li a:hover { text-decoration:underline; background:none!important; } /* important for ie6 */ #navigation ul li ul li ul { position:static; padding:0; border:none; } #navigation ul li ul li ul li { border:none; } #navigation ul li ul li ul li a { padding:0 7px 4px 15px; font-weight:normal; } #navigation ul li.nav_join { background:#800000 url(https://secureimage.securedataimages.com/images/ffadult/sprite_newaff.png) repeat-x left -40px; } #navigation .nav_join a, #navigation .nav_login a, #navigation .nav_home a { padding:0 10px; } #navigation .nav_join a, #navigation .nav_join a:hover, #navigation .nav_login a, #navigation .nav_login a:hover, #navigation .nav_home a, #navigation .nav_home a:hover, #navigation ul li ul li a, #navigation ul li:hover ul li, #navigation ul li.active ul li { background:none!important; } /* important for ie6 */ #navigation ul li ul:hover, #navigation ul li ul li:hover, #navigation ul li ul li ul li:hover,#navigation ul li ul li a:hover, #navigation ul li ul li ul li a:hover { background-color: #333333; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333', GradientType=0 ); BACKGROUND: #333333 } #navigation .nav_stuff ul { width:333px; } #navigation .nav_find ul { width:178px; } #navigation .nav_popular ul, #navigation .nav_community ul { width:136px; } #navigation .nav_live ul { width:196px; } #navigation .nav_stuff ul li ul, #navigation .nav_find ul li ul, #navigation .nav_popular ul li ul, #navigation .nav_community ul li ul, #navigation .nav_live ul li ul { width:auto; } #navigation .nav_my_profile, #navigation .nav_my_account { float:left; clear:left; width:164px; } #navigation .nav_my_lists, #navigation .nav_my_friends, #navigation .nav_activities { float:right; clear:right; width:164px; } #navigation .nav_home a span { background: url(https://secureimage.securedataimages.com/images/ffadult/sprite_newaff.png) no-repeat center -796px; display: block; width: 35px; height: 25px; margin-top:10px; margin-right:-14px; } #nav_right { float:right; margin-top:6px; } #nav_right .btn.small { padding-bottom: 4px; padding-top: 4px; } #nav_right a { display:block; float:left; margin-left:5px; } /* end#navigation */ /*Tabs*/ .rc_box_header_right {color: #3366CC; padding: 0px; margin: 0px 20px 20px 0px; } .rc_box_header_right a {font-size: 12px; font-weight: normal; color: #3366CC; padding: 0px; margin: 0px; text-decoration: none; } .rc_box_header_right a:hover {color: #3366CC; text-decoration: underline; } .rc_box_header_right a.active, .rc_box_header_right a.active:hover {color: #FFFFFF; font-weight: normal; text-decoration: none; padding: 0px; margin-right: 20px; } .active .l {background: transparent url(https://secureimage.securedataimages.com/images/common/button_4.png) no-repeat 0 0px; display: inline-block; height: 19px; padding-left: 10px; position: relative; margin: 0px; } .active .r {background: #FFFFFF url(https://secureimage.securedataimages.com/images/common/button_4.png) no-repeat scroll right 0px; display: inline-block; height: 19px; padding-right: 10px; position: relative; text-align: center; white-space: nowrap; width: auto; margin: 0px; } .tab_container .fwb.selected {background: #FFF; color: #000; text-decoration: none; font: bold 13px Verdana, Geneva, sans-serif; border-top: 2px solid #E4E4E4; border-right: 2px solid #E4E4E4; border-bottom: 2px solid #FFF; border-left: 2px solid #E4E4E4; padding: 5px 20px; margin-right: 2px; margin-left: 2px; } .tab_container {border-bottom: 2px solid #E4E4E4; margin-bottom: 20px; padding-bottom: 4px; padding-top: 10px; } .tab_container .fwb {background: #E4E4E4; color: #999; text-decoration: none; font: bold 12px Verdana, Geneva, sans-serif; padding: 5px 20px 3px; margin-right: 2px; margin-left: 2px; border: 2px solid #E4E4E4; } /*Pagination*/ .pagination {text-align: right; margin-bottom: 10px; } .pagination a {color: #333333; width: auto; text-decoration: none; display: inline-block; padding: 1px 4px 2px 5px; border: 1px solid #bfbfbf; line-height: 100%; } .pagination a:hover {text-decoration: none } .pagination li {list-style: none; display: inline; } .pagination li.active a, .pagination li a:hover {background: #bfbfbf; color: #FFFFFF } /* FRUIT Basket styles */ body {background-color: #fff; position: relative; } section.fruit {padding-top: 60px; clear: both; } section.fruit > .row {margin-bottom: 10px; } .jumbotron {min-width: 940px; padding-top: 40px; } .jumbotron .inner {padding: 45px 0; -webkit-box-shadow: inset 0 10px 30px rgba(0,0,0,.3); -moz-box-shadow: inset 0 10px 30px rgba(0,0,0,.3); /* box-shadow:inset 0 10px 30px rgba(0,0,0,.3); */ } .jumbotron h1, .jumbotron p {margin-bottom: 9px; color: #fff; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.3); } .jumbotron h1 {font-size: 54px; line-height: 1; text-shadow: 0 1px 2px rgba(0,0,0,.5); } .jumbotron p {font-weight: 300; } .jumbotron .lead {font-size: 20px; line-height: 27px; } .jumbotron p a {color: #fff; font-weight: bold; } .masthead {background-color: #222233; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, from(#111122), to(#222233)); background-image: -webkit-linear-gradient(#111122, #222233); background-image: -moz-linear-gradient(#111122, #222233); background-image: -o-linear-gradient(top, #111122, #222233); background-image: -khtml-gradient(linear, left top, left bottom, from(#111122), to(#222233)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111122', endColorstr='#222233', GradientType=0); /* IE8 and down */ } .jsmasthead {background-color: #555577; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, from(#111122), to(#555577)); background-image: -webkit-linear-gradient(#111122, #555577); background-image: -moz-linear-gradient(#111122, #555577); background-image: -o-linear-gradient(top, #111122, #555577); background-image: -khtml-gradient(linear, left top, left bottom, from(#111122), to(#555577)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111122', endColorstr='#555577', GradientType=0); /* IE8 and down */ } div.quickstart {background-color: #f5f5f5; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5)); background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5); background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5)); background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5); background-image: -o-linear-gradient(#f9f9f9, #f5f5f5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0); background-image: linear-gradient(#f9f9f9, #f5f5f5); border-top: 1px solid #fff; border-bottom: 1px solid #eee; padding-top: 10px; } div.quickstart div.row {margin: 0 -20px; -webkit-box-shadow: 1px 0 0 #f9f9f9; -moz-box-shadow: 1px 0 0 #f9f9f9; box-shadow: 1px 0 0 #f9f9f9; } div.quickstart div.columns {width: 285px; height: 117px; margin-left: 0; padding: 17px 20px 26px; border-left: 1px solid #eee; -webkit-box-shadow: inset 1px 0 0 #f9f9f9; -moz-box-shadow: inset 1px 0 0 #f9f9f9; box-shadow: inset 1px 0 0 #f9f9f9; } div.quickstart div.columns:last-child {border-right: 1px solid #eee; width: 286px; } div.quickstart h6, div.quickstart p {line-height: 18px; text-align: center; margin-bottom: 9px; color: #333; } div.quickstart h6 {color: #999; } div.quickstart form textarea {display: block; width: 275px; height: auto; margin: 0 0 9px; line-height: 21px; white-space: nowrap; overflow: hidden; } .fruity {color: #FBBA1E; } .fixed {width: 180px; height: 22px; } .footer {background-color: #eee; min-width: 940px; padding: 30px 0; text-shadow: 0 1px 0 #fff; border-top: 1px solid #e5e5e5; -webkit-box-shadow: inset 0 5px 15px rgba(0,0,0,.025); -moz-box-shadow: inset 0 5px 15px rgba(0,0,0,.025); box-shadow: inset 0 5px 15px rgba(0,0,0,.025); } .footer p {color: #555; } #slide_demo_subject, #fade_demo_subject {display: none; } #fade_demo_subject {position: absolute; margin: 30px; } .beta .handle {display: inline; } .beta .handle {max-width:70px; display:inline-block; } .beta .location {display:inline-block; white-space:nowrap; } /*Color Samples for the library not to be used as actual styles...*/ .sample {width: 100px; height: 100px; } .sample.link {background: #36c; } .sample.link_hover {background: #01437f; } .sample.default_header {background: #000; } .sample.default_text {background: #333; } .sample.darkgray {background: #666; } .sample.midgray {background: #bfbfbf; } .sample.lightgray {background: #e9e9e9; } .sample.success_msg {background: #adffdf; border: 1px #9feecf solid; } .sample.error_msg {background: #fecce5; border: 1px #fdb7da solid; } .sample.notice_msg {background: #fefd9b; border: 1px #e4e38d solid; } .sample.input_focus {background: #74B9EF; } .sample.input_error {background: #C87872; } .sample.input_error_bg {background: #FAE5E3; } .sample.notification {background: #FDF5D9; border: 1px #FCEEC1 solid; } .sample.alert {background-color: #f2e901; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#fdfc88), to(#f2e901)); background-image: -moz-linear-gradient(top, #fdfc88, #f2e901); background-image: -ms-linear-gradient(top, #fdfc88, #f2e901); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfc88), color-stop(100%, #f2e901)); background-image: -webkit-linear-gradient(top, #fdfc88, #f2e901); background-image: -o-linear-gradient(top, #fdfc88, #f2e901); background-image: linear-gradient(top, #fdfc88, #f2e901); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfc88', endColorstr='#f2e901', GradientType=0); border-color: #f2e901; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-width: 1px; border-style: solid; } .sample.primary_btn {border: 1px #005ab7 solid; background-color: #0064cd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd); } .sample.default_btn {border: 1px #cfcfcf solid; background-color: #c9c9c9; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ededed), to(#c9c9c9)); background-image: -moz-linear-gradient(top, #ededed, #c9c9c9); background-image: -ms-linear-gradient(top, #ededed, #c9c9c9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #c9c9c9)); background-image: -webkit-linear-gradient(top, #ededed, #c9c9c9); background-image: -o-linear-gradient(top, #ededed, #c9c9c9); background-image: linear-gradient(top, #ededed, #c9c9c9); } .sample.guest_action_btn {border: 1px #ab0701 solid; background-color: #b40701; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#e10202), to(#b40701)); background-image: -moz-linear-gradient(top, #e10202, #b40701); background-image: -ms-linear-gradient(top, #e10202, #b40701); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e10202), color-stop(100%, #b40701)); background-image: -webkit-linear-gradient(top, #e10202, #b40701); background-image: -o-linear-gradient(top, #e10202, #b40701); background-image: linear-gradient(top, #e10202, #b40701); } .sample.member_action_btn {border: 1px #fdc11d solid; background-color: #f9b601; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ffef64), to(#f9b601)); background-image: -moz-linear-gradient(top, #ffef64, #f9b601); background-image: -ms-linear-gradient(top, #ffef64, #f9b601); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffef64), color-stop(100%, #f9b601)); background-image: -webkit-linear-gradient(top, #ffef64, #f9b601); background-image: -o-linear-gradient(top, #ffef64, #f9b601); background-image: linear-gradient(top, #ffef64, #f9b601); } /* Special grid styles -------------------------------------------------- */ .show-grid {margin-top: 10px; margin-bottom: 10px; } .show-grid .span1, .show-grid .span2, .show-grid .span3, .show-grid .span4, .show-grid .span5, .show-grid .span6, .show-grid .span7, .show-grid .span8, .show-grid .span9, .show-grid .span10, .show-grid .span11, .show-grid .span12 {background-color: #eee; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 30px; line-height: 30px; } .show-grid:hover .span1, .show-grid:hover .span2, .show-grid:hover .span3, .show-grid:hover .span4, .show-grid:hover .span5, .show-grid:hover .span6, .show-grid:hover .span7, .show-grid:hover .span8, .show-grid:hover .span9, .show-grid:hover .span10, .show-grid:hover .span11, .show-grid:hover .span12 {background: rgba(0, 0, 0, 0.25); } /* Render mini layout previews -------------------------------------------------- */ div.mini-layout {height: 340px; margin-bottom: 20px; padding: 9px; border: 1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125); } div.mini-layout div {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } div.mini-layout div.mini-layout-body {background-color: #dceaf4; margin: 0 auto; width: 340px; height: 340px; } div.mini-layout.fluid div.mini-layout-sidebar, div.mini-layout.fluid div.mini-layout-header, div.mini-layout.fluid div.mini-layout-body {float: left; } div.mini-layout.fluid div.mini-layout-sidebar {background-color: #bbd8e9; width: 90px; height: 340px; } div.mini-layout.fluid div.mini-layout-body {width: 300px; margin-left: 10px; } /* Topbar special styles -------------------------------------------------- */ div.topbar-wrapper {position: relative; height: 40px; margin: 5px 0 15px; } div.topbar-wrapper div.topbar {position: absolute; margin: 0 -20px; } div.topbar-wrapper div.topbar .topbar-inner {padding-left: 20px; padding-right: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* Topbar in js docs ------------------------- */ #dropdowns .topbar-wrapper {z-index: 1; } #dropdowns .topbar-wrapper .topbar {position: absolute; margin: 0 -20px; } #dropdowns .topbar-wrapper .topbar .topbar-inner {padding-left: 20px; padding-right: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #dropdowns .topbar-wrapper .container {width: auto; } .fun_fact {margin: 40px 0 30px 0; background: url('https://secureimage.securedataimages.com/images/ffadult/cover/cover_icons.png') repeat-x; background-position: 0 -480px; height: 100px; width: 100%; } .fun_fact .headline {float: left; color: #FFC001; width: 150px; margin: 0 0 0 30px; padding: 10px; height: 90px; line-height: normal; } .fun_fact .desc {float: left; color: #FFFFFF; width: 360px; padding: 10px; } /* Popover docs-------------------------------------------------- */ div.popover-well {min-height: 580px; background: #ffffff; border: none; } div.popover-well div.popover {display: block; } div.popover-well div.popover-wrapper {width: 50%; height: 160px; float: left; margin-left: 55px; position: relative; } div.popover-well div.popover-menu-wrapper {height: 80px; } .status {float: right; } /* Pretty Print-------------------------------------------------- */ .com {color: #666; } .lit {color: #195f91; } .pun, .opn, .clo {color: #93a1a1; } .fun {color: #dc322f; } .str, .atv {color: #268bd2; } .kwd, .tag {color: #195f91; } .typ, .atn, .dec, .var {color: #CB4B16; } .pln {color: #666; } pre.prettyprint {overflow: hidden; background: #e9e9e9; padding: 9px; border: 1px solid rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); text-shadow: 1px 1px 0px #ffffff; } /* Specify class=linenums on a pre to get line numbering */ ol.linenums {margin: 0 0 0 40px; } /* IE indents via margin-left */ ol.linenums li {color: rgba(0,0,0,.15); line-height: 20px; } /* Alternate shading for lines */ li.L1, li.L3, li.L5, li.L7, li.L9 { } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered.*/ #colorbox, #cboxOverlay, #cboxWrapper {position: absolute; top: 0; left: 0; z-index: 9999; overflow: visible; } #cboxOverlay {position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft {clear: left; } #cboxContent {position: relative; } #cboxLoadedContent {overflow: auto; } #cboxTitle {margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic {position: absolute; top: 0; left: 0; width: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor: pointer; } .cboxPhoto {float: left; margin: auto; border: 0; display: block; } .cboxIframe {width: 100%; height: 100%; display: block; border: 0; } /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML.*/ #cboxOverlay {background: #000; } #colorbox {-webkit-user-select: none; user-select: none; } #cboxError {padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent {margin: 20px 0; } #cboxTitle {position: absolute; top: 0; left: 0; text-align: center; width: 100%; color: #ccc; } #cboxCurrent {position: absolute; bottom: 0; left: 50%; color: #999; } #cboxSlideshow {position: absolute; top: 5px; right: 62px; color: #444; } #cboxPrevious {position: absolute; top: 45%; left: -60px; background: url('https://secureimage.securedataimages.com/images/common/others/fruit_left.png') no-repeat; height: 93px; width: 45px; } #cboxNext {position: absolute; top: 45%; right: -60px; background: url('https://secureimage.securedataimages.com/images/common/others/fruit_right.png') no-repeat; height: 93px; width: 45px; } #cboxPrevious, #cboxNext {opacity: 0.4; } #cboxPrevious:hover, #cboxNext:hover {opacity: 0.8; } #cboxLoadingOverlay {background: transparent url('https://secureimage.securedataimages.com/images/common/others/fruit_ajax.gif') no-repeat 5px 5px; position: absolute; top: 50%; left: 50%; } #cboxClose {position: absolute; top: 0; right: -60px; display: block; color: #eee; font-size: 30px; font-weight: bold; text-shadow: 0 -2px 0 #000; filter: alpha(opacity=40); -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; } #cboxClose:hover {color: #fff; filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See:http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }