html, body {
margin: 0;
padding: 0;
}
table, td, a, p, img{
vertical-align:none;
}
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;
}
button,
input,
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: 940px;
margin: 0 auto;
zoom: 1;
}
.container:before, .container:after {
display: table;
content: "";
}
.container:after {
clear: both;
}
.btn.danger,
.alert-message.danger,
.btn.danger:hover,
.alert-message.danger:hover,
.btn.error,
.alert-message.error,
.btn.error:hover,
.alert-message.error:hover,
.btn.success,
.alert-message.success,
.btn.success:hover,
.alert-message.success:hover,
.btn.info,
.alert-message.info,
.btn.info:hover,
.alert-message.info:hover {
color: #ffffff;
}
.btn.danger,
.alert-message.danger,
.btn.error,
.alert-message.error {
background-color: #c43c35;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(top, #ee5f5b, #c43c35);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #c43c35 #c43c35 #882a25;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.success, .alert-message.success {
background-color: #57a957;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -ms-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(top, #62c462, #57a957);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #57a957 #57a957 #3d773d;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.info, .alert-message.info {
background-color: #339bb9;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
background-image: linear-gradient(top, #5bc0de, #339bb9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #339bb9 #339bb9 #22697d;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/*
* Scaffolding
* Basic and global styles for generating a grid system, structural layout, and page templates
* ------------------------------------------------------------------------------------------- */
.row {
zoom: 1;
margin-left: -20px;
}
.row:before, .row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
.row [class*="span"] {
display: inline;
float: left;
margin-left: 20px;
}
.row .span1 {
width: 40px;
}
.row .span2 {
width: 100px;
}
.row .span3 {
/* width: 160px;*/
width: 180px;
}
.row .span4 {
width: 220px;
}
.row .span5 {
width: 280px;
}
.row .span6 {
width: 340px;
}
.row .span7 {
width: 400px;
}
.row .span8 {
width: 460px;
}
.row .span9 {
width: 520px;
}
.row .span10 {
width: 580px;
}
.row .span11 {
width: 640px;
}
.row .span12 {
width: 700px;
}
.row .span13 {
width: 760px;
}
.row .span14 {
width: 820px;
}
.row .span15 {
width: 880px;
}
.row .span16 {
width: 940px;
}
.row .offset1 {
margin-left: 80px;
}
.row .offset2 {
margin-left: 140px;
}
.row .offset3 {
margin-left: 200px;
}
.row .offset4 {
margin-left: 260px;
}
.row .offset5 {
margin-left: 320px;
}
.row .offset6 {
margin-left: 380px;
}
.row .offset7 {
margin-left: 440px;
}
.row .offset8 {
margin-left: 500px;
}
.row .offset9 {
margin-left: 560px;
}
.row .offset10 {
margin-left: 620px;
}
.row .offset11 {
margin-left: 680px;
}
.row .offset12 {
margin-left: 740px;
}
.row .span-one-third {
width: 300px;
}
.row .span-two-thirds {
width: 620px;
}
.row .offset-one-third {
margin-left: 340px;
}
.row .offset-two-thirds {
margin-left: 660px;
}
html, body {
background: url(../images/bg.jpg);
}
body {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 18px;
color: #808080;
}
.container {
width: 940px;
margin: 0 auto;
}
.container-fluid {
padding: 0 20px;
zoom: 1;
}
.container-fluid:before, .container-fluid:after {
display: table;
content: "";
}
.container-fluid:after {
clear: both;
}
.container-fluid > .sidebar {
float: left;
width: 220px;
}
.container-fluid > .content {
min-width: 700px;
max-width: 1180px;
margin-left: 240px;
}
a {
color: #0069d6;
text-decoration: none;
line-height: inherit;
font-weight: inherit;
}
a:hover {
color: #0050a3;
text-decoration: underline;
}
/* 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: #404040;
}
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: #808080;
}
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: 0 0 19px;
border: 0;
border-bottom: 1px solid #eee;
}
strong {
font-style: inherit;
font-weight: bold;
line-height: inherit;
}
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;
}
/* Forms.less
* Base styles for various input types, form layouts, and states
* ------------------------------------------------------------- */
form {
margin-bottom: 18px;
}
fieldset {
margin-bottom: 18px;
padding-top: 18px;
}
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 */
color: #404040;
}
form .clearfix {
margin-bottom: 18px;
}
label,
input,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: normal;
}
label {
padding-top: 6px;
font-size: 13px;
line-height: 18px;
width: 130px;
text-align: left;
color: #404040;
}
div.input {
margin-left: 150px;
}
input[type=checkbox], input[type=radio] {
cursor: pointer;
}
input,
textarea,
select,
.uneditable-input {
display: inline-block;
width: 210px;
height: 18px;
padding: 4px;
font-size: 13px;
line-height: 18px;
color: #808080;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* mini reset for non-html5 file types */
input[type=checkbox], 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: #fff;
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;
}
select, input[type=file] {
height: 27px;
line-height: 27px;
}
textarea {
height: auto;
}
.uneditable-input {
background-color: #eee;
display: block;
border-color: #ccc;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
:-moz-placeholder {
color: #bfbfbf;
}
::-webkit-input-placeholder {
color: #bfbfbf;
}
input, select, textarea {
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-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);
}
input:focus, textarea:focus {
outline: none;
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);
}
form div.error {
background: #fae5e3;
padding: 10px 0;
margin: -10px 0 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
form div.error > label, form div.error span.help-inline, form div.error span.help-block {
color: #9d261d;
}
form div.error input, form div.error textarea {
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.error input:focus, form div.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);
}
form div.error .input-prepend span.add-on, form div.error .input-append span.add-on {
background: #f4c8c5;
border-color: #c87872;
color: #b9554d;
}
.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: scroll;
}
input[readonly]:focus, textarea[readonly]:focus, input.disabled {
background: #f5f5f5;
border-color: #ddd;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.actions {
background: #f5f5f5;
margin-top: 18px;
margin-bottom: 18px;
padding: 17px 20px 18px 150px;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
.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: 12px;
line-height: 18px;
color: #bfbfbf;
}
.help-inline {
padding-left: 5px;
*position: relative;
/* IE6-7 */
*top: -5px;
/* IE6-7 */
}
.help-block {
display: block;
max-width: 600px;
}
.inline-inputs {
color: #808080;
}
.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;
}
.input-prepend input, .input-append input {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-prepend .add-on, .input-append .add-on {
background: #f5f5f5;
float: left;
display: block;
width: auto;
min-width: 16px;
padding: 4px 4px 4px 5px;
color: #bfbfbf;
font-weight: normal;
line-height: 18px;
height: 18px;
text-align: center;
text-shadow: 0 1px 0 #fff;
border: 1px solid #ccc;
border-right-width: 0;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-prepend .active, .input-append .active {
background: #a9dba9;
border-color: #46a546;
}
.input-prepend .add-on {
*margin-top: 1px;
/* IE6-7 */
}
.input-append input {
float: left;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-append .add-on {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-right-width: 1px;
border-left-width: 0;
}
.inputs-list {
margin: 0 0 5px;
width: 100%;
}
.inputs-list li {
display: block;
padding: 0;
width: 100%;
}
.inputs-list li label {
display: block;
float: none;
width: auto;
padding: 0;
line-height: 18px;
text-align: left;
white-space: normal;
}
.inputs-list li label strong {
color: #808080;
}
.inputs-list li label small {
font-size: 12px;
font-weight: normal;
}
.inputs-list li ul.inputs-list {
margin-left: 25px;
margin-bottom: 10px;
padding-top: 0;
}
.inputs-list li:first-child {
padding-top: 5px;
}
.inputs-list input[type=radio], .inputs-list input[type=checkbox] {
margin-bottom: 0;
}
.form-stacked {
padding-left: 20px;
}
.form-stacked fieldset {
padding-top: 9px;
}
.form-stacked 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.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;
}
/*
* Tables.less
* Tables for, you guessed it, tabular data
* ---------------------------------------- */
table {
width: 100%;
margin-bottom: 18px;
padding: 0;
border-collapse: separate;
font-size: 13px;
}
table th, table td {
line-height: 13.5px;
text-align: left;
vertical-align: middle;
border-bottom: 0px solid #ddd;
}
table th {
padding-top: 9px;
font-weight: bold;
border-bottom-width: 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);
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.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 .blue {
color: #049cdb;
border-bottom-color: #049cdb;
}
table .headerSortUp.blue, table .headerSortDown.blue {
background-color: #ade6fe;
}
table .green {
color: #46a546;
border-bottom-color: #46a546;
}
table .headerSortUp.green, table .headerSortDown.green {
background-color: #cdeacd;
}
table .red {
color: #9d261d;
border-bottom-color: #9d261d;
}
table .headerSortUp.red, table .headerSortDown.red {
background-color: #f4c8c5;
}
table .yellow {
color: #ffc40d;
border-bottom-color: #ffc40d;
}
table .headerSortUp.yellow, table .headerSortDown.yellow {
background-color: #fff6d9;
}
table .orange {
color: #f89406;
border-bottom-color: #f89406;
}
table .headerSortUp.orange, table .headerSortDown.orange {
background-color: #fee9cc;
}
table .purple {
color: #7a43b6;
border-bottom-color: #7a43b6;
}
table .headerSortUp.purple, table .headerSortDown.purple {
background-color: #e2d5f0;
}
/* Patterns.less
* Repeatable UI elements outside the base styles provided from the scaffolding
* ---------------------------------------------------------------------------- */
.topbar {
margin: 10px 0 20px 0;
height: 80px;
}
/*.topbar a {
color: #bfbfbf;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}*/
/*.topbar 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 {
float: left;
display: block;
padding: 0 20px 0;
margin-left: -20px;
line-height: 1;
}
.topbar form {
float: right;
margin: 15px 20px 0 0;
position: relative;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.topbar input {
background-color: #363737;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: normal;
font-weight: 13px;
line-height: 1;
padding: 4px 5px;
color: #fff;
color: rgba(255, 255, 255, 0.75);
border: 1px solid #1b1b1b;
-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;
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: #fff;
}*/
.topbar input:focus, .topbar input.focused {
outline: none;
background-color: #fff;
color: #404040;
text-shadow: 0 1px 0 #fff;
border: 0;
padding: 5px 6px;
-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;
padding-top: 10px;
}
.topbar div > ul > li, .nav > li {
display: block;
float: left;
}
.topbar div > ul a, .nav a {
display: block;
float: none;
/* padding: 10px 10px 11px;*/
padding: 10px 5px 11px;
line-height: 19px;
text-decoration: none;
}
.topbar div > ul a:hover, .nav a:hover {
color: #fff;
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;
}
.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: #fff;
}
.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: #fff;
}
.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;
z-index: 1000;
}
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 #808080;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.menu-dropdown, .dropdown-menu {
background-color: #fff;
float: left;
display: none;
position: absolute;
top: 40px;
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: 6px;
-moz-border-radius: 6px;
border-radius: 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 #fff;
}
.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 #fff;
}
.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: #383738;
background-color: #C4C1C4;
border: 1px solid #d7d7d7;
border-bottom: 0;
}
.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;
font-size: 15px;
text-shadow: 1px 1px 1px #fff; text-decoration: none;
}
.tabs:before,
.pills:before,
.tabs:after,
.pills:after {
display: table;
content: "";
}
.tabs:after, .pills:after {
clear: both;
}
.tabs > li, .pills > li {
float: left;
}
.tabs > li > a, .pills > li > a {
display: block;
}
.tabs {
width: 100%;
border-bottom: 1px solid #ddd;
}
.tabs > li {
position: relative;
top: 1px;
}
.tabs > li > a {
margin-right: 2px;
padding: 0 15px;
line-height: 35px;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
color: #C7C7C7;
}
.tabs > li > a:hover {
/* background-color: #eee;*/
border-bottom: 1px solid #ddd;
text-decoration: none;
color: #383738;
}
.tabs > li.active > a {
background-color: #e2e2e2;
padding: 0 14px;
border: 1px solid #d7d7d7;
border-bottom: 0;
color: #383738;
}
.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 a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {
border-top-color: #555;
}
.pills a {
margin: 5px 3px 5px 0;
padding: 5px 15px;
/* text-shadow: 0 1px 1px #fff;
line-height: 30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;*/
color: #808080;
text-shadow:1px 1px 1px #FFFFFF;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
font-size:15px;
}
.pills a:hover {
background: #dfdfdf;
color: #858484;
text-decoration: none;
}
.pills .active a {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
padding:5px 12px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}
.hero-unit {
background-color: #f5f5f5;
margin-top: 60px;
margin-bottom: 30px;
padding: 60px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.hero-unit h1 {
margin-bottom: 0;
font-size: 60px;
line-height: 1;
letter-spacing: -1px;
}
.hero-unit p {
font-size: 18px;
font-weight: 200;
line-height: 27px;
}
footer {
margin-top: 17px;
padding-top: 17px;
border-top: 1px solid #eee;
}
.page-header {
margin-bottom: 17px;
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;
}
.btn {
cursor: pointer;
display: inline-block;
background-color: #e6e6e6;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
padding: 5px 14px 6px;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
color: #333;
font-size: 13px;
line-height: normal;
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
transition: 0.1s linear all;
}
.btn:hover {
background-position: 0 -15px;
color: #333;
text-decoration: none;
}
.btn.primary {
color: #fff;
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);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn:active {
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled {
cursor: default;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
filter: alpha(opacity=65);
-khtml-opacity: 0.65;
-moz-opacity: 0.65;
opacity: 0.65;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn[disabled] {
cursor: default;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
filter: alpha(opacity=65);
-khtml-opacity: 0.65;
-moz-opacity: 0.65;
opacity: 0.65;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn.large {
font-size: 16px;
line-height: normal;
padding: 9px 14px 9px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.btn.small {
padding: 7px 9px 7px;
font-size: 11px;
}
:root .alert-message, :root .btn {
border-radius: 0 \0;
}
button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
padding: 0;
border: 0;
}
.alert-message {
background-color: #eedc94;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
background-image: -o-linear-gradient(top, #fceec1, #eedc94);
background-image: linear-gradient(top, #fceec1, #eedc94);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #eedc94 #eedc94 #e4c652;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
margin-bottom: 18px;
padding: 7px 14px;
color: #404040;
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 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 .close {
float: right;
margin-top: -2px;
color: #000000;
font-size: 20px;
font-weight: bold;
text-shadow: 0 1px 0 #ffffff;
filter: alpha(opacity=20);
-khtml-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
}
.alert-message .close:hover {
color: #000000;
text-decoration: none;
filter: alpha(opacity=40);
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
}
.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 p {
margin-right: 30px;
}
.alert-message.block-message .alert-actions {
margin-top: 5px;
}
.alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info, .alert-message.block-message.title-video {
color: #404040;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-message.block-message.error {
background-color: #fddfde;
border-color: #fbc7c6;
}
.alert-message.block-message.success {
background-color: #d1eed1;
border-color: #bfe7bf;
}
.alert-message.block-message.info {
background-color: #ddf4fb;
border-color: #c6edf9;
}
.alert-message.block-message.title-video {
background-color: #DFDFDF;
border: 1px solid #DCDCDC;
}
.pagination {
height: 36px;
margin: 18px 0;
}
.pagination ul {
float: left;
margin: 0;
border: 1px solid #ddd;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
display: inline;
}
.pagination a {
float: left;
padding: 0 14px;
line-height: 34px;
border-right: 1px solid;
border-right-color: #ddd;
border-right-color: rgba(0, 0, 0, 0.15);
*border-right-color: #ddd;
/* IE6-7 */
text-decoration: none;
}
.pagination a:hover, .pagination .active a {
background-color: #c7eefe;
}
.pagination .disabled a, .pagination .disabled a:hover {
background-color: transparent;
color: #bfbfbf;
}
.pagination .next a {
border: 0;
}
.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);
}
.modal-backdrop {
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
}
.modal {
position: fixed;
top: 50%;
left: 50%;
z-index: 2000;
width: 560px;
margin: -280px 0 0 -250px;
background-color: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
/* 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-header {
border-bottom: 1px solid #eee;
padding: 5px 20px;
}
.modal-header .close {
position: absolute;
right: 10px;
top: 10px;
color: #999;
line-height: 10px;
font-size: 18px;
}
.modal-body {
padding: 20px;
}
.modal-footer {
background-color: #f5f5f5;
padding: 14px 20px 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: "";
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn {
float: right;
margin-left: 10px;
}
.twipsy {
display: block;
position: absolute;
visibility: visible;
padding: 5px;
font-size: 11px;
z-index: 1000;
filter: alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.twipsy.above .twipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000000;
}
.twipsy.left .twipsy-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000000;
}
.twipsy.below .twipsy-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000000;
}
.twipsy.right .twipsy-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #000000;
}
.twipsy-inner {
padding: 3px 8px;
background-color: #000;
color: white;
text-align: center;
max-width: 200px;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.twipsy-arrow {
position: absolute;
width: 0;
height: 0;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
padding: 5px;
display: none;
}
.popover.above .arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000000;
}
.popover.right .arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #000000;
}
.popover.below .arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000000;
}
.popover.left .arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000000;
}
.popover .arrow {
position: absolute;
width: 0;
height: 0;
}
.popover .inner {
background: #333;
background: rgba(0, 0, 0, 0.8);
padding: 3px;
overflow: hidden;
width: 280px;
-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: #f5f5f5;
padding: 9px 15px;
line-height: 1;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
border-bottom: 1px solid #eee;
}
.popover .content {
background-color: #ffffff;
padding: 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 .content p, .popover .content ul, .popover .content ol {
margin-bottom: 0;
}
/* Custome css
--------------------------------------------------------------------*/
.show-grid {
margin-top: 10px;
margin-bottom: 10px;
}
.show-grid .column, .show-grid .columns {
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 .column, .show-grid:hover .columns {
background: rgba(0, 0, 0, 0.25);
}
.inner-container {
background-color: #fff;
display: block;
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;
word-wrap: break-word;
padding: 5px;
}
.padder {
background-color: #FFFFFF;
display: block;
line-height: 18px;
font-size: 12px;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
word-wrap: break-word;
padding: 5px;
}
.videos-container {
background-color: #ffffff
}
ul.videos li{
margin:10px 10px 0 -25px;
padding-top:11px;
list-style: none;
background:url('../images/dot.gif') repeat-x top left ;
}
.clear{display.cleary:block;clear:both;visibility: hidden;}
ul.videos li.top{
margin-top:20px;
padding:0;
background:transparent;
}
ul.videos li div.thumbnail{
float:left;
margin-right:10px;
width:125px;
height:94px;
background:url('../images/default.94x125.jpg') no-repeat top left;
}
ul.videos li div.digest{
float:left;
width:480px;
overflow:hidden;}
ul.videos li div.digest h3{font:bold 16px arial,sans-serif;}
ul.videos li div.digest div.byline{color:#969696;line-height:16px;}
ul.videos li div.digest div.description{padding-top:2px;line-height:16px;}
ul.videos li div.digest div.stat{padding-top:3px;color:#999;line-height:16px;}
ul.videos li div.digest div.stat span.likes{
margin-right:5px;
padding-left:15px;
background:url('../images/heart.png') no-repeat 0 3px;
}
div.end_of_list{margin-top:10px;font:normal 10px verdana,sans-serif;color:#969696;}
.upload-button {
-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
box-shadow:inset 0px 1px 0px 0px #fce2c1;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
background-color:#ffc477;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #eeb44f;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:20px;
font-weight:bold;
padding:8px 30px;
text-decoration:none;
text-shadow:1px 1px 0px #cc9f52;
text-align: center;
}.upload-button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
background-color:#fb9e25;
text-decoration: none;
color: #ffffff;
}.upload-button:active {
position:relative;
top:1px;
}
.advertisement {
text-align: center
}
.advertisement a img {
padding: 10px 0;
}
/* tagging
---------------------------------------------------------*/
.help-block span {
padding: 2px;
margin-right: 4px;
background-color: #eee;
color: #808080;
cursor: pointer;
}
/* Sidebar
------------------------------------------------*/
#sidebar { float: right; background:url(../images/sidebar-top.png) no-repeat top left; padding-top:12px; width: 250px;}
#sidebar-bottom { background:url(../images/sidebar-bottom.png) no-repeat bottom left; padding-bottom:24px; width: 250px;}
#sidebar-content { background:url(../images/sidebar-content.png) repeat-y;}
#sidebar-content h4.widgettitle {
padding: 3px 15px 5px;
color: #525252;
font-size: 15px;
font-family: Arial, sans-serif;
font-weight: lighter;
text-shadow: 1px 1px 1px #fff;
}
.widget-content { background:url(../images/widget-content.png) no-repeat top left; padding: 20px 24px; }
.sidebar-menu ul li {
background:url(../images/sidebar-bullet.png) no-repeat 0px 10px;
line-height: 25px;
padding-left: 14px;
list-style: none;
}
.sidebar-menu ul {
margin-left: 0
}
.widget-content ul li a {color:#424242; text-shadow: 1px 1px 1px #fff; }
.widget-content .ads {
text-align: center
}
#sidebar .widget { padding-left: 1px; }
#call_to_action { background:url(../images/button-bg.png) no-repeat; height: 59px; width: 228px; display:block; margin-left: 10px; text-decoration: none; }
#call_to_action span { font-size:20px; color: #fff; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); padding-left: 17px; line-height: 50px; }
.widget-button { padding-bottom: 7px; }
/* Accordion
-------------------------------------------------------------------*/
#wrapper {
padding: 20px 24px 20px 16px;
}
.accordionButton {
width: 200px;
float: left;
_float: none; /* Float works in all browsers but IE6 */
cursor: pointer;
color: #525252;
font-size: 15px;
font-family: Arial, sans-serif;
font-weight: lighter;
text-shadow: 1px 1px 1px #fff;
background: url(../images/arrow.png) no-repeat center right;
}
.accordionContent {
width: 215px;
float: left;
_float: none; /* Float works in all browsers but IE6 */
background: #95B1CE;
background:url(../images/widget-content.png) no-repeat top left;
padding: 15px 0 0 0;
}
/*
EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
---------------------------------------------------------------------*/
.on {
}
.over {
}
.advertisement-container {
background:url(../images/widget-content.png) no-repeat top left;
padding: 10px 15px;
}
.left-side-advertisement{
margin-left: 0
}
.left-side-advertisement ul {
margin-left: 0;
list-style: none;
}
.left-side-advertisement li{
list-style: none;
margin:5px 10px 0px 0;
width: 215px;
padding-top: 5px;
*width: 210px;
}
.left-side-advertisement ul li div.left-thumbnail{
float:left;
margin-right: 5px;
overflow: hidden;
width: 110px;
height: 90px;
}
.left-side-advertisement ul li div.video-info{
font-size: 11px;
line-height: 14px;
}
.left-side-advertisement ul li div.video-info h3{
font: bold 12px arial,sans-serif;
}
.ie-notif {
*padding-top:1px;
*margin-top: -1px
}
/* page style
--------------------------------------------------------------------*/
.entry {
background: url(../images/entry-bottom.png) no-repeat bottom left;
padding-bottom: 35px;
width: 682px;
position: relative;
margin-bottom:11px; }
.page { background: url(../images/entry-bottom-page.png) no-repeat bottom left; }
.entry-top {
background: url(../images/entry-top.png) no-repeat top left;
padding-top:25px;
width: 682px;}
.entry-content {
background: url(../images/entry-content.png) repeat-y;
padding-left: 10px;
padding-right: 10px;
min-height: 50px; }
/* New Custome for MF2U
------------------------------------------------------------------- */
.fullwidth {
width: 960px !important;
margin: 0 auto;
zoom: 1;
}
.fullwidth:before, .fullwidth:after {
display: table;
content: "";
}
.fullwidth:after {
clear: both;
}
.fullwidth .entry { background: url(../images/entry-bottom-page-fullwidth.png) no-repeat bottom left !important; width: 960px !important; }
.fullwidth .entry-top { background:url("../images/entry-top-fullwidth.png") no-repeat scroll left top transparent; width:960px; }
.fullwidth .entry-content { background: url(../images/entry-content-fullwidth.png) repeat-y; }
#page-outer{width:1000px;padding-top:60px;margin:0 auto 0 auto;_padding-top:20px; background-color: yellow}
.container-new { text-align: left; margin: 0 auto; width: 960px; position: relative; }
.container-new:before, .container-new:after {
display: table;
content: "";
}
.container-new:after {
clear: both;
}
#main-area {float: left; width: 710px;}
.left-bar {
padding: 0 10px
}
#main-recent { margin-bottom: 25px; width: 682px }
.under-header {
margin-bottom: 20px;
}
/* what's' on your mind
-------------------------------------------------- */
.photos-wall {
text-align: center; margin-top: -10px; margin-bottom: 10px
}
.photos-wall img {
width: 99px;
height: 70px;
}
.status-container {
height: 170px;
margin-bottom: 10px;
}
.leftside-avatar {
float:left;
margin-right:10px;
width:128px;
}
.leftside-avatar img {
width: 128px;
}
.leftside-avatar #navigation {font-size:0.75em; width:128px;margin-top: 5px}
.leftside-avatar #navigation ul {margin:0px; padding:0px; line-height: 2px;}
.leftside-avatar #navigation li {list-style: none;
}
.leftside-avatar ul.top-level li {
margin-bottom: 1px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
background:#666;
padding-bottom: 5px
}
.leftside-avatar #navigation span {
color: #fff;
cursor: pointer;
display:block;
line-height: 10px;
text-decoration:none;
padding: 8px 5px 5px 10px;
}
.leftside-avatar #navigation a {
color: #fff;
cursor: pointer;
display:block;
line-height: 10px;
text-decoration:none;
padding: 8px 5px 5px 10px;
}
.leftside-avatar #navigation a:hover{
text-decoration:underline;
color: #383738;
}
.leftside-avatar #navigation li:hover {
background: #BBBBBB;
position: relative;
}
.centerside-container {
float:left;
width:550px;
margin-left: 10px;
/* overflow:hidden;*/
}
.center-side {
margin-bottom: 18px;padding: 7px 14px;
}
.centerside-container textarea {
display: block;
width: 510px;
margin: 0 0 9px;
line-height: 21px;
white-space: nowrap;
overflow: hidden;
}
.center-side .comment, .center-side .comment_add,
.center-side .like_box, .center-side .dislike_box
{
width:380px;
}
.center-side .alert-message div {
margin-top: 0;
margin-bottom: 2px;
line-height: 14px;
}
.center-side .comment_box
{
padding-top: 5px;
background-image:url(http://www.myfriends2u.com/images/he_wall_comment_box.png);
background-position:20px 0;
background-repeat:no-repeat;
position: relative;
color: #424242;
}
.statusupdate-container {
margin-bottom: 40px;
}
.public-user-wall {
text-align: right; color: #336699; font-weight: bold
}
.float-right {
float: right
}
.wall-nav {
/* margin-top: -40px;*/
}
.wall-nav .pills {
float: right
}
/* Mini layout
-------------------------------------------------- */
div.mini-layout {
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);
background-color: #fff;
}
div.popup-layout {
margin-bottom: 20px;
-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);
background-color: #fff;
}
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;
}
div.mini-layout form {
line-height: 18px
}
#profile_friends {
padding-left: 30px; padding-right: 30px; padding-top: 20px
}
/* Popover docs
-------------------------------------------------- */
div.popover-well {
min-height: 160px;
}
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;
}
img.large-bird {
margin: 5px 0 0 310px;
opacity: .1;
}
/* end edit
---------------------------- */
/* header
--------------------------------------------------------------------*/
.header-container {
background: url("../images/secondary-menu.png") no-repeat scroll 0 0 transparent;
height: 98px;
width: 961px;
padding: 5px;
}
/* wahyu part
-----------------------------------------------------*/
.social-media{
margin: 10px 0px 10px 0px;
}
.social-media .button-groups{
width: 70%;
}
.social-media div.stats{
float: right;
margin-top: -25px;
margin-right: 5px;
}
.detail-video-info {
margin: 0 0 0 0;
padding: 5px;
}
.detail-video-info div.description p{
font: 13px arial,sans-serif;
text-align: left;
}
ul.tags-n-cat li{
list-style: none;
display: inline;
margin-right: 5px;
}
.comments-container{
padding:5px;
margin:0;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
word-wrap: break-word;
}
.comments-post{
padding:5px;
}
.comment-list{
list-style: none;
}
ul.comment-list li{
margin-left: -20px;
margin-bottom: 10px;
}
ul.comment-list li.comment{
padding: 5px;
}
.comment-text p{
color: #0f0404;
}
.comment-metadata {
margin-top:-5px;
padding:0;
}
.comment:hover{
background-color:#eee;
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.profile-box {
background-color: #FEFBF3;
margin: 10px 0px 0px 0px;
padding: 5px;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.user-info{
height: 75px
}
.user-info .profile-foto-thumbnail {
float: left;
width: 60px;
margin-right: 5px;
}
.user-info .profile-foto-thumbnail img{
width: 60px;
}
.user-info .name, .user-info .user-video-count{
margin: 5px 0 0 0;
color: #424242;
font: bold 14px arial,sans-serif;
}
.user-info .name a:hover, .user-info .user-video-count a:hover{
color: #fc575e;
text-decoration: none;
}
.profile-menu {
font: bold 12px arial, sans-serif;
}
.profile-menu ul{
list-style: none;
margin: 0px;
padding: 5px;
border: none;
}
.profile-menu ul li{
margin: 0px;
padding: 0px;
}
.profile-menu ul li a {
display: block;
text-decoration: none;
color: #0f0404;
}
.profile-menu ul li a:hover{
color: #3b5998;
}
.left-side-video-container{
margin: 10px 0px 0px 0px;
}
.left-side-video-container div.load-more{
margin: -10px 0px 0px 25px;
}
.left-side-video-stream{
margin-left: 0
}
.left-side-video-stream ul {
margin-left: 0; list-style: none
}
.left-side-video-stream li{
list-style: none;
margin:5px 10px 0px 0px;
width: 200px;
padding-top: 5px;
}
.left-side-video-stream ul li div.left-thumbnail{
float:left;
margin-right: 5px;
overflow: hidden;
width: 80px;
height: 50px;
}
.left-side-video-stream ul li div.video-info{
margin-left: 85px;
font-size: 11px
}
.left-side-video-stream ul li div.video-info h3{
font: bold 12px arial,sans-serif;
}
.stats p strong{
font-size: 11px;
}
.left-side-video-stream ul li div.video-info div.stats span.likes{
margin-right:5px;
padding-left:15px;
background:url('../images/heart.png') no-repeat 3px 1px;
}
.left-thumbnail img{
width: 110px;
height: 90px;
}
.sharer{
padding: 5px;
}
.alert-message.block-message.share {
background-color: #fff;
border-color: #c6edf9;
}
ul.social-button {
display: inline-block;
margin:0;
padding:0;
}
ul.social-button li{
list-style: none;
margin-right: 10px;
float: left;
width: auto;
}
ul.social-button li.twitter-share{
width:105px;
margin-right:11px;
}
ul.social-button li.glus-share {
margin-top: 3px
}
h2.title {
font-size: 36px;
font-family: Arial, sans-serif;
font-weight: lighter;
display: inline;
color:#303030;
background: url(../images/top-quote.png) no-repeat 0px 10px;
}
.page h2.title { background: none;
margin-left:-4px;
}
h2.title a { color:#303030; text-decoration: none; }
h2.title a:hover { color: #000000; }
.clear { clear: both; }
.page-separator { height: 1px; background: url(../images/post-meta-topbg.png) repeat-x; margin:10px -27px 20px -30px; }
/* Comment
------------------------------------------------*/
#wall-status-wrap { width:100%; }
.wall-status-wrap {
float: right;
position: relative;
background: white;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-khtml-border-radius: 6px;
border: 1px solid #ccc;
border-color: #e5e5e5 #dbdbdb #d2d2d2;
-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);
width:100%;
}
.wall-status-wrap-inner {
min-height:100px;
padding: 23px 48px 15px 51px;
}
.wall-status-wrap, .wall-status-wrap-inner {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
}
.wall-status-body { margin-bottom: 15px; }
.wall-status-avatar {
position: absolute;
display: block;
top: 20px;
left: -23px;
width: 56px;
height: 48px;
text-align: center;
font-size: 24px;
font-family: Arial, sans-serif;
color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
line-height:38px;
}
.wall-status-avatar img {
width: 56px;
}
span.fn, span.fn a, .wall-user { color: #424242; text-decoration: none; text-shadow: 1px 1px 0px #fff; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; }
.wall-user { margin-bottom: 10px; }
.wall-content { color: #424242; text-shadow: 1px 1px 0px #fff; }
.reply-container {
}
/* Lan part
-------------------------------------------------------- */
.comment_box
{
padding-top: 10px;
background-image:url(http://www.myfriends2u.com/images/he_wall_comment_box.png);
background-position:20px 5px;
background-repeat:no-repeat;
position: relative;
color: #424242;
}
.comment, .comment_add,
.like_box, .dislike_box
{
padding:5px 0 4px 5px;
margin-right: 10px;
margin-bottom: 2px;
margin-left:15px;
width:450px;
border:1px solid #DDDDDD;
}
.like_content
{
padding: 5px 0 0 24px;
background-image: url("http://www.myfriends2u.com/images/he_wall_like.png");
background-repeat: no-repeat;
background-position: left top;
}
.dislike_content
{
padding: 5px 0 0 24px;
background-image: url("http://www.myfriends2u.com/images/he_wall_dislike.png");
background-repeat: no-repeat;
background-position: left top;
}
.like_box a, .dislike_box a {
font-size: 12px;
}
.comment_photo_block
{
float: left;
width: 40px;
}
.active .comment_actions,
.active .comment_photo_block
{
display: block;
}
.comment_add .comment_body
{
padding-left: 0px;
}
.comment_photo
{
width: 32px;
height: 32px;
border: 0px;
}
.comment_body
{
vertical-align: top;
padding-left: 40px;
}
.active .comment_body
{
padding-left: 40px;
}
.comment_actual_text
{
display: inline;
font-size:12px;
}
.comment_actions
{
margin-top: 4px;
margin-bottom: 2px;
padding-right: 5px;
}
.comment_add .comment_actions,
.comment_add .comment_photo_block
{
display: none;
}
.active .comment_actions,
.active .comment_photo_block
{
display: block;
}
.wall_action_options, .wall_delete_comment
{
padding-right: 25px;
display: inline;
}
.date_time
{
font-size: 11px;
color: #BFBFBF;
}
.date_time a
{
font-size: 11px;
color: #BFBFBF;
text-decoration:none;
font-weight:none;
}
.comment_text_input
{
width: 97%;
height: 20px;
min-height: 20px;
line-height: 20px;
color: #777777;
border: 1px solid #BDC7D8;
font-size: 11px;
}
.active .comment_text_input,
.wall_post_action .active .post_action_input
{
color: #2F2F2F;
background-color: #e7f0f8;
height: 40px;
}
.button-container {
text-align: right;
}
/* MY FRIENDS
div.friends_search {
width: 450px;
padding: 10px;
background: #FFFFFF;
border: 1px solid #DDDDDD;
margin-left: auto;
margin-right: auto;
}
td.friends_sort {
padding-top: 5px;
}
div.friends_result {
padding: 5px;
border: 1px solid #DDDDDD;
margin-top: 10px;
background: #FFFFFF;
}
td.friends_result0 {
padding: 5px;
}
td.friends_result1 {
vertical-align: top;
padding: 5px;
}
td.friends_result2 {
padding: 5px;
vertical-align: top;
text-align: right;
}
div.friends_name {
font-size: 13px;
font-weight: bold;
padding-bottom: 3px;
}
div.friends_stats div {
color: #888888;
font-size: 9px;
}
BROWSE FRIENDS
td.browse_friends_sort {
padding-top: 5px;
}
div.browse_friends_result {
padding: 5px;
border: 1px solid #DDDDDD;
margin-top: 10px;
margin-bottom: 10px;
background: #FFFFFF;
}
td.browse_friends_result0 {
padding: 5px;
}
td.browse_friends_result1 {
padding: 5px;
}
td.browse_friends_result2 {
padding: 5px;
text-align: right;
}
*/
/* VIEW PROFILE PAGE */
div.browse_friends_result {
padding: 5px;
/* border: 1px solid #DDDDDD;*/
margin-top: 10px;
margin-bottom: 10px;
background: #FFFFFF;
}
td.profile {
background: #FFFFFF;
border: 1px solid #DDDDDD;
border-top: none;
padding: 5px 7px 5px 7px;
margin-bottom: 12px;
}
td.profile_leftside {
padding-top: 5px;
vertical-align: top;
}
td.profile_rightside {
padding-left: 10px;
padding-top: 5px;
vertical-align: top;
}
div.profile_field_value {
max-width: 500px;
overflow: hidden;
}
div.profile_friends_head {
float: left; width: 50%;
}
div.profile_friends_search {
float: right; width: 50%;
text-align: right;
padding-top: 10px;
}
div.profile_friends_view {
margin-bottom: 30px;
}
div.profile_friend_photo {
float: left;
width: 90px;
text-align: center;
/* border: 1px solid #DDDDDD;*/
}
div.profile_checked {
float: left;padding-right: 5px; padding-top: 35px;
}
div#profile_friends_searchbox{
text-align: center;
display: block;
}
div.profile_friend_info {
float: left;
padding-left: 10px;
}
div.profile_friend_options {
text-align: right;
padding-left: 10px;
}
div.profile_friend_name {
font-size: 13px;
font-weight: bold;
}
div.profile_friend_details div {
color: #888888;
font-size: 9px;
}
div.profile_image {
float: left;
padding: 5px;
text-align: center;
width: 111px;
}
div.profile_bar {
padding: 0px;
margin-top: 15px;
margin-bottom: 10px;
}
td.profile_item1 {
padding: 5px 0px 5px 0px;
text-align: center;
vertical-align: top;
}
td.profile_item2 {
padding: 5px 5px 5px 5px;
vertical-align: top;
}
div.profile_comment_author {
float: left;
padding: 5px 7px 5px 7px;
background: #F1F1F1;
border-top: 1px solid #AAAAAA;
}
div.profile_comment_date {
text-align: right;
padding: 5px 7px 5px 7px;
background: #F1F1F1;
border-top: 1px solid #AAAAAA;
}
div.profile_comment_body {
clear: left;
padding: 5px 7px 5px 7px;
overflow: auto;
max-width: 550px;
}
/* IE7 MAX-HEIGHT/MAX-WIDTH HACK */
*:first-child+html .profile_comment_body {
overflow: visible;
overflow-y: hidden;
overflow-x: auto;
padding-bottom: 25px;
width: expression(this.scrollWidth > 550? "550px" : "auto" );
}
/* IE6 AND UNDER MAX-HEIGHT/MAX-WIDTH HACK */
html>body .profile_comment_body {
overflow: visible;
overflow-y: hidden;
overflow-x: auto;
padding-bottom: 25px;
width: expression(this.scrollWidth > 550? "550px" : "auto" );
}
div.profile_comment_body img {
max-width: 475px;
width: expression(this.width > 475 ? 475: true);
}
div.profile_comment_links {
text-align: right;
padding-right: 7px;
}
table.profile_menu {
border-bottom: none;
}
td.profile_menu1 a, div.nolink {
background-color: #666666;
border-radius:8px 8px 8px 8px;
margin-bottom:1px;
padding-bottom:5px;
padding: 5px 5px 5px 7px;
font-size: 10px;
color:#FFFFFF;
display: block;
}
td.profile_menu1 a:hover {
color: #383738;
background-color:#BBBBBB;
text-decoration: underline;
}
td.profile_photo {
vertical-align: middle;
text-align: center;
border: 1px solid #DDDDDD;
padding: 5px;
background: #FFFFFF;
height: 150px;
}
td.profile_viewcomments_postcomment {
padding: 10px 16px 10px 16px;
border: 1px solid #CCCCCC;
background: #F5F5F5;
}
div.profile_postcomment {
border: 1px solid #BBBBBB;
background: #F4F4F4;
margin-bottom: 10px;
padding: 10px 14px 8px 10px;
}
.comment_area {
font-family: "Lucida Sans", verdana, arial, serif;
color: #888888;
width: 100%;
height: 70px;
}
div.profile_action {
padding: 0px 0px 5px 0px;
border-bottom: 1px solid #EAEAEA;
margin-bottom: 5px;
}
div.profile_action_bottom {
padding-bottom: 2px;
}
div.profile_action_date {
color: #999999;
float: right;
padding-left: 5px;
}
td.profile_tab a {
background-color: #EEEEEE;
background-image: url(../images/whiteline.gif);
background-repeat: repeat-x;
background-position: top left;
padding: 7px 10px 7px 10px;
border: 1px solid #AAAAAA;
border-left: none;
font-weight: bold;
display: block;
}
td.profile_tab a:hover {
background-color: #F4F4F4;
background-image: url(../images/whiteline.gif);
background-repeat: repeat-x;
background-position: top left;
padding: 7px 10px 7px 10px;
border: 1px solid #AAAAAA;
border-left: none;
font-weight: bold;
display: block;
}
td.profile_tab2 a {
background-color: #FFFFFF;
background-image: url(../images/whiteline.gif);
background-repeat: repeat-x;
background-position: top left;
padding: 7px 10px 8px 10px;
border: 1px solid #AAAAAA;
border-left: none;
border-bottom: none;
font-weight: bold;
display: block;
}
td.profile_tab2 a:hover {
background-color: #FFFFFF;
background-image: url(../images/whiteline.gif);
background-repeat: repeat-x;
background-position: top left;
padding: 7px 10px 8px 10px;
border: 1px solid #AAAAAA;
border-left: none;
border-bottom: none;
font-weight: bold;
display: block;
}
#profile_tabs_profile {
border-left: 1px solid #AAAAAA;
}
td.profile_tab_end {
border-bottom: 1px solid #AAAAAA;
}
div.profile_content {
padding: 10px;
border: 1px solid #AAAAAA;
border-top: none;
}
div.profile_headline, div.profile_headline2 {
font-size: 13px;
margin-bottom: 7px;
font-weight: bold;
}
div.profile_headline2 {
margin-top: 10px;
}
/* photo profile */
.photos-thumb {
background-color: orange;
}
.photos-thumb .i {
display:block;
width: 150px;
height: 100px;
vertical-align:text-top;
}
.photos-container {
margin-left: -5px
}
.photos-update {
font-size: 10px
}
.photos-container tbody tr td {
vertical-align: top;
}
/* MESSAGES */
messages_table th, messages_table td {
padding: 10px 10px 9px;
line-height: 10px;
text-align: left;
vertical-align: middle;
}
td.messages_header {
padding: 4px 5px 5px 6px;
font-weight: bold;
background-image: url(../images/header.gif);
background-repeat: repeat-x;
color: #333333;
}
td.messages_left {
width: 100%;
text-align: left;
vertical-align: middle;
}
td.messages_right {
text-align: right;
vertical-align: middle;
}
tr.messages_unread {
background: #F5F5F5;
font-weight: bold;
}
tr.messages_read {
background: #FFFFFF;
}
td.messages_message {
border-top: 1px solid #E9E9E9;
padding: 7px 5px 7px 7px;
vertical-align: top;
}
td.messages_photo {
border-top: 1px solid #E9E9E9;
padding: 7px 0px 7px 7px;
vertical-align: top;
}
td.messages_view2 {
background: #FFFFFF;
border-bottom: 1px solid #DDDDDD;
padding: 5px 7px 12px 7px;
vertical-align: top;
}
td.messages_view2_bottom {
background: #FFFFFF;
padding: 5px 7px 12px 7px;
vertical-align: top;
}
td.messages_view1 {
vertical-align: top;
padding-right: 15px;
}
div.messages_author {
padding-bottom: 5px;
font-weight: bold;
}
div.messages_date {
font-size: 9px;
color: #777777;
}
td.messages_authorbox {
width: 100px;
text-align: right;
vertical-align: top;
padding: 5px 10px 0px 0px;
}
/* styles for the debugger */
div#se_debug_window_container
{
}
table#se_debug_window
{
background: #ffffff;
border: 1px solid #cccccc;
width: 500px;
height: 400px;
z-index: 99;
}
td#se_debug_window_menu
{
padding: 4px 5px 5px 6px;
border: 1px solid #DDDDDD;
font-weight: bold;
background-image: url(../images/header.gif);
background-repeat: repeat-x;
color: #333333;
cursor: move;
}
div#se_debug_window_body_container
{
width: 500px;
height: 375px;
overflow: auto;
}
#loading-content {
position:absolute;
text-align:center;
left:47%;
z-index:100;
width:150px;
background-color:#000;
opacity:0.7;
filter:alpha(opacity=70);
height:35px;
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:0 2px 10px rgba(0,0,0,0.35);
-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.35);
box-shadow:0 2px 10px rgba(0,0,0,0.35);
font:13px Arial;
color:#fff;
font-weight:700;
top:50%;
padding:10px
}
/* PAGINATION */
div.paging_style {
color: #2B3956;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
}
div.paging_style a {
text-decoration: none;
color: #000000;
border: 1px solid #dddddd;
padding: 8px;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius: 4px;
}
div.paging_style a:hover {
text-decoration: none;
color: #000000;
border: 1px solid #A7A7A7;
background-color: white;
padding: 8px;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius: 4px;
}
div.paging_style span.current {
color: #ffffff;
border: 1px solid #83A0C1;
background-color: #83A0C1;
padding: 8px;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius: 4px;
}
.ie-ads .ads-game {
list-style: none;
margin-left: 0;
margin-top: 5px
}
.ie-ads .ads-game li{
float: left;
padding-right: 4px;
text-align: center;
}