#site_toolbar { line-height: 250%; padding: 0 20px; } #site_toolbar a { color: #ff6339; text-decoration: none; } #header ul.actions li { display: inline; margin: 0 5px; } #header ul.actions li a { color: black; text-decoration: none; } #header ul.actions li a:hover { text-decoration: underline; font-weight: bold; } #header ul.actions li a.strong { color: #ff6339; } #header ul.actions li a#joined_cards_link { color: #3399dd !important; } #header ul.actions li span.showing a { text-decoration: underline !important; font-weight: bold; } #body #content div.top_helper_bar { height: 34px; } #body #content div.top_helper_bar ul.order_helpers { margin-bottom: 10px; } #body #content div.top_helper_bar ul.order_helpers:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #body #content div.top_helper_bar ul.order_helpers { display: inline-block; } * html #body #content div.top_helper_bar ul.order_helpers { height: 1%; } #body #content div.top_helper_bar ul.order_helpers { display: block; } #body #content div.top_helper_bar ul.order_helpers li { float: left; } #body #content div.top_helper_bar ul.order_helpers li a { font-size: 13px; color: black; margin-right: 10px; } #body #content div.top_helper_bar ul.order_helpers li a:hover { font-weight: bold; } #body #content div#publish div.multi_dm, #body #content div#publish div.multi_mention { width: 520px; } #body #content div#publish div.multi_dm h2, #body #content div#publish div.multi_mention h2 { margin-bottom: 10px; line-height: 200%; } #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper { overflow: hidden; width: 247px; } #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul.helpers, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul.helpers, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul.helpers, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul.helpers { margin: 0 5px; } #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul.helpers li, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul.helpers li, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul.helpers li, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul.helpers li { float: left; margin-right: 10px; } #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul.helpers li.showing a, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul.helpers li.showing a, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul.helpers li.showing a, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul.helpers li.showing a { color: #ff6339; text-decoration: none; } #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#candidates, #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#selected, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#candidates, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#selected, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#candidates, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#selected, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#candidates, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#selected { background: transparent url(/images/input_active.png) no-repeat 0 0; width: 247px; height: 290px; overflow: scroll; overflow-x: hidden; border-style: solid; border-color: #999999 #d7d7d7 #d7d7d7 #999999; border-width: 1px; background-color: white; } #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#candidates li, #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#selected li, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#candidates li, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#selected li, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#candidates li, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#selected li, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#candidates li, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#selected li { cursor: pointer; } #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#candidates li div.user_minicard, #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#selected li div.user_minicard, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#candidates li div.user_minicard, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#selected li div.user_minicard, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#candidates li div.user_minicard, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#selected li div.user_minicard, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#candidates li div.user_minicard, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#selected li div.user_minicard { padding: 5px; } #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#candidates li div.user_minicard div.avatar, #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#selected li div.user_minicard div.avatar, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#candidates li div.user_minicard div.avatar, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#selected li div.user_minicard div.avatar, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#candidates li div.user_minicard div.avatar, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#selected li div.user_minicard div.avatar, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#candidates li div.user_minicard div.avatar, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#selected li div.user_minicard div.avatar { margin-right: 5px; width: 48px; } #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#candidates li div.user_minicard div.infos, #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#selected li div.user_minicard div.infos, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#candidates li div.user_minicard div.infos, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#selected li div.user_minicard div.infos, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#candidates li div.user_minicard div.infos, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#selected li div.user_minicard div.infos, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#candidates li div.user_minicard div.infos, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#selected li div.user_minicard div.infos { width: 169px; height: 46px; overflow: hidden; font-size: 14px; line-height: 140%; overflow: hidden; } #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#candidates li div.user_minicard div.infos div.screen_name, #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#selected li div.user_minicard div.infos div.screen_name, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#candidates li div.user_minicard div.infos div.screen_name, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#selected li div.user_minicard div.infos div.screen_name, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#candidates li div.user_minicard div.infos div.screen_name, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#selected li div.user_minicard div.infos div.screen_name, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#candidates li div.user_minicard div.infos div.screen_name, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#selected li div.user_minicard div.infos div.screen_name { color: #3399dd; font-weight: bold; height: 14px; } #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#candidates li div.user_minicard div.infos div.name, #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#selected li div.user_minicard div.infos div.name, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#candidates li div.user_minicard div.infos div.name, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#selected li div.user_minicard div.infos div.name, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#candidates li div.user_minicard div.infos div.name, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#selected li div.user_minicard div.infos div.name, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#candidates li div.user_minicard div.infos div.name, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#selected li div.user_minicard div.infos div.name { color: #333333; height: 14px; } #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#candidates li div.user_minicard div.infos div.bio, #body #content div#publish div.multi_dm div.control_panel div.candidates_wrapper ul#selected li div.user_minicard div.infos div.bio, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#candidates li div.user_minicard div.infos div.bio, #body #content div#publish div.multi_dm div.control_panel div.selected_wrapper ul#selected li div.user_minicard div.infos div.bio, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#candidates li div.user_minicard div.infos div.bio, #body #content div#publish div.multi_mention div.control_panel div.candidates_wrapper ul#selected li div.user_minicard div.infos div.bio, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#candidates li div.user_minicard div.infos div.bio, #body #content div#publish div.multi_mention div.control_panel div.selected_wrapper ul#selected li div.user_minicard div.infos div.bio { color: #999999; height: 14px; } #body #content div#publish div.multi_dm div.dm_form_wrapper, #body #content div#publish div.multi_dm div.mention_form_wrapper, #body #content div#publish div.multi_mention div.dm_form_wrapper, #body #content div#publish div.multi_mention div.mention_form_wrapper { margin-top: 5px; } #body #content div#publish div.multi_dm div.dm_form_wrapper div.element, #body #content div#publish div.multi_dm div.mention_form_wrapper div.element, #body #content div#publish div.multi_mention div.dm_form_wrapper div.element, #body #content div#publish div.multi_mention div.mention_form_wrapper div.element { margin-bottom: 5px; } #body #content div#publish div.multi_dm div.dm_form_wrapper div.element div.counter, #body #content div#publish div.multi_dm div.mention_form_wrapper div.element div.counter, #body #content div#publish div.multi_mention div.dm_form_wrapper div.element div.counter, #body #content div#publish div.multi_mention div.mention_form_wrapper div.element div.counter { text-align: right; font-size: 24px; line-height: 130%; color: #999999; font-weight: bold; font-family: "Georgia"; } #body #content div#publish div.multi_dm div.dm_form_wrapper div.element div.counter.over, #body #content div#publish div.multi_dm div.mention_form_wrapper div.element div.counter.over, #body #content div#publish div.multi_mention div.dm_form_wrapper div.element div.counter.over, #body #content div#publish div.multi_mention div.mention_form_wrapper div.element div.counter.over { color: red; } #body #content div#publish div.multi_dm div.dm_form_wrapper div.element textarea.text, #body #content div#publish div.multi_dm div.mention_form_wrapper div.element textarea.text, #body #content div#publish div.multi_mention div.dm_form_wrapper div.element textarea.text, #body #content div#publish div.multi_mention div.mention_form_wrapper div.element textarea.text { font-size: 14px; line-height: 16px; width: 510px; height: 58px; } #body #content div#publish div.multi_dm div.dm_form_wrapper div.submit, #body #content div#publish div.multi_dm div.mention_form_wrapper div.submit, #body #content div#publish div.multi_mention div.dm_form_wrapper div.submit, #body #content div#publish div.multi_mention div.mention_form_wrapper div.submit { text-align: right; } #body #content div#publish div.multi_dm ul#dms, #body #content div#publish div.multi_dm ul#mentions, #body #content div#publish div.multi_mention ul#dms, #body #content div#publish div.multi_mention ul#mentions { margin: 10px 0; } #body #content div#publish div.multi_dm ul#dms li.dm, #body #content div#publish div.multi_dm ul#dms li.mention, #body #content div#publish div.multi_dm ul#mentions li.dm, #body #content div#publish div.multi_dm ul#mentions li.mention, #body #content div#publish div.multi_mention ul#dms li.dm, #body #content div#publish div.multi_mention ul#dms li.mention, #body #content div#publish div.multi_mention ul#mentions li.dm, #body #content div#publish div.multi_mention ul#mentions li.mention { background: white url(/images/bg_card.png) repeat-x 0 0; padding: 10px 0; margin-bottom: 2px; border-style: solid; border-color: white #b7b7b7 #b7b7b7 white; border-width: 1px; } #body #content div#publish div.multi_dm ul#dms li.dm:after, #body #content div#publish div.multi_dm ul#dms li.mention:after, #body #content div#publish div.multi_dm ul#mentions li.dm:after, #body #content div#publish div.multi_dm ul#mentions li.mention:after, #body #content div#publish div.multi_mention ul#dms li.dm:after, #body #content div#publish div.multi_mention ul#dms li.mention:after, #body #content div#publish div.multi_mention ul#mentions li.dm:after, #body #content div#publish div.multi_mention ul#mentions li.mention:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #body #content div#publish div.multi_dm ul#dms li.dm, #body #content div#publish div.multi_dm ul#dms li.mention, #body #content div#publish div.multi_dm ul#mentions li.dm, #body #content div#publish div.multi_dm ul#mentions li.mention, #body #content div#publish div.multi_mention ul#dms li.dm, #body #content div#publish div.multi_mention ul#dms li.mention, #body #content div#publish div.multi_mention ul#mentions li.dm, #body #content div#publish div.multi_mention ul#mentions li.mention { display: inline-block; } * html #body #content div#publish div.multi_dm ul#dms li.dm, * html #body #content div#publish div.multi_dm ul#dms li.mention, * html #body #content div#publish div.multi_dm ul#mentions li.dm, * html #body #content div#publish div.multi_dm ul#mentions li.mention, * html #body #content div#publish div.multi_mention ul#dms li.dm, * html #body #content div#publish div.multi_mention ul#dms li.mention, * html #body #content div#publish div.multi_mention ul#mentions li.dm, * html #body #content div#publish div.multi_mention ul#mentions li.mention { height: 1%; } #body #content div#publish div.multi_dm ul#dms li.dm, #body #content div#publish div.multi_dm ul#dms li.mention, #body #content div#publish div.multi_dm ul#mentions li.dm, #body #content div#publish div.multi_dm ul#mentions li.mention, #body #content div#publish div.multi_mention ul#dms li.dm, #body #content div#publish div.multi_mention ul#dms li.mention, #body #content div#publish div.multi_mention ul#mentions li.dm, #body #content div#publish div.multi_mention ul#mentions li.mention { display: block; } #body #content div#publish div.multi_dm ul#dms li.dm div.avatar, #body #content div#publish div.multi_dm ul#dms li.mention div.avatar, #body #content div#publish div.multi_dm ul#mentions li.dm div.avatar, #body #content div#publish div.multi_dm ul#mentions li.mention div.avatar, #body #content div#publish div.multi_mention ul#dms li.dm div.avatar, #body #content div#publish div.multi_mention ul#dms li.mention div.avatar, #body #content div#publish div.multi_mention ul#mentions li.dm div.avatar, #body #content div#publish div.multi_mention ul#mentions li.mention div.avatar { width: 48px; font-size: 0; line-height: 0; padding: 0 10px 0 5px; } #body #content div#publish div.multi_dm ul#dms li.dm div.body, #body #content div#publish div.multi_dm ul#dms li.mention div.body, #body #content div#publish div.multi_dm ul#mentions li.dm div.body, #body #content div#publish div.multi_dm ul#mentions li.mention div.body, #body #content div#publish div.multi_mention ul#dms li.dm div.body, #body #content div#publish div.multi_mention ul#dms li.mention div.body, #body #content div#publish div.multi_mention ul#mentions li.dm div.body, #body #content div#publish div.multi_mention ul#mentions li.mention div.body { font-size: 14px; line-height: 16px; width: 450px; padding-right: 5px; } #body #content div#publish div.multi_dm ul#dms li.dm div.body a, #body #content div#publish div.multi_dm ul#dms li.mention div.body a, #body #content div#publish div.multi_dm ul#mentions li.dm div.body a, #body #content div#publish div.multi_dm ul#mentions li.mention div.body a, #body #content div#publish div.multi_mention ul#dms li.dm div.body a, #body #content div#publish div.multi_mention ul#dms li.mention div.body a, #body #content div#publish div.multi_mention ul#mentions li.dm div.body a, #body #content div#publish div.multi_mention ul#mentions li.mention div.body a { text-decoration: none; color: #3399dd; } #body #content div#publish div.multi_dm ul#dms li.dm div.body a:hover, #body #content div#publish div.multi_dm ul#dms li.mention div.body a:hover, #body #content div#publish div.multi_dm ul#mentions li.dm div.body a:hover, #body #content div#publish div.multi_dm ul#mentions li.mention div.body a:hover, #body #content div#publish div.multi_mention ul#dms li.dm div.body a:hover, #body #content div#publish div.multi_mention ul#dms li.mention div.body a:hover, #body #content div#publish div.multi_mention ul#mentions li.dm div.body a:hover, #body #content div#publish div.multi_mention ul#mentions li.mention div.body a:hover { text-decoration: underline; } #body #content div#publish div.multi_dm ul#dms li.dm div.body div.created_at, #body #content div#publish div.multi_dm ul#dms li.mention div.body div.created_at, #body #content div#publish div.multi_dm ul#mentions li.dm div.body div.created_at, #body #content div#publish div.multi_dm ul#mentions li.mention div.body div.created_at, #body #content div#publish div.multi_mention ul#dms li.dm div.body div.created_at, #body #content div#publish div.multi_mention ul#dms li.mention div.body div.created_at, #body #content div#publish div.multi_mention ul#mentions li.dm div.body div.created_at, #body #content div#publish div.multi_mention ul#mentions li.mention div.body div.created_at { color: #999999; font-size: 11px; padding-top: 3px; height: 13px; overflow: hidden; } #body #content div#publish div.multi_dm ul#dms li.dm ul.logs.shows, #body #content div#publish div.multi_dm ul#dms li.mention ul.logs.shows, #body #content div#publish div.multi_dm ul#mentions li.dm ul.logs.shows, #body #content div#publish div.multi_dm ul#mentions li.mention ul.logs.shows, #body #content div#publish div.multi_mention ul#dms li.dm ul.logs.shows, #body #content div#publish div.multi_mention ul#dms li.mention ul.logs.shows, #body #content div#publish div.multi_mention ul#mentions li.dm ul.logs.shows, #body #content div#publish div.multi_mention ul#mentions li.mention ul.logs.shows { margin-top: 10px; border-top: 1px dashed #bdbdbd; } #body #content div#publish div.multi_dm ul#dms li.dm ul.logs li.log, #body #content div#publish div.multi_dm ul#dms li.mention ul.logs li.log, #body #content div#publish div.multi_dm ul#mentions li.dm ul.logs li.log, #body #content div#publish div.multi_dm ul#mentions li.mention ul.logs li.log, #body #content div#publish div.multi_mention ul#dms li.dm ul.logs li.log, #body #content div#publish div.multi_mention ul#dms li.mention ul.logs li.log, #body #content div#publish div.multi_mention ul#mentions li.dm ul.logs li.log, #body #content div#publish div.multi_mention ul#mentions li.mention ul.logs li.log { padding-top: 10px; } #body #content div#publish div.publicities { width: 520px; } #body #content div#publish div.publicities h2 { margin-bottom: 10px; line-height: 200%; } #body #content div#publish div.publicities h3 { color: #222; margin-bottom: 10px; font-size: 14px; } #body #content div#publish div.publicities h4.warn { color: #ff6339; margin-bottom: 10px; font-size: 17px; } #body #content div#publish div.publicities div.new_publicity_form form textarea#publicity_body { font-size: 14px; line-height: 16px; width: 510px; height: 58px; } #body #content div#publish div.publicities div.new_publicity_form form div.submit { text-align: right; } #body #content div#publish div.publicities ul#publicities { margin: 10px 0; } #body #content div#publish div.publicities ul#publicities li.publicity { background: white url(/images/bg_card.png) repeat-x 0 0; padding: 10px 0; margin-bottom: 2px; border-style: solid; border-color: white #b7b7b7 #b7b7b7 white; border-width: 1px; } #body #content div#publish div.publicities ul#publicities li.publicity:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #body #content div#publish div.publicities ul#publicities li.publicity { display: inline-block; } * html #body #content div#publish div.publicities ul#publicities li.publicity { height: 1%; } #body #content div#publish div.publicities ul#publicities li.publicity { display: block; } #body #content div#publish div.publicities ul#publicities li.publicity div.avatar { width: 48px; font-size: 0; line-height: 0; padding: 0 10px 0 5px; } #body #content div#publish div.publicities ul#publicities li.publicity div.body { font-size: 14px; line-height: 16px; width: 450px; padding-right: 5px; } #body #content div#publish div.publicities ul#publicities li.publicity div.body a { text-decoration: none; color: #3399dd; } #body #content div#publish div.publicities ul#publicities li.publicity div.body a:hover { text-decoration: underline; } #body #content div#publish div.publicities ul#publicities li.publicity div.body div.created_at { color: #999999; font-size: 11px; padding-top: 3px; height: 13px; overflow: hidden; } #body #content div#publish ul.actions { width: 207px; margin-left: 10px; border-bottom: 1px solid #e7e7e7; } #body #content div#publish ul.actions li { font-size: 14px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #c7c7c7; padding: 10px 0; } #body #content div#publish ul.actions li a { color: #666666; text-decoration: none; } #body #content div#publish ul.actions li.first { border-top: none; } #body #content div#publish ul.actions li.showing { font-weight: bold; list-style-type: square; list-style-position: inside; } #body #content div#publish ul.actions li.showing a { color: #333333; text-decoration: underline; } #body #content div.photo { margin-bottom: 10px; } #body #content div.card div.card_wrapper { height: 100% !important; padding-bottom: 5px; } #body #content div.card div.card_wrapper div.details div.description { padding-top: 5px; height: 100% !important; } #body #content div.card div.dm2host { margin-top: 10px; } #body #content div.card div.map { margin-top: 10px; background: white url('/images/bg_card.png') repeat-x 0 0; width: 520px; padding: 10px; background-color: white; text-align: center; border-style: solid; border-color: white #b7b7b7 #b7b7b7 white; border-width: 1px; } #body #content div.card div.map div.action { text-align: right; margin-top: 10px; } #body #content div.card div.map div.action a { color: #99cc22; font-size: 11px; letter-spacing: -1px; } #body #content div.card div.map div.action a:hover { background-color: #99cc22; color: white; } #body #content div.card div.note { background: transparent url(/images/attention.png) no-repeat left bottom; text-indent: 47px; margin-top: 5px; color: #ff6339; font-size: 13px; width: 542px; height: 42px; line-height: 290%; overflow: hidden; } #body #content div.card div.note a { text-decoration: none; } #body #content div.card div.note a:hover { color: #3399dd; text-decoration: underline; } #body #content div.card div.logs { margin-top: 10px; background: white url('/images/bg_card.png') repeat-x 0 0; width: 520px; padding: 10px; background-color: white; border-style: solid; border-color: white #b7b7b7 #b7b7b7 white; border-width: 1px; } #body #content div.card div.logs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #body #content div.card div.logs { display: inline-block; } * html #body #content div.card div.logs { height: 1%; } #body #content div.card div.logs { display: block; } #body #content div.card div.logs div#new_log_wrapper #new_asset_form_wrapper { position: absolute; margin-top: 76px; } #body #content div.card div.logs div#new_log_wrapper #new_asset_form_wrapper .fake_file_selector { position: absolute; z-index: 1; padding-top: 2px; width: 111px; } #body #content div.card div.logs div#new_log_wrapper #new_asset_form_wrapper .fake_file_selector strong { padding: 0 3px; color: #3399dd; } #body #content div.card div.logs div#new_log_wrapper #new_asset_form_wrapper .fake_file_selector a.hover { border: 1px solid #3399dd; background-position: 0 -5px; } #body #content div.card div.logs div#new_log_wrapper #new_asset_form_wrapper .real_file_selector { position: relative; left: -5px; z-index: 2; } #body #content div.card div.logs div#new_log_wrapper #new_asset_form_wrapper .real_file_selector input.file { width: 92px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #body #content div.card div.logs div#new_log_wrapper #new_asset_form_wrapper .real_file_selector input.file:focus { outline: none; } #body #content div.card div.logs div#new_log_wrapper form textarea#log_body { font-size: 14px; line-height: 16px; width: 510px; height: 58px; } #body #content div.card div.logs div#new_log_wrapper form div.submit { text-align: right; } #body #content div.card div.logs ul#log_list { border-bottom: 1px dashed #bdbdbd; margin-top: 5px; } #body #content div.card div.logs ul#log_list li.log { border-top: 1px dashed #bdbdbd; padding: 10px 0; } #body #content div.card div.logs ul#log_list li.log:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #body #content div.card div.logs ul#log_list li.log { display: inline-block; } * html #body #content div.card div.logs ul#log_list li.log { height: 1%; } #body #content div.card div.logs ul#log_list li.log { display: block; } #body #content div.card div.logs ul#log_list li.log div.asset_for_card_log { position: absolute; margin-left: -78px; width: 50px; height: 50px; background-color: white; } #body #content div.card div.logs ul#log_list li.log div.asset_for_card_log div.shadow_container { margin: 1px; } #body #content div.card div.logs ul#log_list li.log div.asset_for_card_log div.shadow_container img { width: 48px; height: 48px; } #body #content div.card div.logs ul#log_list li.log div.avatar { width: 48px; font-size: 0; line-height: 0; padding: 0 10px 0 5px; } #body #content div.card div.logs ul#log_list li.log div.body { font-size: 14px; line-height: 16px; width: 452px; padding-right: 5px; } #body #content div.card div.logs ul#log_list li.log div.body a { text-decoration: none; color: #3399dd; } #body #content div.card div.logs ul#log_list li.log div.body a:hover { text-decoration: underline; } #body #content div.card div.logs ul#log_list li.log div.body div.created_at { color: #999999; font-size: 11px; padding-top: 3px; height: 13px; overflow: hidden; } #body #content div.card div.logs ul#log_list li.log div.body div.actions { font-size: 11px; padding-top: 3px; height: 13px; overflow: hidden; } #body #content div.card div.logs ul#log_list li.log div.body div.actions a { color: white; } #body #content div.card div.logs ul#log_list li.log.hover div.actions a { color: #3399dd !important; } #body #content div.card div.logs ul#log_list li.log.hover div.actions a.warn { color: #ff6339 !important; } #body #content div.card div.logs ul#log_list li.log.hover div.actions a.warn:hover { background-color: #ff6339; color: white !important; } #body #content div.card div.logs ul.actions { margin-top: 10px; text-align: right; float: right; } #body #content div.card div.logs ul.actions:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #body #content div.card div.logs ul.actions { display: inline-block; } * html #body #content div.card div.logs ul.actions { height: 1%; } #body #content div.card div.logs ul.actions { display: block; } #body #content div.card div.logs ul.actions li { float: left; margin-left: 10px; } #body #content div.card div.logs ul.actions li a { color: #99cc22; text-decoration: underline; } #body #content div.card div.logs ul.actions li a:hover { color: #33ccff; } #body #content ul#joined_cards:after, #body #content ul#cards:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #body #content ul#joined_cards, #body #content ul#cards { display: inline-block; } * html #body #content ul#joined_cards, * html #body #content ul#cards { height: 1%; } #body #content ul#joined_cards, #body #content ul#cards { display: block; } #body #content ul#joined_cards li.card, #body #content ul#cards li.card { float: left; margin-bottom: 10px; } #body #content div.card_wrapper { width: 520px; height: 271px; padding: 10px; overflow: hidden; background: white url('/images/bg_card.png') repeat-x 0 0; border-style: solid; border-color: white #b7b7b7 #b7b7b7 white; border-width: 1px; } #body #content div.card_wrapper h5 { font-size: 15px; font-weight: bold; line-height: 150%; height: 20px; margin-bottom: 5px; overflow: hidden; } #body #content div.card_wrapper h5 .date { color: #ff6339; } #body #content div.card_wrapper h5 .hash_tag a, #body #content div.card_wrapper h5 .title a { text-decoration: none; color: #464646; } #body #content div.card_wrapper h5 .hash_tag a:hover, #body #content div.card_wrapper h5 .title a:hover { text-decoration: underline; } #body #content div.card_wrapper h5 .hash_tag.locked, #body #content div.card_wrapper h5 .title.locked { background: transparent url(/images/locked.gif) no-repeat 0 30%; text-indent: 15px; color: #ff6339; } #body #content div.card_wrapper h5 .hash_tag.locked a, #body #content div.card_wrapper h5 .title.locked a { color: #ff6339; padding-left: 15px; } #body #content div.card_wrapper div.photo_frame { margin-right: 10px; width: 192px; height: 256px; } #body #content div.card_wrapper div.photo_frame div#delete_to_upload_again { position: absolute; padding-top: 2px; } #body #content div.card_wrapper div.photo_frame div#delete_to_upload_again strong { padding: 0 3px; color: #ff6339; } #body #content div.card_wrapper div.photo_frame img.photo { width: 192px; height: 256px; } #body #content div.card_wrapper div.details { width: 318px; } #body #content div.card_wrapper div.details dl { line-height: 180%; } #body #content div.card_wrapper div.details dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #body #content div.card_wrapper div.details dl { display: inline-block; } * html #body #content div.card_wrapper div.details dl { height: 1%; } #body #content div.card_wrapper div.details dl { display: block; } #body #content div.card_wrapper div.details dl dt { float: left; width: 60px; text-align: center; background-color: #33ccff; color: white; } #body #content div.card_wrapper div.details dl dd { text-indent: 5px; margin-bottom: 1px; height: 22px; width: 248px; overflow: hidden; } #body #content div.card_wrapper div.details dl dd span.contact { font-size: 11px; letter-spacing: -1px; color: #ff6339; } #body #content div.card_wrapper div.details dl dd.short { float: left; width: 94px; overflow: hidden; } #body #content div.card_wrapper div.details div.description { padding-top: 5px; height: 125px; overflow: hidden; } #body #content div.card_wrapper div.details form input#card_title { width: 204px; } #body #content div.card_wrapper div.details div.dots { line-height: 100%; } #body #content div.card_wrapper div.details div.actions { font-size: 11px; letter-spacing: -1px; } #body #content div.card_wrapper div.details div.actions span { padding-right: 3px; } #body #content div.card_wrapper div.details div.actions span.shorten_url { letter-spacing: 0; color: black; } #body #content div.card_wrapper div.details div.actions a { color: #99cc22; text-decoration: underline; } #body #content div.card_wrapper div.details div.actions a:hover { color: #33ccff; } #body #content div.card_wrapper div.details form textarea.text { width: 306px; height: 88px; } #body #content div#view_closed_cards { text-align: center; font-size: 14px; line-height: 200%; padding: 10px 0; } #body #content div#board { width: 207px; margin-left: 10px; color: #999999; } #body #content div#board ul.helps li { margin-bottom: 10px; } #body #content ul.reactions { width: 207px; margin-left: 10px; } #body #content ul.reactions:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #body #content ul.reactions { display: inline-block; } * html #body #content ul.reactions { height: 1%; } #body #content ul.reactions { display: block; } #body #content ul.members { width: 212px; padding-left: 5px; } #body #content ul.members:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #body #content ul.members { display: inline-block; } * html #body #content ul.members { height: 1%; } #body #content ul.members { display: block; } #body #content ul.members li.member { float: left; line-height: 0; font-size: 0; padding-left: 5px; padding-top: 5px; width: 48px; height: 48px; } #body #content div.downloads { width: 207px; text-align: center; margin-left: 10px; margin-top: 5px; } #body #content div.downloads:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #body #content div.downloads { display: inline-block; } * html #body #content div.downloads { height: 1%; } #body #content div.downloads { display: block; } #body #content div.downloads div.ical a, #body #content div.downloads div.gcal a { color: #999999; font-size: 11px; letter-spacing: -1px; } #body #content div.downloads div.ical a:hover, #body #content div.downloads div.gcal a:hover { color: #333333; } #body div.state { font-size: 11px; text-align: center; color: #666666; } #footer { font-size: 10px; letter-spacing: 0.1em; color: #666666; text-align: center; } #footer address { font-style: normal; } #footer address span.seperator { color: #999999; } #footer address span.mailto { text-decoration: none; } #footer address a { color: #666666; text-decoration: none; padding: 0 5px; } #footer address a:hover { background-color: #666666; color: white; }