/* Table of Contents */ /* 1. Global Tag Styles 2. Global Classes 3. Root Level Page Containers 4. Account Info (Top Bar) 5. Global Navigation 6. Home Page 7. Event Detail 7.5 Event Form 8. Timeline Detail 9. Index Page Styles 10. New Location 11. Images Widget 12. User Search 13. Account 90. Button Styles 100. Debugging Styles LifeSnapz blue: #2169A5 */ /* 2. GLOBAL CLASSES */ .createdby { font-size: .8em; color: #555; } .keyline-dotted { width: 100%; height: 1px; background: url(../images/dotted_3.gif) center right repeat-x; clear: both; font-size: 0px; } .menuline-dotted { width: 100%; height: 1px; background: url(../images/dotted_3.gif) center right repeat-x; clear: both; font-size: 0px; margin-bottom:7px;} .smalltext { font-size: .68em; } .edit-inplace { font-size: .55em; font-weight: normal; } .inplace_edit_cancel { font-size: .60em; margin-left: 6px;} .submit_confirm { display:inline;} .inplace_textarea { display:block;} .sharedby { font-size: .8em;} .button-small-edit { cursor: pointer; } #textile-help { font-size: .75em; font-family: verdana; color: #555; width: 150px;} #textile-help ul { margin-bottom: 6px;} /* Three Column Layout */ div.leftcolumn { position:relative; border:0px solid; width: 312px; float: left; margin-right: 12px; } div.centercolumn { position:relative; border:0px solid; width: 312px; float: left; } div.rightcolumn { position:relative; border:0px solid; width: 312px; float: right; } ul.column-info-block { padding: 0px 6px; margin-bottom: 12px; } ul.column-info-block li { font-size: .85em; margin-bottom: 9px; } /* 7. EVENT DETAIL PAGE */ #eventinformation { float: left; width: 648px; min-height: 200px; height:auto !important;height:200px; position:relative;} #images-location { float: right; width: 312px; } #eventdetail { float: left; width: 474px; margin-bottom: 36px; } #eventactions { float: right; width: 162px; background-color: #f5f5f5; min-height: 200px; height:auto !important;height:200px; z-index:0;} #eventdetail #datetime { margin-bottom: 18px; font-size: 1em; } #eventdetail #location { margin-bottom: 18px; font-size: .9em; } #eventdetail #photos { margin-bottom: 18px; font-size: .7em; } /*#eventdetail #photostrip { margin-left: 3px; } #eventdetail #photostrip li { float: left; margin-right: 8px;} #eventdetail #mainimage { margin-bottom: 6px; margin-left: 3px;}*/ #eventdetail #description { margin-bottom: 18px; } #eventdetail #description p { margin-bottom: 9px; font-family: Arial,Helvetica; line-height: 1.2em;} #eventdetail #description ul { margin-left: 16px; list-style: disc; } #eventdetail #description ol { margin-left: 22px; list-style: decimal; } #eventdetail #createdby { margin-bottom: 6px; font-size: .8em; } #eventdetail #tags,#eventdetail #participants { font-size: .7em; } #eventactions { padding-bottom: 12px; margin-bottom: 12px;} #eventactions h4 { background-color: #ddd; font-size: .8em; padding: 4px 3px;} #eventactions ul { margin-bottom: 12px; } #eventactions ul li { font-size: .7em; margin: 3px; } #eventactions img { margin-left: 6px; } #eventactions #participation { font-size: 1.1em;} #eventactions #participation li { padding-left: 9px; margin-bottom: 6px; } #eventactions #participation #highlighted_participation { font-weight: bold;} #eventactions #favorite { background-color:white; margin-bottom:0px; padding-bottom: 12px; font-size: .9em; font-weight: bold; } #eventactions #timelines li { margin-bottom: 9px;} #eventactions #new_timeline_event_container select { font-size: .65em; border: 1px solid #aaa; width: 160px;} #eventactions #new_timeline_event_container input { font-size: .70em; } #eventactions #event-permissions { margin-bottom: 6px; } #eventactions #event-permissions h5 {font-size: 11px; padding: 0px 4px; margin-bottom:2px;} #eventactions #event-permissions p { font-size: 11px; padding: 0px 4px; margin-bottom: 9px;} #eventactions #new_timeline_event_container, #eventactions #addtotimeline-button { margin-bottom: 12px; } #images-location .images-widget { margin-bottom: 24px; } #images-location .latlong { font-size: .65em; text-align: center;} #images-location #map { overflow:hidden; margin:0px auto; margin-bottom: 6px; width: 278px; height: 278px; } #event-videos { margin-left: 4px; margin-bottom: 20px; } #event-videos li { margin-bottom: 8px; font-size: 11px; text-align: center;} /* 8. TIMELINE DETAIL PAGE */ #timeline-headcontainer { } #timeline_head { width: 465px; float: left; } #timeline_head .inplace_input_field { width: 300px; } #timeline-actions { width: 490px; padding-top: 3px; float: right; } #timeline-actions li { float: left; margin-left: 6px; height: 25px;} #timeline-actions #favorite { font-size: .9em; padding-top: 3px; margin-right: 6px; margin-left:0px;} #timeline #createdby { font-size: .8em; margin-top: 6px; } #timeline-information-container { margin-top: 12px; } #timeline-public-information { width: 636px; float: left;} #timeline-creator-information{ width: 237px; float: right;} #timeline-options { margin-bottom: 24px; font-size: .8em; } #timeline-permissions { font-size: .8em; padding-top: 5px; } #timeline-permissions h5 { margin-top: 6px; border-top: 1px solid #ccc; padding-top: 6px;} #timeline-permissions a { font-size: .8em; } #timeline-options p { margin-bottom: 6px; margin-top: 12px;} #timeline-permissions #edit-permissions { font-size: 18px; margin-top: 12px; } #timeline-information-container #timeline-public-information #description_container { margin-bottom: 24px;} /* 9. INDEX PAGE STYLES */ .index-itemaction { font-size: .65em; margin-top: 6px;} .index-pagination { margin: 6px 0px; text-align: center;} /* DISCUSSION and COMMENTS */ #new_comment textarea { width: 452px; height: 150px; padding: 10px;} #discussion .comment { border-top: 1px solid #dedede; padding: 9px 0px } #discussion h4 { border-top: 1px solid #dedede; padding-top: 12px;} #discussion .commenterdetail { width: 150px; float: left; } #discussion .commentername { font-size: .85em; } #discussion .commenterdate { font-size: .65em;} #discussion .commenteravatar { } #discussion .commentbody { width: 474px; float: right; font-size: .9em;} #discussion .commentbody p { margin-bottom: 9px; font-family: Arial,Helvetica; line-height: 1.2em;} #comments .inplace_textarea { width: 230px; height: 100px; } #comments .comment-edit-links { font-size: 10px; color: #666; margin-top: 10px; } #comments .comment-edit-links a { color:#666; } /* TABLES */ .datatable td, .datatable th { padding: 5px; font-size: 13px; border-bottom: 1px dotted #ccc; } /* YOUR LIFESNAPZ */ #yourlifesnapz-home h1 { margin-bottom: 12px; } #yourlifesnapz-home div h2 { background-color: #ccc; font-size: .9em; padding: 3px 6px; margin-bottom: 6px; } #yourlifesnapz-home div h5 { margin-bottom: 2px; font-size: 1.1em; font-weight: normal;} #yourlifesnapz-home .viewall { font-size: .8em; text-align: right; } #yourlifesnapz-home .leftcolumn { border-bottom: 1px solid #ccc;} #yourlifesnapz-home .centercolumn { border-bottom: 1px solid #ccc;} #yourlifesnapz-home .rightcolumn { border-bottom: 1px solid #ccc;} #yourlifesnapz-home #viewpublic { font-size: .6em; } #yourlifesnapz-home div .sharedby, #yourlifesnapz-home div .location { font-size: .8em; } #yourlifesnapz-home div .datetime { font-size: .85em; color: black;} #yourlifesnapz-home div .lastupdated { font-size: .7em; color: #777; display: none;} #yourlifesnapz-home div .discussing { font-size: .8em; } #was_there_timeline_actions { margin-bottom: 6px; width: 470px; float: left; height: 18px; padding-top: 7px;} /* 10. EVENT LOCATION */ #eventlocation {width: 750px; height: 372px; margin: 3px; } #eventlocation label { display: block; margin-bottom: 4px; } #eventlocation .field_example { font-size: 10px; font-family: Verdana, sans-serif;color: #555; margin:0 3px; padding-bottom:2px; line-height: 140%; } #eventlocation #findlocation-mapcontainer { width: 356px; float: left;} #eventlocation #map { background-color: #DDD; width: 350px; height: 350px; margin: 8px 3px 7px 3px;} /* testing */ #mapcontainer2 #map { width: 278px; height: 278px; } #eventlocation #findlocation { float:right; width: 380px; margin-bottom: 20px;} #eventlocation #findlocation h3 { display: none; margin-bottom: 7px;} /* #eventlocation #searchresults {width: 350px; margin-top: 8px; border-top: dashed 1px #ccc; overflow: auto; height: 270px; } #eventlocation #searchresultlocations li { clear:both; } #eventlocation #searchresultlocations li a {border-bottom: 1px solid #ddd; display: block; text-decoration: none; min-height: 16px;padding: 4px 0px 4px 4px; line-height: .90em; font-size: .95em} #eventlocation #searchresultlocations li a img { margin: 0 10px 0 0 ;} */ #eventlocation #searchresults {width: 350px; margin-top: 8px; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; overflow: auto; height: 270px; } #eventlocation #searchresultlocations li { clear:both; border-bottom: 1px solid #ddd; } #eventlocation #searchresultlocations li a { display: block; text-decoration: none; min-height: 16px;padding: 4px 0px 4px 4px; line-height: .90em; font-size: .95em} #eventlocation #searchresultlocations li a img { margin: 0 10px 0 0 ;} #eventlocation #searchresultlocations li .searchleft { width: 50px; float: left; } #eventlocation #searchresultlocations li .searchright { width: 272px; float: left; } #eventlocation .locationaddress {font-size: .75em; color: #555;} #eventlocation .result_hover { background-color: #E0F5FF;} #eventlocation .instruction_text { font-size: 12px; width: 407px;} #eventlocation .instruction_text, #newlocation #results li a { padding: 3px 3px 7px 3px;} #eventlocation #placenameinput { margin-top: 6px; margin-right: 6px;} #eventlocation label { width: 250px; } #eventlocation input { border: 1px solid #999;margin-bottom: 7px; } #eventlocation #placename { width: 200px; } #eventlocation input[type=text] { padding: 4px 6px; width: 228px;} #eventlocation input[type=text]:focus { background-color: #E0F5FF;} #eventlocation input[type=password] { padding: 4px 6px; width: 228px;} #eventlocation input[type=password]:focus { background-color: #E0F5FF;} #eventlocation .markericon { float: left; margin: 2px 4px 5px 0px;} #eventlocation #infowindow { margin: 0px; font-size: 10px;} #eventlocation #infowindow label { font-size: 12px;} #eventlocation #infowindow #nickname { width: 75px;} #eventlocation #findbutton { cursor: pointer;} #eventlocation #findlocationthrobber { margin-bottom: 4px; display: none;} #eventlocation #nickname { padding: 3px 3px 7px 3px; } #eventlocation #locationinfo { text-align: center; font-size: 11px; margin-top:7px} #eventlocation #savelocation { width: 100%; text-align: center; } #eventlocation #savelocation input { width: 50px; font-size: 11px;margin: 3px auto; background-color: #00A000; color: white; border-color: #146600; cursor:pointer;} #eventlocation #savinglocation { color: #00A000; font-weight: bold;} #eventlocation #savinglocation img { margin-right: 7px; margin-bottom: -3px; } #location-actions { text-align: center; font-size: .9em;} /* 11. IMAGES WIDGET */ .images-widget { width: 312px; } .imagestrip-container { width: 250px; margin:0 auto; min-height: 75px; height:auto !important;height:75px; } .imagestrip li { float: left; margin: 0px 2px 0px 4px;} #poster-image { margin-bottom: 6px; margin-left: 3px; text-align: center; } #poster-image #image-title-container { margin: 3px; font-size: 12px;} .strip-image { cursor: pointer;} /* 12. USER SEARCH */ #searchcontactsusers label { display:inline; } #searchcontactsusers input {margin-bottom: -2px;} table#user_search_results { width: 100%;} table#user_search_results td { padding: 6px; border-top: 1px dotted #ccc; } #user_search_results .user_status { width: 100px; } #user_search_results .user_status img { margin-bottom: -5px; } /* 14 GROUPS */ #addusertogroup { margin-top: 10px; } h1#group { margin-top: 4px; margin-bottom: 16px; } h1#group a { font-size: 11px; } ul#your-groups, ul#memberships { margin-left: 10px; } ul#your-groups li, ul#memberships li { margin-bottom: 5px; } /* 100. Debugging Styles */ #developmentonly { font-size: 10px; display:none;} /* ADDITIONAL STYLES */ /* @import "jquery.autocomplete.css"; */ .ac_results { padding: 0px; border: 1px solid #999; overflow: hidden; z-index: 99999; background-color: white; border-right: solid 2px #999; border-bottom: solid 2px #999; margin-top: -1px; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font-size: 12px; /* it is very important, if line-height not set in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; border-bottom: 1px solid #dedede; } .ac_results li .small { font-size: 10px; color: #999; } .ac_loading { /*background : Window url('indicator.gif') right center no-repeat; */ } .ac_odd { /* background-color: #eee; */ } .ac_over { background-color: #ffc; color: #333; } .ac_moreItems { text-align: center; background-color: InactiveCaption; color: InactiveCaptionText; margin: 0px; padding: 0px 5px; cursor: default; display: block; width: 100%; font: bold menu 12px; overflow: hidden; -moz-user-select: none; -khtml-user-select: none; }