/* Generated @ Mon Apr 26 16:14:19 +0000 2010 */ /* Contents ======== Reset Typography - Globals (basic elements) - Specifics (elements with a class or id) Positioning - Globals - Specifics Clearfix IE All */ /* Reset *********************************************************************************************/ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt. version: 2.2.2 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;} /* Typography: Globals *********************************************************************************************/ body, input, textarea { font-size:11px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; line-height:11px; } input, textarea { font-size:12px; line-height:12px; } a { text-decoration:none; } a:hover { text-decoration:underline; } a.action { color: #00e; } code { font-size:12px; font-family:'courier new',courier,monospace; line-height:1.5em; } dt { color:#666666; text-align:right; } em { font-style:italic; } h2,h3,h4,h5,h6 { font-family:'myriad pro', helvetica, arial; font-weight:bold; } h1 { font-size:9px; } h2 { font-size:19px; } h3 { font-size:16px; } h4 { font-size:14px; } h5 { font-size:11px; } p { line-height:1.55em; } ol { list-style-type:decimal; } strong { font-weight:bold; } ul { list-style-type:disc; } textarea { line-height:1.4em; } /* Typography: Specifics *********************************************************************************************/ #banner { font-size: 12px; } .brash { font-weight:bold; } .button { color:#333; font-size:11px; text-align:center; } .button:hover { color:#000; text-decoration:none; } .crossed_out { text-decoration:line-through; } .centered { text-align:center; } #content #cover h2 { font-size:35px; font-weight:800; line-height:1.3em; } #content #cover h3 { font-size:30px; font-weight:800; line-height:1.3em; } #content #cover .go_button { color:#fff; font-size:13px; } #content #cover .go_button:hover { text-decoration:none; } #content #cover .get_the_bookmark { color:#fff; font-size:15px; } #content #cover .get_the_bookmark:hover { text-decoration:none; } #content #cover p { font-size:13px; } #content #cover ul { font-size:13px; text-align:left; } #errorExplanation h2 { color:#999; font-size:16px; } #errorExplanation p { color:#999; } #errorExplanation ul li { line-height:1.2em; list-style:decimal; } #footer { color:#888; } .generic { font-size:1.2em; line-height:1.55em; } #header { color:#fff; } h1 a { color:#ccc; } h2 span { font-weight:normal; } h2 .prefix { font-size:13px; } h3 span { font-weight:normal; } #intro h3 { color:#999; font-family:"lucida grande",sans-serif; font-size:11px; font-weight:normal; } label { font-weight:bold; } label span { font-weight:normal; } #menu .contact a { font-weight:bold; } #menu .contact a:hover { text-decoration:none; } #message_submit { font-size:17px; color:#000; } .meta { color:#aaa; font-size:11px; } #new_attached_file #attached_file_submit { font-size:11px; } .notice ol { font-size:13px; line-height:1.55em; } #notifier { color:#000; font-size:12px; line-height:1.4em; text-align:center; } #not_new { font-size:11px; } .readable { font-size:12px; } .regarding { font-family:'myriad pro', helvetica, arial; font-size:16px; font-weight:bold; line-height:1.2em; } .regarding span { font-weight:normal; } .regarding a span { font-size:0.9em; } .pagination { text-align:right; } .pagination .current, .pagination .disabled { color:#777; } .pagination .current { color:#222; } .pagination .current, .pagination .disabled.prev_page, .pagination .disabled.next_page { color:#999; } #menu h3 { font-family:"lucida grande",tahoma; font-size:11px; } #menu h3 span { font-weight:bold; } #side #participants_list h3 { font-family:'lucida grande', helvetica, arial; font-size:11px; font-weight:normal; } .status { color:#000; font-size:16px; } .subject { line-height:1.55em; } #subnav ul { list-style-type:none; } #subnav li a { color:#4c4c4c; text-decoration:none; } #subnav li a:hover { color:#333; } #subnav .current_nav a { color:#111; font-weight:bold; } table .new_message_count { color:#878776; } table.flush .time { color:#aaa; font-size:9px; } #tabs li a { color:#fff; font-weight:bold; text-align:center; text-decoration:none; } #tabs li.current_nav a { color:#000; } td.options { color:#ccc; text-align:center; } .top { font-size:14px; font-weight:bold; } /* Positioning: Globals *********************************************************************************************/ body { background:#eee; } dd { border-top:1px solid #F1F1f1; float:left; padding:15px; width:420px; } dt { border-top:1px solid #F1f1f1; float:left; padding:8px 5px; width:90px; } h2, h3, h4, h5, h6 { margin-bottom:0.8em; } input, textarea { padding:4px; } p { margin-bottom:0.5em; } pre { background:#EBF4F9; padding:10px; } table { border:1px solid #ccc; margin:6px 0 10px 0; width:100%; } tbody tr { border-top:1px solid #eee } tbody tr:first-child { border-top:0 } td, th { padding:5px; vertical-align:middle } thead tr { background:#eee; border-bottom:1px solid #ccc; } /* Positioning: Specifics *********************************************************************************************/ .badge_code { float:left; width:400px; } .badge_preview { float:left; width:210px; } .badge_code textarea { height:80px; width:380px; } #banner p { margin-top: 0.6em; } .boxed { background:#D8E9F4; border:1px solid #C3DCEB; padding:10px; } .button { -moz-border-radius:3px; -webkit-border-radius:3px; background:#DDDDDD url(http://assets.nurphy.com/images/button_background.gif?1272298449) repeat-x scroll 0 0; border:1px solid; border-color:#DDD #DDD #CCC; display:inline-block; padding:6px 8px; } .button:hover { background-position:0 -6px; border-color:#888 #888 #999; } .check_box { display:inline; } #content { background:#fff; border-right:1px solid #dedede; float:left; min-height:380px; width:550px; } #content #cover { padding:0 25px; } #content #cover h2 { margin-bottom:0.5em; } #content #cover h3 { margin-bottom:0.5em; } #content #cover h4 { margin-bottom:1em; } #content #cover #channel_search_name { width:280px; } #content #cover .division { background:transparent url(http://assets.nurphy.com/images/cover_division_pattern_spiral.gif?1272298449) no-repeat bottom; margin-bottom:30px; padding-bottom:40px; } #content #cover #get_the_bookmark { background:url(http://assets.nurphy.com/images/cover_heading_get_the_bookmark.gif?1272298449) no-repeat center; text-indent:-9999px; } #content #cover .go_button { background:transparent url(http://assets.nurphy.com/images/go_button.png?1272298449) no-repeat; border:0; display:inline-block; height:37px; width:80px; padding-top:1px; } #content #cover .go_button:hover { background-position:0 -38px; } #content #cover .get_the_bookmark { background:transparent url(http://assets.nurphy.com/images/get_the_bookmark_button.png?1272298449) no-repeat; display:inline-block; height:14px; padding:15px 0; width:219px;} #content #cover .get_the_bookmark:hover { background-position:-0 -42px; } #content #cover img { margin-bottom:20px; } #content #cover li { margin-bottom:0.5em; } #content #cover #meet_nurphy { background:url(http://assets.nurphy.com/images/cover_heading_meet_nurphy.gif?1272298449) no-repeat center; text-indent:-9999px; } #content #cover #nurph_the_web { background:url(http://assets.nurphy.com/images/cover_heading_nurph_the_web.gif?1272298449) no-repeat center; text-indent:-9999px; } #content #cover #nurph_said { background:url(http://assets.nurphy.com/images/cover_heading_nurph_said.gif?1272298449) no-repeat center; text-indent:-9999px; } #content #cover .nurph_it_button { background:transparent url(http://assets.nurphy.com/images/nurph_it_button.png?1272298449) no-repeat; display:inline-block; height:12px; text-indent:-9999px; padding:15px 0; width:219px;} #content #cover .nurph_it_button:hover { background-position:-0 -42px; } #content #cover p { margin-bottom:25px; } .disabled { background:#eee; } .division { margin:20px 0; } #errorExplanation { background-color:#FFE6E6; margin-bottom:10px; padding:15px 15px 10px 15px; } #errorExplanation h2 { margin-bottom:0.8em; } #errorExplanation p { margin-bottom:0.8em; } #errorExplanation ul { padding-left:30px; } #errorExplanation ul li { margin-bottom:1em; } .fieldWithErrors { display:inline; } .fieldWithErrors input, .fieldWithErrors textarea { background:#FFE6E6; } .fluid_height { height:100%; overflow:hidden; } .fluid_height #content { height:100%; margin-left:196px; position:absolute; } .fluid_height .scrollable { margin-top:-9px; height:53%; overflow:scroll; overflow-x:hidden; } .fluid_height .scrollable .flush { margin:0; } .fluid_height #menu { height:100%; position:absolute; } .fluid_height #side { height:100%; border-right:1px solid #dedede; margin-left:787px; position:absolute; } .flush { border-color:#eee #fff; } form .row .privacy { background:transparent url(http://assets.nurphy.com/images/private_public_exclusive.gif?1272298449) no-repeat 0 1px; height:14px; padding:6px 0 0 20px; } form .row .privacy.public { background:transparent url(http://assets.nurphy.com/images/private_public_exclusive.gif?1272298449) no-repeat 0 -18px } form .row .privacy.exclusive { background:transparent url(http://assets.nurphy.com/images/private_public_exclusive.gif?1272298449) no-repeat 0 -38px } form .row .privacy.public_exclusive_transition { background:transparent url(http://assets.nurphy.com/images/public_exclusive_transition.gif?1272298449) no-repeat 0 0; padding:4px 0 0 51px; } form textarea { height:70px; width:450px; } form textarea.tall { min-height:70px; } .generic { margin:1.5em; } .generic li { margin-bottom:0.9em; } h1 { display:inline-block; float:left; margin:0 73px 0 0; } h1:hover { background:url(http://assets.nurphy.com/images/h1_back_application.png?1272298449) no-repeat 11px -48px; } h1.current { background:none; } h1 a { background:url(http://assets.nurphy.com/images/iphone_logo.png?1272298449) no-repeat 13px center; float:left; font-size:22px; font-weight:bold; height:10px; margin:0 0 0 10px; padding:18px; text-decoration:none; text-indent:-2000em; width:77px; -webkit-border-radius:10px; -webkit-border-top-left-radius:20px; -webkit-border-bottom-left-radius:20px; } h1.current a { background-color:transparent; height:10px; -webkit-border-radius:10px; } #header { background:#551A8B; } #header #session_nav { float:right; } #header #session_nav li { display:inline-block; margin:7px 0.1em; } #header #session_nav li a { background-color:#6B389A; background-position:8px center; background-repeat:no-repeat; color:#fff; display:inline-block; padding:11px 10px; -webkit-border-radius:4px; -moz-border-radius:4px; } #header #session_nav li a:hover { background-color:#7D41B5; } #header #session_nav #important_info_nav a { background-color:#FFFF99; color:#222; } #header #session_nav #log_in_nav a { padding-left:20px; padding-right:20px; } #header #session_nav #sign_up_nav a { padding-left:20px; padding-right:20px; } #header #session_nav #logout_nav a { background:none; text-indent:0; padding-left:10px; } .list { list-style-type:square; margin:0 0 1em 15px; } .list li { margin-bottom:1em; } #login_via_twitter { background:#fff url(http://assets.nurphy.com/images/login_via_twitter_230.gif?1272298449) no-repeat; border:0; height:45px; cursor:pointer; width:230px; text-indent:-2000em; } #login_via_twitter:hover { background-position:0 -47px; } #login_via_twitter_wrapper { float:right; width:240px; } #login_via_twitter_in_convo { background:#fff url(http://assets.nurphy.com/images/login_via_twitter_195.gif?1272298449) no-repeat; border:0; float:left; height:30px; margin-bottom:5px; width:172px; text-indent:-2000em; } #intro .with_avatar_and_border { border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px; } #intro .with_avatar_and_border h2 { float:left; margin:8px 0 12px; width:470px; } #intro .with_avatar_and_border h3 { float:left; margin:0; width:490px; } #intro .with_avatar_and_border img { float:left; margin-right:6px; } .inventory li { border-bottom:1px solid #CCCCCC; border-left:10px solid #CCCCCC; overflow:hidden; margin-bottom:0.5em; padding:3px 11px 8px; } .inventory .more { border-color:#E1E1E1; } #main { background:url(http://assets.nurphy.com/images/main.gif?1272298449) repeat-y scroll center 0; } #main #border_hack { border-bottom:1px solid #ddd; float:left; } #menu { background:#eee; border-right:1px solid #dedede; float:left; padding:15px; width:165px; } #menu ul { line-height:1.6em; margin-bottom:2em; padding:0 15px; } #menu h3 { border-top:1px solid #ccc; margin:5px 0 0.2em 0; } #menu h3 span { background:#eee; display:inline-block; padding-right:7px; position:relative; top:-5px;} #menu .contacts { list-style-type:none; padding:0; } #menu .contacts .view_all { margin-top:5px; padding-left:0; } #menu .contacts .contact:hover { background-color:#f7f7f7; } #menu .contacts .contact a { display:block; padding:1px 0; } #menu .contacts .contact img { margin-right:5px; vertical-align:middle; } #menu .contacts .online { background:transparent url(http://assets.nurphy.com/images/online_offline_icons.png?1272298449) right -26px no-repeat; } #menu .contacts .offline { background:transparent url(http://assets.nurphy.com/images/online_offline_icons.png?1272298449) right 7px no-repeat; } #message_submit { background:#fff url(http://assets.nurphy.com/images/message_submit.png?1272298449) no-repeat 0 0; border:0; float:left; height:46px; margin:0 0 0 10px; width:90px; } #message_submit:hover { background-position:0 -45px; } #not_new { background:#fff url(http://assets.nurphy.com/images/not_new_submit.png?1272298449) no-repeat; border:0; height:36px; width:68px; } #not_new:hover { background-position:0 -38px; } .nav { list-style-type:none; } .nav li { display:inline; } .new { background:#ffffde; } #new_attached_file { float:right; width: 90px; height: 24px; overflow: hidden; position: relative; right:-10px; } #new_attached_file #attached_file_attachment { z-index: 2; -moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0; font-size: 100px; position: absolute; top: 0; right: 0; } #new_attached_file #attached_file_submit { z-index: 1; position: relative; background: #fff url(http://assets.nurphy.com/images/attached_file_submit.png?1272298449) no-repeat; border: 0; width: 90px; height: 24px; } #new_attached_file #attached_file_submit:hover, #new_attached_file #attached_file_submit.hover { background-position: 0 -24px; } #new_channel .input_type_text { width:360px; } #new_channel .privacy { width:370px; } #new_channel .privacy label { display:block; margin-bottom:5px; color:#fff; padding:11px 15px; } #new_channel .privacy .private { background:#111; } #new_channel .privacy .public { background:#33CC33; } #new_channel .privacy .exclusive { background:#FF9900; } #new_user_session { background:#F1F1F1; padding:30px; float:left; width:225px; } #new_user_session .input_type_text { width:205px; } .notice { background:#ffffde; border:1px solid #FFEFCC; margin:0 0 20px 0; padding:5px 30px; } .notice ol { margin:10px; } .notice ol li { margin-bottom:1em; } #notifier { background:#FFFFAA; float:left; height:22px; margin:8px 0 0 0; overflow:hidden; padding:7px 15px 3px 15px; -moz-border-radius:4px; -webkit-border-radius:4px; } .padded { background:#F1F1F1; padding:30px 30px 30px 85px; } .pagination * { display:inline-block; } .pagination a, .pagination .current, .pagination .disabled { background:#d5d5d5; margin-right:1px; padding:7px 7px; } .pagination a:hover { background:#ccc; } .pagination .current, .pagination .disabled.prev_page, .pagination .disabled.next_page { background:#f9f9f9; } .pagination .next_page { padding-right:10px; } .pagination .prev_page { padding-left:10px; } .privacy_inheritance { float:left; margin-top:15px; } .privacy_inheritance .row { margin-bottom:10px; } .readable { margin-bottom:-10px; } .readable p { margin-bottom:1em; } .row { margin-bottom:1.5em; } .row.checkbox label { display:inline-block; margin-right:0.2em; } .row label { display:block; margin-bottom:0.8em; } .row p { margin-top:5px; width:400px; } .row.prefixed label { display:inline-block; margin-right:5px; width:105px; } .row.prefixed input { width:177px; } .rounded { -moz-border-radius:5px; -webkit-border-radius:5px; } .search_submit { background:#fff url(http://assets.nurphy.com/images/search_submit.png?1272298449) no-repeat; border:0; height:30px; width:60px; } .search_submit:hover { background-position:0 -31px; } .section { margin-bottom:10px; } .selections .check_box { display:inline; margin-bottom:5px; } .selections label { display:inline; } #side { background:#fff; float:left; min-height:390px; padding:15px; width:178px; } #side .division { margin:16px 0; } #side h3 { border-bottom:1px solid #ddd; font-weight:normal; margin-bottom:5px; padding:10px 0; } #side #participants_list { border:1px solid #cecece; border-width:1px 0; height:180px; overflow:scroll; overflow-x:hidden; padding:3px 0; } #side #participants_list h3 { border:0; margin:5px 0 7px 0; padding:0; } #side #participants_list .division { border-top:1px solid #eee; padding-top:5px; } #side #participants_list li { margin-bottom:2px; } #side #participants_list ul { margin:0 0 10px 0; } #side #participants_list img { vertical-align:middle; } #side #peripheral_links { list-style-type:none; margin-bottom:0; } #side #peripheral_links li { clear:both; line-height:1.3em; margin-bottom:5px; } .struct { background:#fff; margin-bottom:1px; padding:20px; } .speech { background:#fff; border-top:1px solid #ddd; margin-top:-1px; padding:15px 0 0 0; } .speech form { margin-bottom:0; } .speech textarea { float:left; height:36px; padding:4px; width:438px; max-width:438px; } .speech #channel_message_content { height:36px; } #subnav li { display:block; margin-bottom:-1px; } #subnav li a { background-color:#E6E6E6; border:1px solid #ccc; display:block; padding:10px; } #subnav li a:hover { background:#f1f1f1 url(http://assets.nurphy.com/images/subnav_arrows.gif?1272298449) no-repeat 165px -17px; } #subnav .current_nav a { background:#fff url(http://assets.nurphy.com/images/subnav_arrows.gif?1272298449) no-repeat 165px 13px; } #subnav .current_nav a:hover { background:#f5f5f5 url(http://assets.nurphy.com/images/subnav_arrows.gif?1272298449) no-repeat 165px 13px;} #tabs { float:left; margin:14px 10px 0 0; } #tabs li { background:none; float:left; list-style-type:none; margin-right:1px; } #tabs li a { background:#703F9E; padding:11px 15px; display:block; } #tabs li a:hover { background:#835EA5; } #tabs li.current_nav a { background:#fff; } table .avatar { vertical-align:top; } table .by { vertical-align:top; } table .details { background:#f7f7f7; width:304px; } table .details p { margin-bottom:0.3em; } table.flush .avatar { padding-left:0px; padding-right:0px; vertical-align:top; width:24px; } table.flush td { padding:3px 5px; } table .message { max-width:450px; width:450px; } table .new_message_count { background:transparent url(http://assets.nurphy.com/images/new_message.gif?1272298449) no-repeat scroll 0 3px; margin-left:5px; padding-left:13px; } table .options { width:105px; } table .online_offline { background:#f7f7f7; width:60px; } table .online { background:transparent url(http://assets.nurphy.com/images/online_offline_icons.png?1272298449) 0 -31px no-repeat; padding-left:13px; } table .offline { background:transparent url(http://assets.nurphy.com/images/online_offline_icons.png?1272298449) 0 4px no-repeat; padding-left:13px; } table.involvements .options { width:55px; } table.channels .options { width:55px; } table .participants { background:#f7f7f7; width:85px; } table .participants li { float:left; list-style-type:none; margin:0 1px; } table .subject { background:#f7f7f7; width:330px; } tr .up_reply { display:none; margin-bottom:-6px; } tr:hover .up_reply { display:inline; } .trim { border-top:1px solid #eee; padding-top:20px; } .wrapper { margin:0pt auto; width:996px; } /* Clearfix *********************************************************************************************/ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* Hide from IE-mac \*/ * html .clearfix {height:1%;} /* End hide from IE-mac */ /* IE Hacks *********************************************************************************************/ #chat { *min-width:500px; _height:250px } /* IE 7: Won't render the chat div without a width declaration */ #content #cover .nurph_it_button { *display:block; _padding:10px 0; } #content #cover .go_button { *margin-bottom:-6px; _padding-top:0; _margin-bottom:-8px; } h1 { _background:url(http://assets.nurphy.com/images/h1_back_ie6.png?1272298449) no-repeat 22px 15px; } h1.current a { _background:url(http://assets.nurphy.com/images/iphone_logo_ie6.png?1272298449) no-repeat 12px 15px; } h1 a { _background:none; } h2 { *line-height:1.1em; } /* IE 6 & 7: Fixes h2 being cut short */ #header { *height:47px; } #header #session_nav li { *display:inline; } #intro { *min-height:45px; _margin-bottom:15px; } /* IE 6: intro doesn't have enough spacing without this */ #intro .with_avatar_and_border { *min-height:45px; } /* IE all: intro border doesn't wrap without this */ #intro h2 { *margin-top:0; } /* IE 6 & 7: Fixes h2 pushing the intro contents too far */ #login_via_twitter { *display:block; } /* IE7 and 6: doesn't render without it */ #login_via_twitter_in_convo { *display:block; } /* IE7 and 6: leading links don't render without this*/ #main { *height:100%; } /* IE7: scrolling background doesn't render without this */ #menu .contacts li a { _height:20px; } /* IE6: fixes height of contact links */ #participant_controls { *display:inline-block; *margin:8px 0; } /* Fixes both IE6 & 7: horizontal alignment on "remove or add another" */ .row.checkbox label { _display:inline; } /* Fixes IE6 ignoring inline-block */ .row.checkbox input { *position:relative; *top:-6px; } /* Fixes both IE6 & 7: lower Remember Me checkbox */ #subnav { _padding:1px; } /* Fixes IE6 from missing left and bottom borders */ #subnav li { *margin-bottom:-2px; *min-width:1px; } /* Gives IE6 & 7 flush item spacing */ #subnav li a { *height:10px; *min-width:1px; } /* Gives IE6 & 7 full width link hot spots */ #tabs { _margin-top:20px; } /* IE 6 aligns tabs with content */ #tabs li a { _float:left; } /* IE 6 makes the link fill the list item */ tr .up_reply { _display:inline; } /* IE 6 fixes the hiding unless hovering */ td { *border-top:1px solid #eee; } /* IE 6 & 7 shows borders */