Created
August 4, 2009 02:13
-
-
Save imownbey/160987 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* GLOBAL */ | |
* { margin: 0; } | |
.clearboth { clear: both; } | |
a:link, a:visited { text-decoration: none; font-family: arial; color: #ff3300; } | |
img { border: 0; } | |
body { | |
font-family: arial; | |
font-size: 11pt; | |
color: #111111; | |
background-image: url(/images/bg.png); | |
background-repeat: repeat-x; | |
} | |
h1, h2, h3 { | |
font-family: verdana; | |
font-weight: normal; | |
font-size: 28px; | |
color: #d5eeff; | |
} | |
h2 { font-size: 20pt; } | |
h3 { font-size: 18pt; } | |
#footer { | |
text-align: center; | |
color: #999999; | |
padding: 15px 0 25px 0; | |
clear: both; | |
padding-top: 20px; | |
padding-bottom: 30px; | |
} | |
#footer a:link, #footer a:visited { | |
color: #999999; | |
text-decoration: none; | |
} | |
#footer a:hover { color: #111111; } | |
.bubble { | |
width: 55px; | |
height: 55px; | |
line-height: 55px; | |
text-align: center; | |
font-size: 13pt; | |
background-image: url(/images/bubble.png); | |
background-repeat: no-repeat; | |
color: #111111; | |
} | |
/* HELP & ERROR BOXES */ | |
#help_wrap { | |
width: 521px; | |
height: 69px; | |
background-image: url(/images/blue_box_right.png); | |
background-repeat: no-repeat; | |
background-position: top right; | |
position: relative; | |
padding-bottom: 15px; | |
} | |
#help_box { | |
width: 501px; | |
padding-left: 20px; | |
height: 69px; | |
background-image: url(/images/blue_box_left.png); | |
background-repeat: no-repeat; | |
} | |
#help_1, #help_2, #help_3, #help_4 { | |
background-image: url(/images/arrow.png); | |
background-repeat: no-repeat; | |
background-position: 12px 12px; | |
padding-left: 70px; | |
height: 62px; | |
padding-top: 7px; | |
position: absolute; | |
left: 0; top: 0; | |
font-size: 10pt; | |
} | |
#help_1 { padding-top: 15px; } | |
#help_2 { | |
background-image: url(/images/missing_x.png); | |
background-position: 9px 9px; | |
} | |
#help_3 { | |
background-image: url(/images/friends.png); | |
background-position: 12px 8px; | |
padding-left: 100px; | |
} | |
#help_4 { | |
background-image: url(/images/missing.png); | |
background-position: 10px 10px; | |
} | |
#help_1 h4, #help_2 h4, #help_3 h4, #help_4 h4 { | |
font-size: 13pt; | |
border: 0; margin: 0; padding: 0; | |
font-weight: normal; | |
} | |
/* LOGGED-OUT INDEX */ | |
#index_wrap { | |
width: 803px; | |
height: 566px; | |
margin-top: -483px; | |
top: 50%; | |
margin-left: -401px; | |
left: 50%; | |
position: absolute; | |
} | |
#index_box { | |
width: 803px; | |
height: 534px; | |
background-image: url(/images/index_bg.gif); | |
background-repeat: no-repeat; | |
margin: 0 auto; | |
margin-top: 180px; | |
color: #ffffff; | |
} | |
#logo { | |
float: left; | |
width: 193px; | |
height: 42px; | |
padding: 25px 0 0 25px; | |
background-image: url(/images/logo.png); | |
background-repeat: no-repeat; | |
background-position: bottom right; | |
} | |
#logo h1 { display: none; } | |
#login { | |
float: right; | |
height: 30px; | |
padding: 37px 30px 0 0; | |
} | |
#login a.register { | |
color: #ffffff; | |
text-decoration: none; | |
font-size: 14px; | |
} | |
#login input { | |
vertical-align: top; | |
border: 1px solid #d05200; | |
padding: 2px; | |
} | |
#index_head { | |
height: 77px; | |
width: 803px; | |
text-align: center; | |
line-height: 100px; | |
clear: both; | |
} | |
#index_bar { | |
height: 42px; | |
width: 803px; | |
text-align: center; | |
font-size: 26px; | |
padding-top: 13px; | |
line-height: 25px; | |
color: #111111; | |
} | |
#index_bar input { | |
border: 1px solid #7f9db9; | |
color: #71858d; | |
padding: 4px; | |
vertical-align: top; | |
font-size: 13pt; | |
} | |
#index_bottom { | |
height: 297px; | |
width: 763px; | |
padding: 20px; | |
} | |
#pp { | |
font-size: 15pt; | |
color: #D5EEFF; | |
line-height: 32px; | |
height: 25px; | |
line-height: 20px; | |
} | |
#map { | |
float: left; | |
width: 478px; | |
height: 264px; | |
border: 3px solid #ffffff; | |
position: relative; | |
} | |
.map_float { | |
z-index: 10000; | |
width: 288px; | |
padding: 5px; | |
position: absolute; | |
top: 136px; | |
left: -76px; | |
border: 1px solid #111111; | |
background-color: #ffffff; | |
} | |
.map_float img { | |
border: 1px solid #029aff; | |
height: 48px; | |
width: 48px; | |
float: left; | |
margin-right: 5px; | |
} | |
.map_float_text { | |
color: #111111; | |
} | |
.map_float_text a:link, .map_float_text a:visited { | |
color: #ff3300; | |
text-decoration: none; | |
} | |
.map_float_text span { | |
color: #71858d; | |
font-size: 10pt; | |
} | |
#map_right { | |
padding-left: 10px; | |
width: 269px; | |
float: right; | |
margin-top: -5px; | |
overflow: hidden; | |
} | |
#map_right ul, li { font-size: 12pt; } | |
#map_right ul { margin-left: -25px; padding-top: 10px; } | |
#map_right li { padding-bottom: 5px; } | |
/* SUB PAGE HEADER ETC */ | |
#welcome { | |
width: 806px; | |
text-align: right; | |
padding-bottom: 5px; | |
font-size: 10pt; | |
} | |
#sub_wrap { | |
width: 806px; | |
margin: 0 auto; | |
padding-top: 10px; | |
} | |
#sub_head { | |
width: 806px; | |
height: 104px; | |
background-image: url(/images/header_bg.gif); | |
background-repeat: no-repeat; | |
margin-bottom: 20px; | |
} | |
#sub_logo { | |
width: 193px; | |
height: 42px; | |
margin-top: 10px; | |
margin-left: 15px; | |
float: left; | |
background-image: url(/images/logo_sub.png); | |
background-repeat: no-repeat; | |
} | |
#sub_logo h3 { display: none; } | |
#sub_nav { | |
float: right; | |
height: 58px; | |
line-height: 58px; | |
padding-right: 20px; | |
color: #ffffff; | |
} | |
#sub_nav a:link, #sub_nav a:visited { | |
color: #ffffff; | |
font-size: 11pt; | |
} | |
#sub_bottom { | |
width: 806px; | |
height: 33px; | |
margin-top: 3px; | |
text-align: center; | |
clear: both; | |
line-height: 28px; | |
font-size: 13pt; | |
color: #ffffff; | |
padding-top: 10px; | |
} | |
#sub_bottom input { | |
color: #111111; | |
padding: 2px; | |
vertical-align: top; | |
font-size: 13pt; | |
} | |
#sub_wrap h1, #sub_wrap h2, #sub_wrap h3, #sub_wrap h4 { | |
color: #111111; | |
font-family: arial; | |
} | |
#sub_wrap h1 { font-size: 18pt; font-weight: bold; } | |
#sub_wrap h2 { font-size: 20pt; } | |
#sub_wrap h3, #sub_wrap h4 { font-size: 14pt; border-bottom: 3px solid #C9E5FA; font-weight: normal; } | |
#sub_wrap h3 { padding-bottom: 3px; margin-bottom: 8px; } | |
#sub_wrap h4 { border: 0; padding: 9px 0 5px 0; } | |
/* place PAGE */ | |
#place_left { | |
width: 526px; | |
float: left; | |
padding-right: 20px; | |
} | |
#place_right { | |
width: 260px; | |
float: right; | |
} | |
#place_top_1, #place_top_2, #place_top_3 { float: left; padding-bottom: 20px; } | |
#place_top_1 { width: 78px; margin-right: 15px; } | |
#place_top_2 { width: 257px; margin-right: 15px; font-size: 9pt; } | |
#place_top_3 { width: 161px; } | |
.light { color: #71858d; } | |
#map_link { | |
text-align: right; | |
font-size: 8pt; | |
padding-bottom: 15px; | |
} | |
#bubble_h3 { | |
width: 501px; | |
height: 61px; | |
background-image: url(/images/bubble_h3.png); | |
background-repeat: no-repeat; | |
line-height: 61px; | |
position: relative; | |
line-height: 61px; | |
clear: both; | |
padding-left: 25px; | |
font-size: 16pt; | |
} | |
#bubble_h3 h3 { | |
position: absolute; | |
left: 68px; | |
top: -5px; | |
border: 0; | |
} | |
.place_table { | |
float: left; | |
width: 78px; | |
margin-right: 9px; | |
padding-top: 10px; | |
text-align: center; | |
} | |
.place_table img { width: 78px; height: 78px; margin-bottom: 5px; } | |
#notes { | |
clear: both; | |
padding-top: 20px; | |
} | |
#notes h3 { margin-bottom: 15px; } | |
#notes textarea { | |
width: 408px; | |
height: 60px; | |
font-family: arial; | |
font-size: 11pt; | |
} | |
.notes_left { float: left; } | |
.notes_right { float: right; } | |
.notes_entry { | |
padding-top: 10px; | |
clear: both; | |
} | |
#place_share img { | |
margin-bottom: -2px; | |
} | |
/* LOGGED-IN HOME - "EVENTS YOU MAY LIKE" PROPERTIES TAKEN FROM PROFILE PROPERTIES SECTION */ | |
#home_left { | |
width: 521px; | |
float: left; | |
overflow: hidden; | |
} | |
#home_right { | |
padding-left: 20px; | |
width: 265px; | |
float: left; | |
overflow: hidden; | |
} | |
.home_right_left { | |
float: left; | |
padding-right: 10px; | |
padding-bottom: 10px; | |
width: 52px; | |
} | |
.home_right_right { | |
float: right; | |
padding-bottom: 10px; | |
width: 203px; | |
} | |
#home_note { | |
width: 235px; | |
height: 130px; | |
padding: 12px 15px 12px 15px; | |
background-image: url(/images/home_note.png); | |
background-repeat: no-repeat; | |
clear: both; | |
margin-bottom: 10px; | |
} | |
#home_note input.place-name, #home_note textarea { | |
width: 227px; | |
padding: 3px; | |
border: 1px solid #cfd2d7; | |
margin-top: 1px; | |
} | |
#home_head { | |
padding-bottom: 3px; | |
border-bottom: 3px solid #C9E5FA; | |
} | |
/* PROFILE PAGE */ | |
#profile_left { | |
float: left; | |
width: 241px; | |
overflow: hidden; | |
} | |
#profile_right { | |
float: left; | |
width: 550px; | |
padding-left: 15px; | |
overflow: hidden; | |
} | |
#profile_map { | |
width: 550px; | |
height: 330px; | |
} | |
.profile_places, .profile_places_alt { | |
padding: 18px 0 18px 0; | |
border-bottom: 1px solid #e2eef2; | |
clear: both; | |
} | |
.profile_places_alt { | |
border: 0; | |
padding-bottom: 0; | |
} | |
.profile_places_0 { | |
float: left; | |
width: 14px; | |
height: 14px; | |
padding-right: 5px; | |
} | |
.profile_places_1, .profile_people_1 { | |
float: left; | |
width: 85px; | |
height: 55px; | |
line-height: 55px; | |
} | |
.profile_places_1 img { border: 1px solid #029aff; } | |
.profile_places_2, .profile_people_2 { | |
width: 360px; | |
float: left; | |
padding: 0 10px 0 0; | |
margin-top: -2px; | |
} | |
.profile_places_2 a.lg, .profile_people_2 a.lg { font-size: 16pt; font-weight: bold; } | |
.profile_places_3 { | |
float: right; | |
width: 55px; | |
height: 55px; | |
} | |
.profile_people_1 { | |
height: 85px; | |
width: 85px; | |
border: 1px solid #029afe; | |
line-height: 87px; | |
margin-right: 15px; | |
} | |
.profile_people_3 { | |
float: right; | |
width: 100px; | |
height: 55px; | |
text-align: right; | |
} | |
#profile_places_page { padding-top: 5px; } | |
#profile_left_left { | |
width: 98px; | |
padding-bottom: 3px; | |
float: left; | |
} | |
#profile_left_right { | |
float: left; | |
padding-left: 10px; | |
width: 133px; | |
} | |
#profile_message { | |
background-color: #e4f6fb; | |
border: 3px solid #c4e5fe; | |
padding: 5px; | |
width: 225px; | |
} | |
#profile_message input, #profile_message textarea { | |
width: 223px; | |
font-family: arial; | |
color: #608eb0; | |
border: 1px solid #b8dffc; | |
} | |
#profile_message textarea { height: 100px; } | |
#profile_message h3 { | |
border: 0; | |
font-size: 15pt; | |
color: #111111; | |
margin-bottom: 3px; | |
} | |
#profile_page_submit { | |
width: 76px; | |
height: 33px; | |
padding-top: 5px; | |
padding-left: 149px; | |
} | |
/* PLACES PAGE - VALUES TAKEN FROM PROFILE PAGE FOR LISTING PLACES, .PROFILE_PLACES ETC - WRAPPER ONLY TO ADD PADDING BEFORE FOOTER */ | |
#places_wrap { padding-bottom: 10px; } | |
#places_wrote a.selected { font-weight: bold; } | |
/* SEARCH PAGE - VALUES TAKEN FROM PLACES, INDEX, ETC - JUST ONE STYLE FOR LINK */ | |
#search_not_here { | |
padding-bottom: 5px; | |
padding-top: 15px; | |
} | |
#search_not_here a:link, #search_not_here a:visited { | |
font-size: 17pt; | |
font-weight: bold; | |
} | |
/* MESSAGES */ | |
.profile_places_0 { | |
float: left; | |
width: 14px; | |
height: 14px; | |
padding-right: 5px; | |
} | |
.messages_1 { | |
float: left; | |
width: 98px; | |
} | |
.messages_1 img { margin-bottom: 5px; } | |
.messages_2 { | |
float: left; | |
padding: 0 10px 0 10px; | |
width: 539px; | |
margin-top: -2px; | |
width: px; | |
} | |
.messages_2 a.lg { font-size: 16pt; font-weight: bold; } | |
.messages_3 { | |
float: right; | |
width: 130px; | |
height: 55px; | |
text-align: right; | |
font-size: 10pt; | |
color: #71858d; | |
} | |
.messages_reply_button { | |
float: left; | |
width: 63px; | |
height: 25px; | |
padding-right: 10px; | |
margin-top: 10px; | |
} | |
.messages_reply_box { | |
width: 380px; | |
padding: 10px; | |
border: 3px solid #c4e5fe; | |
background-color: #e4f6fb; | |
padding-top: 10px; | |
float: left; | |
margin-top: 10px; | |
} | |
.messages_reply_box_textarea { | |
width: 361px; | |
padding-bottom: 5px; | |
padding-right: 5px; | |
float: left; | |
} | |
.messages_reply_box_textarea textarea { | |
width: 348px; | |
height: 80px; | |
border: 1px solid #b8dffc; | |
font-family: arial; | |
padding: 5px; | |
font-size: 10pt; | |
} | |
.messages_reply_box_x { | |
width: 14px; | |
float: right; | |
} | |
.messages_reply_box_button { | |
padding-left: 285px; | |
width: 76px; | |
height: 33px; | |
} | |
/* REGISTER PAGE */ | |
#register_wrap { | |
width: 806px; | |
} | |
#register_left { | |
width: 550px; | |
margin-right: 15px; | |
float: left; | |
overflow: hidden; | |
} | |
#register_left h3 img { margin-bottom: -8px; } | |
#register_left h3 { padding-bottom: 5px; } | |
.register_left_line { | |
padding-bottom: 10px; | |
clear: both; | |
} | |
.register_left_left { | |
width: 148px; | |
float: left; | |
line-height: 30px; | |
} | |
.register_left_right { | |
width: 400px; | |
float: left; | |
} | |
.register_left_right { padding-top: 4px; } | |
#register_error { | |
width: 528px; | |
border: 3px solid #ff0303; | |
background-color: #ff9997; | |
color: #000000; | |
padding: 8px; | |
margin-bottom: 10px; | |
} | |
#register_error ul { padding-left: 15px; } | |
#register_error li ul { padding-left: 5px; } | |
#register_right { | |
float: right; | |
width: 241px; | |
} | |
#register_login { | |
width: 215px; | |
border: 3px solid #c4e5fe; | |
background-color: #e4f6fb; | |
padding: 3px 10px 10px 10px; | |
line-height: 25px; | |
} | |
#register_login input.login { | |
width: 204px; | |
border: 1px solid #7f9db9; | |
padding: 3px; | |
} | |
/* INVITE PAGE */ | |
#invite_box { | |
width: 500px; | |
border: 3px solid #c4e5fe; | |
background-color: #e4f6fb; | |
padding: 5px 20px 10px 20px; | |
margin: 0 0 10px 0; | |
margin: 0 auto; | |
} | |
.invite_box_line { | |
clear: both; | |
padding-top: 15px; | |
width: 500px; | |
margin: 0 auto; | |
} | |
.invite_box_left { | |
width: 150px; | |
float: left; | |
} | |
.invite_box_right { | |
width: 350px; | |
float: right; | |
} | |
.invite_box_right input.wide { width: 180px; } | |
#invite_box_text { | |
padding-bottom: 10px; | |
margin-top: -5px; | |
font-size: 10pt; | |
color: #829fa7; | |
} | |
#invite_box_2_wrap { | |
width: 546px; | |
margin: 0 auto; | |
padding-top: 20px; | |
} | |
#invite_box_2 { | |
width: 546px; | |
padding-bottom: 5px; | |
} | |
#invite_box_2_or { | |
padding-bottom: 10px; | |
} | |
#invite_box_2 h4 { | |
margin: 0; | |
padding: 0 0 5px 0; | |
} | |
#invite_box_2 textarea { | |
width: 442px; | |
height: 60px; | |
padding: 3px; | |
font-family: arial; | |
font-size: 10pt; | |
border: 1px solid #c5d8df; | |
} | |
/* sub page properties for invite, choose friends, send invites, etc */ | |
#invite_blue_box, #invite_blue_box_2 { | |
width: 784px; | |
border: 3px solid #c4e5fe; | |
background-color: #e4f6fb; | |
padding: 8px; | |
margin: 10px 0 5px 0; | |
} | |
#invite_blue_box_2 { | |
width: 690px; | |
height: 33px; | |
line-height: 33px; | |
margin-right: 10px; | |
float: left; | |
padding: 0 8px 0 8px; | |
} | |
#invite_blue_box_right { | |
float: right; | |
padding-top: 12px; | |
} | |
.invite_line { | |
clear: both; | |
padding-top: 10px; | |
} | |
.invite_float, .invite_float_email { | |
float: left; | |
padding-right: 10px; | |
} | |
.invite_float_email { color: #909090; font-size: 10pt; } | |
/* add place */ | |
#add_left { | |
float: left; | |
width: 320px; | |
margin-right: 15px; | |
} | |
#add_left_box { | |
background-image: url(/images/bg.png); | |
background-repeat: repeat-x; | |
width: 300px; | |
padding: 10px; | |
} | |
#add_2_left, #add_2_right { | |
float: left; | |
} | |
#add_2_left { padding-right: 10px; } | |
#add_2_left h3 { border: 0; margin: 0; padding: 0; font-size: 17pt; color: #ff3300; } | |
#add_2_pic { | |
padding-bottom: 10px; | |
border-bottom: 3px solid #c4e5fe; | |
} | |
.add_2_bottom_left { | |
float: left; | |
padding-top: 10px; | |
} | |
.add_2_bottom_right { | |
float: right; | |
padding-top: 10px; | |
} | |
#add_2_pic h3 { border: 0; margin: 0; padding: 15px 0 10px 0; } | |
.image_result { | |
width: 156px; | |
height: 103px; | |
float: left; | |
text-align: center; | |
} | |
.image_result img { | |
margin-bottom: 5px; | |
border: 4px solid #ffffff; | |
} | |
.image_result img.selected { border: 4px solid #079aff !important; } | |
#add_right { | |
float: right; | |
width: 471px; | |
} | |
/* add image results "facebook style" / "more images" box */ | |
.places-new div.image-result, .places-show div.image-result { | |
float: left; | |
width: 115px; | |
height: 87px; | |
text-align: center; | |
padding: 15px; | |
} | |
.places-new a#more-images { | |
float: right; | |
} | |
.places-new div.image-result img, .places-show div.image-result img { | |
margin: 4px; | |
} | |
.places-new div#largeImageResults { | |
display: none; | |
width: 400px; | |
height: 103px; | |
margin-top: 10px; | |
} | |
/* FRIENDS page */ | |
#friends_left { | |
float: left; | |
padding-bottom: 15px; | |
} | |
#friends_left input { | |
float: left; | |
} | |
#friends_left input.search { | |
padding: 3px; | |
font-size: 12pt; | |
font-weight: bold; | |
margin-right: 5px; | |
margin-top: 1px; | |
} | |
#friends_right { | |
float: right; | |
width: 280px; | |
padding: 10px; | |
background-color: #e4f6fb; | |
border: 3px solid #c4e5fe; | |
line-height: 24px; | |
margin-bottom: -20px; | |
} | |
#friends_right_go { | |
float: right; | |
width: 48px; height: 33px; | |
} | |
#friends_right h4 { border: 0; margin: 0; padding: 0; } | |
.friends_row_with, .friends_row_without { padding-top: 10px; } | |
/* FRIENDS boxes, on all 3 friends pages */ | |
.friends_container { | |
float: left; | |
padding-bottom: 10px; | |
} | |
.friends_x { | |
padding-right: 10px; | |
float: left; | |
} | |
.friends_pic { | |
height: 180px; | |
padding-right: 10px; | |
float: left; | |
text-align: center; | |
width: 98px; | |
color: #71858d; | |
font-size: 10pt; | |
} | |
.friends_pic a:link, .friends_pic a:visited, .friends_pic a:hover { font-size: 11pt; } | |
.friends_pic img { | |
padding-bottom: 5px; | |
} | |
a.friends_more { float: right; padding-top: 10px; } | |
.friends_row_without .friends_container { padding-right: 7px; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment