/* users/show.css */
/* General Styles
------------------------------------*/
/*-------------------------------------------
GENERAL SELECTORS
-------------------------------------------*/
body {
background:#c6c6c6;
color:#818181;
font: 10pt "Trebuchet MS", Arial Helvetica, Sans-serif;
margin:0;
padding:0;
text-align: center;
}
a {color:#6f7b94;}
a:hover {color:#4A4A4A;}
fieldset {border-width:0;}
.center {
margin:0 auto;
text-align:left;
width:1015px;
}
h1.profile_title {
margin-bottom:0.75em;
border-right:1px solid #6F7B95; border-bottom:1px solid #6F7B95;
padding:8px 0 5px 10px;
font-size:21px;
color:#fff;
background:#96A6C7;
}
h1.profile_title a {
display:block;
float:right;
margin-right:5px;
border:1px solid #c4c4c4;
padding:0 4px 0 15px;
text-decoration:none;
line-height:170%;
color:#222;
font-weight:normal;
font-size:11px;
background:#fff url(/images/little_arrow.gif) no-repeat 4px 50%;
}
h1.profile_title a:hover {
border:1px solid #bbb;
color:#000;
}
p.description {
margin-bottom:3em;
font-size:12px;
}
p.not_available { text-transform: uppercase;
border:1px dashed #e3e3e3;
padding:20px 0;
text-align:center;
color:#ccc;
font-size:2.5em;
font-weight:bold;
}
.label { font-weight:bold; }
/* end general styles */
/* auth box */
div#auth_box {
float:right;
width:305px; margin:0 auto; padding:10px 20px 17px 0;
text-align:left; color:#fff;
background:#9b9b9b url(/images/auth_box_background.gif) no-repeat 100% 100%;
}
div#auth_box a {
color:#ffff7f;
}
div#auth_box ul {
list-style-type:none;
margin-bottom:20px; padding:2px 0 4px 235px;
background:url(/images/signup_background.gif) no-repeat;
}
div#auth_box ul li a {
color:#fff; font-size:12px;
}
div#auth_box form {
overflow:auto;
padding-left:14px;
text-align:right;
}
div#auth_box form div#fields {
float:left;
width:210px;
}
div#auth_box form div.field {
clear:left;
margin-bottom:3px; border-bottom:0; padding:0;
}
div#auth_box form div.field label {
float:left;
width:55px;
text-align:right; font-size:11px; line-height:23px;
}
div#auth_box form div.field input {
width:143px; height:16px; border:0; padding:4px 1px; font-size:14px;
}
input#login_button {
width:65px; font-size:11px; background:#666; color:#fff; border:0; padding:7px 0 4px 0;
}
/* Layout Structure
------------------------------------*/
div#container {
width:975px;
margin:0 auto; padding:25px 20px 20px 20px;
text-align:left;
background:#fff;
}
div#sidebar {
overflow:hidden;
float:left;
width:305px;
margin-right:15px;
margin-bottom:15px;
}
div#main_content {
overflow:hidden;
float:left;
width:625px;
margin-bottom:15px;
}
div#footer {
overflow:hidden;
width:975px;
margin:0 auto 35px auto;
padding:25px 20px 50px 20px;
text-align:left;
color:#fff;
background:#000;
}
div.left { float:left; }
div.right { float:right; }
/* end layout structure styles */
/* Sections
------------------------------------*/
div.section {
overflow:hidden;
margin-bottom:25px;
padding:1px 0;
}
div.section h1 {
margin-bottom:15px;
border-right:1px solid #6F7B95; border-bottom:1px solid #6F7B95;
padding:6px 0 4px 10px;
font-size:13px;
color:#fff;
line-height:175%;
background:#96A6C7;
}
div.section h1 a {
display:block;
float:right;
margin-right:5px;
border:1px solid #6F7B95;
padding:0 4px 0 15px;
text-decoration:none;
line-height:170%;
color:#222;
font-weight:normal;
font-size:11px;
background: #fff url(/images/little_arrow.gif) no-repeat 4px 50%;
}
div.section h1 a:hover {
border:1px solid #bbb;
color:#000;
}
div.section h2 {
margin:10px 0;
color:#902e2e;
font-size:16px;
}
div.section p {
margin-bottom:1em;
font-size:12px;
}
div.section p.not_available { text-transform: uppercase;
margin-bottom:1em;
font-size:16px;
}
/* end sections styles */
/* Listings (for events birthdays)
-----------------------------------------*/
div.listing {
width:100%;
overflow:hidden;
border-bottom:1px solid #ddd;
padding:9px 0 3px 0;
}
div.listing ul.functions {
width:135px;
float:right;
list-style-type:none;
}
div.listing ul.functions li {
display:inline;
}
div.listing ul.functions li a { text-transform: lowercase !important;
display:block;
margin-bottom:6px;
border:1px solid #ccc;
padding:5px;
font-size:11px;
text-decoration:none;
color: #333;
}
div.listing ul.functions li a:hover {
border:1px solid #999;
color:#000;
}
div.listing ul.functions li a.flag {
padding-left:25px;
background:url(/images/icons/flag.gif) no-repeat 4px 50%;
}
div.listing ul.functions li a.maybe {
padding-left:25px;
background:url(/images/icons/maybe.gif) no-repeat 4px 50%;
}
div.listing ul.functions li a.admin {
padding-left:25px;
background:url(/images/icons/wrench.gif) no-repeat 4px 50%;
}
div.listing ul.functions li a.photo {
padding-left:25px;
background:url(/images/icons/photo.gif) no-repeat 4px 50%;
}
div.listing ul.functions li a.message {
padding-left:25px;
background:url(/images/icons/invite_friend.gif) no-repeat 4px 50%;
}
div.listing a {
color:#555;
}
div.listing h2 {
margin-bottom:5px;
font-size:16px;
color:#1d4f7a;
}
div.listing h2 a {
color:#1d4f7a;
text-decoration:none;
}
div.listing h3 {
margin-bottom:3px;
padding-top:0.5em;
font-size:14px;
color:#1d4f7a;
}
div.listing h3 a {
color:#1d4f7a;
text-decoration:none;
}
div.section div.listing p {
margin:0 0 5px 0;
color:#555;
}
div.section div.listing p.comment {
margin-left:160px;
font-size:12px;
line-height:140%;
}
div.listing blockquote {
padding-left:30px;
font-style:italic;
color:#fff;
background:url(/images/blockquote_background.gif) no-repeat 0% 3px;
}
/* end listing styles */
/* Forms
------------------------------------*/
form div.field {
margin-bottom:20px;
border-bottom:1px solid #e6e6e6;
padding-bottom:20px;
}
form div.field label {
display:block;
margin-bottom:5px;
font-weight:bold;
font-size:14px;
}
form div.field label em {
padding:2px;
font-weight:normal;
font-size:12px;
background:#ffa;
}
form div.field input, form div.field textarea {
width:99.5%;
border:1px solid #999;
padding:4px 0;
}
form div.field input:focus, form div.field textarea:focus {
border:1px solid #666;
}
form div.field textarea {
font-size:12px;
}
form input.submit_button, form div.field input.submit_button {
width:auto;
border:1px solid #999;
padding:4px 10px;
background:#eee;
}
form div.submit {
border-bottom:0;
}
form a.cancel {
font-size:12px;
color:#d00;
text-decoration:none;
}
/* end form styles */
/* Personal and Professional Information
---------------------------------------*/
#extended_information_container {
margin-top: 1em;
padding-top: .5em;
}
#extended_information_container #personal_information {
margin-top: 1em;
float: left;
width: 280px !important;
}
#extended_information_container #professional_information {
margin-top: 1em;
float: right;
width: 280px !important;
}
/* end Personal and Professional Information */
/* User Information
------------------------------------*/
div#user_information {
width:100%;
overflow: hidden;
margin-bottom:10px;
border:1px solid #d2d7da;
padding:10px;
}
table.user_information {
float:left;
width:98%;
margin-right:15px;
font-size:11px;
color:#2f6a90;
table-layout: fixed;
}
table.user_information tr td {
vertical-align:top;
padding:0 0 10px 0;
}
table.user_information tr td.label {
padding-right:10px;
font-weight:bold;
text-align:right;
color:#144469;
width: 100px;
}
table.user_information tr td a {
color:#2f6a90;
}
/* end user information styles */
div#primary_network {
float:left;
width:245px;
}
div#primary_network h1 {
font-size:12px;
border-bottom:1px solid #ccc;
padding-bottom:3px;
color:#144469;
}
div#primary_network p {
font-size:11px;
}
div#primary_network div.listing {
border-bottom:0;
}
div#primary_network div.listing h2 a {
font-size:13px;
color:#333;
}
div#currently-doing {
float:left;
width:245px;
}
div#currently-doing h1 {
font-size:12px;
padding-bottom:3px;
color:#144469;
}
div#currently-doing p {
font-size:11px;
color:#144469;
margin-bottom: 1em;
}
/* User Interests
------------------------------------*/
div#user_interests h2 {
margin-bottom:0;
font-size:14px;
color:#333;
}
div#user_interests p {
margin-bottom:1.5em;
font-size:11px;
color:#333;
line-height:125%;
}
/* end user interests styles */
/* User Actions
------------------------------------*/
div#user_actions {
float:right;
width:150px;
margin-bottom:15px;
padding-left:10px;
}
div#user_actions ul {
list-style-type:none;
}
div#user_actions ul li {
margin-bottom:7px;
}
div#user_actions ul li a {
padding:4px 0;
padding-left:25px;
font-size:11px;
color:#000;
text-decoration:none;
}
div#user_actions ul li a.send_to_a_friend {
background:url(/images/icons/envelope.gif) no-repeat 0% 50%;
}
div#user_actions ul li a.flag {
background:url(/images/icons/flag.gif) no-repeat 0% 50%;
}
div#user_actions ul li a.events {
background:url(/images/icons/calendar.gif) no-repeat 0% 50%;
}
div#user_actions ul li a.groups {
background:url(/images/icons/groups.gif) no-repeat 0% 50%;
}
div#user_actions ul li a.admin {
background:url(/images/icons/wrench.gif) no-repeat 0% 50%;
}
/* end user actions */
/* Groups Listing
------------------------------------*/
div#groups ul {
list-style-type:none;
}
div#groups ul li {
margin-bottom:8px;
}
div#groups ul li a {
padding:3px 0 3px 25px;
color:#1d4f7a;
font-size:12px;
font-weight:bold;
text-decoration:none;
background:url(/images/icons/groups.gif) no-repeat 0% 50%;
}
/* end groups listing */
/* Network Listing
------------------------------------*/
div#networks ul {
list-style-type:none;
}
div#networks ul li {
margin-bottom:8px;
}
div#networks ul li a {
padding:3px 0 3px 25px;
color:#1d4f7a;
font-size:12px;
font-weight:bold;
text-decoration:none;
background:url(/images/icons/world.gif) no-repeat 0% 50%;
}
/* end groups listing */
/* Thumbnails
------------------------------------*/
div.photo_thumbnail {
float:left;
width:145px;
margin:0 15px 10px 0;
text-align:right;
}
div.photo_thumbnail a {
border:0;
font-weight:bold;
color:#000;
font-size:12px;
text-decoration:none;
}
div.end_image { margin-right:0; }
div.thumbnail_container {
overflow:hidden;
width:137px;
height:90px;
margin-bottom:5px;
border:1px solid #cdcdcd;
padding:3px;
}
div.thumbnail_container:hover {
border:1px solid #999;
}
div.thumbnail {
overflow:hidden;
width:137px;
height:90px;
}
div.classic_thumbnail {
float:left;
width:305px;
margin:0 15px 0 0;
}
div.classic_thumbnail div.thumbnail_container {
overflow:hidden;
width:293px; height:auto;
margin-bottom:5px;
border:1px solid #ccc;
padding:5px;
background:transparent;
}
div.classic_thumbnail div.thumbnail {
overflow:hidden;
width:293px; height:auto;
}
div.nano_thumbnail {
float:left;
width:65px;
margin:0 15px 0 0;
}
div.nano_thumbnail div.thumbnail_container {
overflow:hidden;
width:59px; height:40px;
margin-bottom:5px;
border:1px solid #ccc;
padding:2px;
background:transparent;
}
div.nano_thumbnail div.thumbnail {
overflow:hidden;
width:59px; height:40px;
}
div.thumbnail a, div.thumbnail a img {
border:0;
text-decoration:none;
background:none;
}
div.thumbnail img {
display:block;
}
div.photo_thumbnail a.image_label {
border:0;
padding:2px;
font-weight:bold;
color:#000;
font-size:12px;
text-decoration:none;
}
div.photo_thumbnail a.image_label:hover {
background:#ffff7f;
}
span.user_birthday {
display:block;
font-size:12px;
}
div.user_thumbnail a.delete img, div.photo_thumbnail a.delete img {
float:left;
border:0;
background:none;
}
/* end thumbnail styles */
/* Comment Block
------------------------------------*/
div.comment_block {
width:100%;
overflow:auto;
margin-bottom:5px;
border-bottom:1px solid #ccc;
padding:10px 0;
}
div.comment_block h2 {
margin-bottom:0.75em;
font-size:14px;
text-decoration:none;
color:#000;
}
div.comment {
line-height:150%;
color:#333;
}
div.comment_block h2 span.date {
font-weight:normal;
}
div.comment_block h2 a {
border-bottom:1px solid red;
color:#d00;
text-decoration:none;
}
div.comment_block h2 a.action {
float:right;
margin-right:10px;
border:1px solid #e6e6e6;
padding:4px 4px 4px 15px;
text-decoration:none;
line-height:100%;
color:#222;
font-size:12px;
font-weight:normal;
background:url(/images/little_arrow.gif) no-repeat 4px 50%;
}
div.comment_block h2 a.action:hover {
border:1px solid #bbb;
color:#000;
}
div.comment_block p {
margin-bottom:0.75em;
font-size:12px;
}
div.comment_block div.thumbnail_container {
float:left;
margin-right:15px;
}
div.comment_block div.comment {
font-size:12px;
color:#333;
}
/* end comment block styles */
/* Forum Table
------------------------------------*/
table.forum_table {
width:100%;
margin-bottom:10px;
font-size:12px;
}
table.forum_table tr.odd_row td {
background:#e5e5e5;
}
table.forum_table td a.title {
font-weight:bold;
}
table.forum_table th {
border-bottom:#999;
padding-bottom:5px;
text-align:left;
color:#555;
}
table.forum_table th a {
border-bottom:1px solid #ccf;
text-decoration:none;
color:#33f;
}
table.forum_table th a:hover {
border-bottom-color:blue;
color:blue;
}
table.forum_table td {
vertical-align:middle;
border-bottom:1px solid #eee;
padding:6px 3px;
color:#333;
}
/* end forum_title styles */
/* Star Rating
------------------------------------*/
div#ratings {
padding:12px 0;
font-size:12px;
color:#333;
}
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(/images/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}
/* for an inline rater */
.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
}
/* smaller star */
.small-star{
width:50px;
height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(/images/star_small.gif);
line-height: 10px;
height: 10px;
}
/* Footer
------------------------------------*/
div#footer p {
margin-bottom:4px;
font-size:14px;
font-weight:bold;
}
div#footer a {
color:#fff;
}
div#footer ul {
list-style-type:none;
}
div#footer ul li {
display:inline;
}
div#footer ul li a {
float:right;
margin-left:12px;
border-bottom:1px dotted #444;
font-size:12px;
text-decoration:none;
color:#ccc;
}
div#footer ul li a:hover {
border-bottom:1px solid #ccc;
color:#fff;
}
div#footer ul li a.legal {
float:none;
margin:0 12px 0 0;
}
/* end footer styles */
About Me
glitter-graphics.com
glitter-graphics.com
glitter-graphics.com
riss101 6 days ago
MyHotComments