@charset "utf-8"; *{ font-family:Arial, Helvetica, sans-serif; outline:medium none; } body,html{ height:100%; } body { margin: 0px; background-color:#FFFFFF; background:url("../images/bg/dash_header.png") repeat-x scroll 0 0 transparent; } body.public_page{ margin: 0px; background-color:#FFFFFF; } #container{ min-height:100%; position:relative; } small{ margin-bottom: 0; } #wrapper{ margin:0 auto; width:960px; } /*top*/ #banner{ color:#FFFFFF; height:68px; margin:0 auto; width:960px; } #banner_public img{ border:medium none; display:inline; float:left; position:relative; top:22px; } #banner img{ border:medium none; } #banner .logos{ border:medium none; display:inline; float:left; } #banner_public { color:#FFFFFF; height:73px; margin:0 auto; width:960px; } #banner .gravatar { border:medium none; position:relative; top:0; width:45px; } .header{ position: relative; height: 80px; } .header .logos{ overflow:hidden; position:absolute; top:9px; } .header .logo a{ display:block; height:100%; } #banner_guest{ width:960px; height:60px; margin:0 auto;color:#FFFFFF;} #banner_guest img{ border:none; display:inline; float:left; position:relative; top:13px;} #banner_guest .gravatar { border:medium none; position:relative; top:0; width:45px; } .gravatar_box_bio{ background-image:url("../images/avatar.jpg"); border:1px solid #A4A4A6; float:left; height:45px; margin-bottom:10px; margin-top:10px; width:45px; } .gravatar_public_box{ background:url("../images/avatar_public.jpg") no-repeat scroll 50% 1px transparent; float:left; height:36px; margin-right:0; margin-top:-2px; width:36px; } .gravatar_box{ background-image:url("../images/avatar.jpg"); border:1px solid #A4A4A6; float:left; height:45px; margin-left:8px; margin-top:-7px; width:45px; } .gravatar_box_small{ background-image:url("../images/small_avatar.jpg"); border:1px solid #A4A4A6; float:left; height:25px; margin-left:8px; width:25px; } .gravatar_small_tab{ border:medium none; } .gravatar_box_tab{ background-image:url("../images/small_avatar.jpg"); border:1px solid #A4A4A6; display:inline-block; height:25px; margin-left:5px; margin-top:-9px; vertical-align:sub; width:25px; } #banner span{ font-weight:bold; font-size:12px; padding-top:10px; margin:0px; top:0px; float:left; margin-left:-56px; } #banner p{ margin-top:5px; } a.topleftlink{ position:absolute; margin-left:0px; padding-top:10px; color:#9E1016; text-decoration:underline; font-weight:bold; font-size:12px; } a:hover.topleftlink{ color:#FFFFFF; text-decoration:underline; font-weight:bold; } #banner h1{ padding-top:20px; margin:0px; font-size:20px; top:0px; float:left; left:0px; margin-left:0px; margin-top:5px; display:inline; } #login_public{ background:url("../images/lower_top_bar.png") no-repeat scroll left top transparent; border:medium none; color:#000000; float:right; font-size:12px; height:36px; padding:0; text-align:right; width:700px; } #menu_top_user{ -moz-border-radius:6px; -webkit-border-radius:6px; background:none repeat scroll 0 0 #F0F0F0; border:medium none; color:#000000; float:right; font-size:12px; height:36px; padding:0; text-align:right; width:95%; } #menu_top_user a{ text-decoration:none; border:none; } #login_public img{ } #menu_lower { font-size:12px; } #menu_lower ul { margin-bottom:0; margin-right:15px; margin-top:11px; } #menu_lower ul li { display:inline; padding:0; } #menu_lower ul li a.last { color:#FFFFFF; padding-left:20px; padding-right:20px; } #menu_lower ul li a.last:hover { color:#D0D0D0; } #menu_lower ul li a.selected{ -moz-border-radius:4px; -webkit-border-radius:4px; background:none repeat scroll 0 0 #FFFFFF; border-color:#CCCCCC #EEEEEE #EEEEEE #CCCCCC; border-style:solid; border-width:1px; color:#003867; font-weight:bold; padding:6px 10px; } #menu_lower ul li a { color:#666666; font-weight:bold; height:24px; margin:0 auto; padding-left:10px; padding-right:10px; text-align:center; text-decoration:none; } #menu_lower ul li a:hover { color:#222222; } #login{ border:medium none; color:#FFFFFF; float:right; font-size:12px; margin-top:30px; } #login a, #banner a{ color:#BBBBBB; text-decoration:underline; font-weight:bold;} #login a:hover, #banner a:hover{ color:#FFFFFF; text-decoration:underline; font-weight:bold;} /**********************************************/ /**********************************************/ .search_box{ color:#868686; font-size:12px; margin-bottom:25px; margin-top:16px; text-align:right; } .search_box ul{ display:inline-block; position:relative; top:2px; } .search_box ul li{ display:inline; padding-left:25px; } .project_container{ background:#F0F0F0; border:1px solid #E5E5E5; -moz-border-radius:6px; -webkit-border-radius:6px; margin-bottom:20px; } .title { border-bottom:1px solid #E5E5E5; padding:15px; text-align:right; } .create_new_project:hover{ background-position:left bottom; } .create_new_project { background:url("../images/dashboard/new_project.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:inline-block; float:left; height:31px; margin-top:20px; width:173px; } #create_new_project:hover{ background-position:left bottom; } #create_new_project { background:url("../images/dashboard/new_project.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:inline-block; float:left; height:31px; width:173px; } .drop_down:hover{ background-position:left bottom; } .drop_down { background:url("../images/dashboard/drop_down.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:inline-block; height:8px; margin-bottom:2px; width:12px; } .drop_up:hover{ background-position:left bottom; } .drop_up { background:url("../images/dashboard/drop_up.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:inline-block; height:11px; margin-bottom:1px; width:10px; } .project_title{ color:#003867; float:left; font-size:18px; margin-top:-3px; } .search_project{ background:url("../images/dashboard/search.png") no-repeat scroll left top transparent; border:1px solid #CCCCCC; color:#868686; font-size:12px; height:21px; padding-left:20px; width:150px; } .title_ul{ display:inline-block; font-size:11px; color:#999999; } .title_ul li{ display:inline; margin-right:10px; text-shadow:1px 1px 0 #FFFFFF; } .title_ul li a{ color:#999999; text-decoration:underline; } .title_ul li a:hover{ color:#666666; } .project_apps{ border-top:1px solid #F8F8F8; overflow:hidden; padding:20px; } .project_apps .rhodes{ background:none repeat scroll 0 0 #FFFFFF; border:1px solid #CCCCCC; float:left; margin-right:10px; padding:12px 12px 25px; width:428px; } .project_apps .rhosync{ background:none repeat scroll 0 0 #FFFFFF; border:1px solid #CCCCCC; float:right; padding:12px 12px 25px; width:428px; } .project_apps p{ color:#666666; font-size:12px; line-height:20px; margin-bottom:18px; } .link_holder{ color:#878787; font-size:11px; margin:5px -7px 0 0; text-align:right; } .link_holder li{ display:inline; margin-right:5px; } .link_holder li a, .link_holder li a:visited{ -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius:6px; border:1px solid #CCCCCC; padding:5px 8px; color:#666666; text-decoration:none; } .link_holder li a#active{ background:url("../images/dashboard/greenled.png") no-repeat scroll left center transparent; border:1px solid #CCCCCC; color:#666666; padding:5px 8px 5px 22px; text-decoration:none; } .link_holder li a#active:hover{ background:url("../images/dashboard/greenled.png") no-repeat scroll left center #ECECEC; } .link_holder li a#unactive{ background:url("../images/dashboard/backled.png") no-repeat scroll left center transparent; border:1px solid #CCCCCC; color:#666666; padding:5px 8px 5px 22px; text-decoration:none; } .link_holder li a#unactive:hover{ background:url("../images/dashboard/backled.png") no-repeat scroll left center #ECECEC; } .link_holder li a#running{ background:url("../images/dashboard/orange_led.png") no-repeat scroll left center transparent; border:1px solid #CCCCCC; color:#666666; padding:5px 8px 5px 22px; text-decoration:none; } .link_holder li a#running:hover{ background:url("../images/dashboard/orange_led.png") no-repeat scroll left center #ECECEC; } .link_holder li a#disable{ background:#EBEBEB; border:1px solid #CECECE; color:#A3A3A3; text-shadow:1px 1px 0 #FFFFFF; cursor:default; } .link_holder li a#true{ background:#8AB617; border:1px solid #8AB617; color:#FFFFFF; } .link_holder li a#true:hover{ background:#7AA214; border:1px solid #7AA214; color:#FFFFFF; } .link_holder li a#false{ background:#999999; border:1px solid #999999; color:#FFFFFF; } .link_holder li a#false:hover{ background:#7F7F7F; border:1px solid #7F7F7F; color:#FFFFFF; } .link_holder li a:hover{ background:#ECECEC; } .app_container{ margin-top:25px; } .app_container_icon{ float:left; width:45px; } .app_name{ display:inline-block; margin-top:5px; } .app_container_name{ float:left; } .app_container_name h3{ display:inline; font-size:16px; } .app_container_name .updated_at{ color:#888888; font-size:10px; } .git_url_container{ margin-top:10px; } .git_url_copy{ -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px; background:none repeat scroll 0 0 #999999; color:#FFFFFF; font-size:10px; padding:5px 4px 4px 8px; } .git_url{ border:1px solid #CCCCCC; color:#999999; margin-left:-5px; padding:3px; width:300px; } .copy_url_to_clipboard{ position:relative; top:2px; } .copied{ color:#999999; font-size:10px; left:410px; position:absolute; top:75px; } question_modal_build:hover, #question_modal:hover{ background-position:left bottom; } #question_modal { background:url("../images/dashboard/question.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:inline-block; float:right; height:16px; margin-left:10px; vertical-align:middle; width:16px; } #question_modal_build { background:url("../images/dashboard/question.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:inline-block; height:16px; margin-left:5px; vertical-align:middle; width:16px; } #question_ssh:hover{ background-position:left bottom; } #question_ssh { background:url("../images/dashboard/question.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:inline-block; float:right; height:16px; margin-top:-30px; vertical-align:middle; width:16px; } #question:hover{ background-position:left bottom; } #question { background:url("../images/dashboard/question.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:inline-block; height:16px; margin-top:-3px; vertical-align:middle; width:16px; } .colaborators_box{ border:1px solid #CCCCCC; float:left; margin-top:10px; width:100%; } .colaborators_box h4{ color:#333333; float:left; font-size:13px; } .col_title{ padding:10px; text-align:right; } .col_title span{ display:inline; margin-right:10px; text-shadow:1px 1px 0 #FFFFFF; color:#999999; display:inline-block; font-size:11px; } .full_list{ background:none repeat scroll 0 0 #FFFFFF; border-top:1px solid #CCCCCC; padding:10px 5px 10px 10px; text-align:right; } .col_list{ margin-bottom:5px; text-align:left; } .col_list a{ border:medium none; margin-right:3px; } .col_list a img{ border:1px solid #CCCCCC; } .gravatar_col_list { background-image:url("../images/small_avatar.jpg"); border:1px solid #A4A4A6; display:inline-block; height:25px; margin-left:10px; margin-top:4px; width:25px; } #manage_colaborators{ color:#999999; font-size:10px; } /**********************************************/ /**********************************************/ ul.dashboard_ul{ list-style-image:url("../images/landing/bullet_premium.png"); margin-bottom:25px; margin-left:15px; padding:10px 25px; } ul.dashboard_ul li{ font-size:13px; height:10px; margin-top:10px; } ul.second_tabs { background:none repeat scroll 0 0 #EAE9E4; border:1px solid #F0F0F0; height:26px; margin-bottom:5px; margin-top:5px; padding:6px 10px; } ul.second_tabs li { display:inline; list-style-type:none; margin:0; } ul.second_tabs li a.selected { background:none repeat scroll 0 0 #FFFFFF; border-color:#CCCCCC #EEEEEE #EEEEEE #CCCCCC; border-style:solid; border-width:1px; color:#003867; font-weight:bold; position:relative; top:-1px; } ul.second_tabs li a { -moz-border-radius:4px; -webkit-border-radius:4px; color:#666666; float:left; font-size:14px; height:26px; line-height:26px; margin-right:10px; padding:0 8px; text-decoration:none; } ul.second_tabs li a:hover { background-color:#F0F0F0; color:#333333; } /**********************************************/ /**********************************************/ #box-outer { overflow:hidden; } .ssh_area{ background-color:#F9F9F7; border:1px solid #DEDEDE; color:#454555; display:block; font-size:11px; height:100px; margin-bottom:10px; padding:10px; width:96%; } ul.ssh_tabs { } ul.ssh_tabs li { background:none repeat scroll 0 0 #EEEEEE; border:1px solid #DDDDDD; color:#666666; font-size:12px; font-weight:bold; line-height:26px; list-style-type:none; margin:10px 0; padding:0 8px; text-decoration:none; } ul.ssh_tabs li a{ color:#666666; text-decoration:none; } ul.ssh_tabs li a:hover{ color:#666666; text-decoration:underline; } ul.ssh_tabs li a.delete_my_app { margin-right:10px; margin-top:5px; } ul.ssh_tabs li a#link { color:#666666; font-size:12px; height:26px; line-height:26px; margin-right:10px; padding:0 8px; text-decoration:none; } ul.ssh_tabs li a#link:hover { color:#003867; } /**********************************************/ /**********************************************/ #tabs { display:inline; font-size:12px; font-weight:bold; margin-left:-4px; padding:0; position:absolute; top:55px; } #tabs ul { list-style-type:none; } #tabs li { background:transparent url(../images/home_tab_right.png) no-repeat scroll right top; float:left; margin-left:3px; _margin-left:5px; _width: 80px; } #tabs a { background:transparent url(../images/home_tab_left.png) no-repeat scroll left top; color:#fff; display:block; font-size:13px; font-weight:bold; height:13px; padding:13px 26px; text-decoration:none; } #tabs a:hover { color:#fff; text-decoration:underline; } #tabs #current { background-image:url(../images/home_tab_right_on.png); color:#353535; } #tabs #current a { background-image:url(../images/home_tab_left_on.png); color:#353535; } /**********************************************/ /**********************************************/ #top-bar_public{ border-bottom:2px solid #EAE9E4; height:50px; margin:5px 0; padding:0; width:100%; } #top-bar_not_public{ height:40px; margin:14px 0; padding:0; width:100%; } #top-bar_not_public h1 { color:#003867; display:table-header-group; float:left; font-size:23px; font-weight:bold; margin-left:10px; margin-top:4px; text-shadow:1px 1px 0 #DEDEDE; } #top-bar { border-bottom:2px solid #EAE9E4; height:22px; margin:0 0 10px; padding:10px 0 5px; width:100%; } #top-bar_public h1 { color:#003867; display:inline-block; float:left; font-size:23px; font-weight:bold; margin-left:10px; margin-top:-16px; text-shadow:1px 1px 0 #DEDEDE; } #top-bar_public img{ vertical-align:text-top; } #top-bar h1 { color:#003867; font-size:15px; font-weight:bold; padding:0 0 0 10px; } #top-bar img{ vertical-align:text-top; } /**********************************************/ /**********************************************/ #menu { color:#CCCCCC; float:right; font-size:12px; padding:0; position:relative; top:-19px; } #menu ul { background-repeat:no-repeat; color:#FFFFFF; margin:27px 0 0; padding:0; } #menu ul li { display:inline; padding:0; } #menu ul li.separator{ position:relative; top:9px; } #menu ul li a { height:24px; margin:0 auto; padding-left:12px; padding-right:12px; text-align:center; text-shadow:1px 1px 0 #000000; } #menu ul li a.logout { color:#FFFFFF; } #menu ul li a.logout:hover{ -moz-border-radius:0px; -webkit-border-radius:0px; color:#c0c0c0; text-decoration:none; background:none; } #menu a:link, #menu a:visited, #menu a:active { color:#CCCCCC; font-weight:bold; text-decoration:none; } #menu a:hover { -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px; background:none repeat scroll 0 0 rgba(255, 255, 255, 0.15); color:#FFFFFF; padding:5px 12px; text-decoration:none; } /**********************************************/ /**********************************************/ #left { float:left; width:700px; height: 500px; } #content_public{ overflow:hidden; padding:0; } #content { overflow:hidden; padding:0 0 115px; } #content_public h2.app_title, #content h2.app_title { background:none repeat scroll 0 0 #DFDFDF; border-bottom:3px solid #EAE9E4; color:#003867; margin-top:0; padding:7px; } #content_public h2, #content h2 { font-weight:bold; } #content_public h3 a, #content h3 a{ color: #000000; text-decoration:none; } #content_public h3 a:hover, #content h3 a:hover{ text-decoration:underline; } /**********************************************/ /**********************************************/ .spin{ float:right; margin-right:10px; margin-top:10px; } .spin_app{ float:right; margin-right:5px; } .save_changes:hover{ background-position:left bottom; } .save_changes { background:url("../images/save_changes.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:block; height:31px; margin-bottom:5px; margin-top:15px; width:173px; } #add_public_key:hover{ background-position:left bottom; } #add_public_key { background:url("../images/add_public_key.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:block; height:31px; margin-bottom:5px; margin-top:5px; width:173px; } .create_app:hover{ background-position:left bottom; } .create_app { background:url("../images/create_app.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:block; height:31px; margin-bottom:5px; margin-top:5px; width:173px; } #build_app:hover{ background-position:left bottom; } #build_app { background:url("../images/build_app.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:block; float:right; height:20px; margin-right:8px; margin-top:-3px; width:62px; } #deploy_app:hover{ background-position:left bottom; } #deploy_app { background:url("../images/deploy_app.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:block; float:right; height:20px; margin-right:8px; margin-top:-3px; width:62px; } #heroku_log:hover{ background-position:left bottom; } #heroku_log { background:url("../images/heroku_logs.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:block; float:right; height:20px; margin-right:8px; margin-top:-3px; width:93px; } .copy_git_url:hover{ background-position:left bottom; } .copy_git_url{ background:url("../images/copy_git_url.png") no-repeat scroll left top transparent; display:inline-block; height:16px; vertical-align:middle; width:17px; } #create_new_app:hover{ background-position:left bottom; } #create_new_app{ background:url("../images/create_new_app.png") no-repeat scroll left top transparent; display:inline-block; height:31px; margin-bottom:18px; width:173px; } .loading{ background:none repeat scroll 0 0 #DEDEDE; color:#003867; font-size:10px; font-weight:bold; opacity:1; padding:6px; width:442px; z-index:80; } .loading img{ position:relative; top:3px; } .app_icons{ float:left; margin-right:2px; width:32px; } .app_parent{ float:left; position:relative; } .app_cover{ background:none repeat scroll 0 0 black; height:100%; left:0; margin:0; opacity:0.2; position:absolute; top:0; width:454px; z-index:40; } .border_image{ background:url("../images/corner_star.png") repeat scroll 0 0 transparent; height:111px; position:absolute; right:-10px; top:-10px; width:115px; } .my_apps_blank_other { background:none repeat scroll 0 0 #F0F0F0; border:10px solid #E5E5E5; margin-bottom:20px; padding:25px; position:relative; -moz-border-radius:6px; -webkit-border-radius:6px; } .my_apps_blank { overflow:hidden; padding:25px; background:#F0F0F0; border:1px solid #E5E5E5; -moz-border-radius:6px; -webkit-border-radius:6px; margin-bottom:20px; } .my_apps_blank_other h2{ margin-bottom:8px; margin-top:15px; } .my_apps_blank_other h1, .my_apps_blank h1{ color:#003867; display:table-header-group; font-size:23px; font-weight:bold; text-shadow:1px 1px 0 #DEDEDE; } .my_apps_blank_other p, .my_apps_blank p{ font-size:13px; line-height:20px; margin-top:5px; } .my_apps { background:none repeat scroll 0 0 #F9F9F9; border-bottom:2px solid #DEDEDE; margin-bottom:20px; overflow:hidden; padding:15px 5px 10px; } .my_apps_left { float:left; width:655px; } .ssh_public_active{ background:url("../images/ssh_buton_back.png") repeat scroll left top transparent; border:1px solid #BBBBBB; color:#FFEFFE; font-size:11px; font-weight:bold; margin-right:-5px; padding:3px 10px; text-decoration:none; text-shadow:1px 1px 0 #111111; } .ssh_public{ background:none repeat scroll 0 0 #DDDDDD; border:1px solid #BBBBBB; color:#000000; font-size:11px; font-weight:bold; margin-right:-5px; padding:3px 10px; text-decoration:none; text-shadow:1px 1px 0 #FFFFFF; } .ssh_public:hover{ background:url("../images/ssh_buton_back.png") repeat scroll left top transparent; color:#FFEFFE; text-shadow:1px 1px 0 #111111; } .my_apps_left .app_title{ float:left; font-size:16px; font-weight:bold; margin-top:0; } .my_apps_left h3{ display:inline; font-size:16px; } .my_apps_left .app_title small{ color:#888888; font-size:11px; } .my_apps_left p { font-size:12px; margin-bottom:15px; margin-top:5px; } .my_apps_right { float:right; font-size:14px; } .my_apps_right p{ } .collaborators{ color:#003867; font-size:13px; margin-bottom:10px; margin-top:12px; overflow:hidden; } .collaborators .gravatar_small{ border:medium none; height:25px; margin-bottom:10px; width:25px; } .collaborators .collaborator_box{ margin-top:5px; } hr { border:1px solid #EAE9E4; clear:both; color:#EAE9E4; height:1px; margin-top:20px; width:100%; } .create_build:hover{ background-position:left bottom; } .create_build{ background:url("../images/create_build.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:block; height:24px; margin-bottom:10px; margin-top:-10px; width:148px; } #downgrade_plan:hover{ background-position:left bottom; } #downgrade_plan{ background:url("../images/downgrade_plan.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:inline-block; height:24px; width:100px; } #upgrade_plan:hover{ background-position:left bottom; } #upgrade_plan{ background:url("../images/upgrade_plan.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:inline-block; height:24px; width:100px; } .add_new_collaborator{ background:url("../images/add_new_collaborator.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:block; height:24px; margin-bottom:5px; margin-top:-10px; width:148px; } .add_new_collaborator:hover{ background-position:left bottom; } #add_collaborator:hover{ background-position:left bottom; } #add_collaborator{ background:url("../images/add_collaborator.png") no-repeat scroll left top transparent; display:block; height:24px; margin-bottom:5px; width:148px; } #empty_edit_my_app{ display:block; float:right; height:14px; width:15px; } #empty_delete_my_app{ display:block; float:right; height:14px; margin-left:5px; margin-right:5px; width:14px; } #edit_my_app:hover{ background-position:left bottom; } #edit_my_app{ background:url("../images/app_edit.png") no-repeat scroll left top transparent; display:block; float:right; height:14px; width:15px; } .edit_my_app:hover{ background-position:left bottom; } .edit_my_app{ background:url("../images/app_edit.png") no-repeat scroll left top transparent; display:block; float:right; height:14px; width:15px; } .delete_my_app:hover{ background-position:left bottom; } .delete_my_app{ background:url("../images/app_delete.png") no-repeat scroll left top transparent; display:block; cursor:pointer; float:right; height:14px; margin-left:5px; margin-right:5px; width:14px; } .download_small:hover{ background-position:left bottom; } .download_small{ background:url("../images/download_build_small.png") no-repeat scroll left top transparent; cursor:pointer; display:block; font-size:14px; height:22px; margin-bottom:10px; margin-top:10px; padding-left:23px; padding-top:0; vertical-align:middle; } .empty_delete_my_app{ display:block; float:right; height:14px; margin-left:35px; margin-right:5px; width:14px; } #success_dashboard{ background-color:#E8FFCE; border:1px solid #339966; color:#339900; float:left; font-size:11px; font-weight:bold; padding:6px; position:fixed; text-align:center; width:408px; z-index:1000; left:0; margin:auto; right:0; top:20px; } #error_dashboard, .failure_dashboard{ background-color:#FFA3A3; border:1px solid #FF0000; color:#990000; float:left; font-size:11px; font-weight:bold; padding:6px; position:fixed; text-align:center; width:408px; z-index:1000; left:0; margin:auto; right:0; top:20px; } #success, .success{ background-color:#E8FFCE; border:1px solid #339966; color:#339900; float:left; font-size:11px; font-weight:bold; margin-left:150px; margin-top:15px; padding:6px; text-align:center; width:408px; position:fixed; z-index:1000; left:0; margin:auto; right:0; top:20px; } #error, .error, .failure{ background-color:#FFA3A3; border:1px solid #FF0000; color:#990000; float:left; font-size:11px; font-weight:bold; margin-left:150px; margin-top:15px; padding:6px; text-align:center; width:408px; position:fixed; z-index:1000; left:0; margin:auto; right:0; top:20px; } #modal_error{ background-color:#FFA3A3; border:1px solid #FF0000; color:#990000; font-size:11px; font-weight:bold; left:0; margin:auto; padding:5px; position:absolute; right:0; text-align:center; top:-40px; width:400px; } #modal_success{ background-color:#E8FFCE; border:1px solid #339966; color:#339900; font-size:11px; font-weight:bold; left:0; margin:auto; padding:5px; position:absolute; right:0; text-align:center; top:-40px; width:400px; } /**********************************************/ /**********************************************/ .boxes { -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#F9F9F7; border:1px solid #DEDEDE; border-collapse:collapse; color:#454555; /* line-height:3px;*/ margin-top:10px; overflow-x:hidden; overflow-y:auto; max-height: 350px; padding:15px; width:670px; } .gravatar_bio_profile{ border:medium none; height:45px; width:45px; } .gravatar_bio{ border:medium none; height:36px; width:36px; } .boxes h3{ font-size:18px; margin-bottom:10px; margin-top:10px; } .boxes h3 span.username{ color:#003867; font-size:23px; text-shadow:1px 1px 0 #FFFFFF; } .boxes .reg_select{ border:1px solid #CCCCCC; color:#454555; display:block; font-size:12px; height:28px; padding:5px 5px 5px 3px; width:98%; } .boxes p { font-size:13px; font-weight:100; line-height:20px; margin-bottom:10px; } .boxes p.subtitle { margin-bottom:30px; margin-top:20px; } .boxes textarea.public_key{ border:1px solid #CCCCCC; color:#454555; font-size:12px; height:115px; padding:5px; width:96%; } .boxes div.left { float:left; margin-right:10px; width:48%; } .boxes label { font-size:12px; font-weight:bold; text-align:left; } .input_search { border:1px solid #CCCCCC; color:#454555; display:block; font-size:13px; height:21px; margin-bottom:11px; padding-left:5px; width:96%; } .input { border:1px solid #CCCCCC; color:#454555; display:block; font-size:13px; height:28px; margin-bottom:20px; margin-top:10px; padding-left:5px; width:96%; } .input-short { border:1px solid #CCCCCC; color:#454555; display:block; height:28px; padding-left:5px; width:40%; font-size:13px; } .textarea { border:1px solid #CCCCCC; color:#454555; display:block; font-size:13px; height:100px; margin-bottom:20px; margin-top:10px; padding:5px; width:95%; } .textarea-handle2 { height: 7px; display: block; width:30px; background: #C5C5C5; background-image: url('http://www.mollerus.net/images/grab-handle.gif'); background-repeat: no-repeat; background-position: 50% 50%; } /**********************************************/ /**********************************************/ #right-box{ background-color:#FFFFFF; color:#454555; display:inline; float:right; font-size:14px; font-weight:bold; margin-top:22px; width:240px; } .small_bio{ } .rhohub_account{ background:none repeat scroll 0 0 #F9F9F9; border-top:1px solid #EEEEEE; font-size:11px; margin-top:20px; padding:12px; } #red_link{ color:#AE0302; font-weight:bold; text-decoration:none; } #red_link:hover{ color:#AE0302; font-weight:bold; text-decoration:underline; } a#red_link, a.red_link{ color:#AE0302; font-weight:bold; text-decoration:none; } a.red_link:hover{ color:#AE0302; font-weight:bold; text-decoration:underline; } #right-box a.red_link{ color:#AE0302; font-weight:bold; } #right-box span.box_username{ color:#003867; display:inline-block; font-size:16px; margin-bottom:5px; margin-top:-4px; } #right-box small.title_desc{ color:#888888; display:inline-block; margin-top:15px; } #right-box small.bio{ display:inline-block; margin-top:15px; } #right-box a{ color:#454555; text-decoration:none; } #right-box a:hover{ text-decoration:underline; } #right-box h2{ font-size: 110%; margin-bottom: 10px; } .right-table{ background-color:#F9F9F7; width:100%; border: 4px solid #F9F9F7; border-collapse: collapse; font-size:12px; padding:12px 2px; font-weight:100; } .right-table td{ padding-left:10px; } .right-table td.right_alignment{ text-align:right; padding-right: 10px; } .right_alignment_small{ text-align:right; padding-right: 10px; font-size:11px; } .right-table tr{ height:30px; } .right-table td.green{ color:#78C042; text-align:right; padding-right: 10px; } .right-table td.follow{ font-weight:bold; padding-left:0; } .right-table td.follow_right{ font-size:11px; font-weight:normal; text-align:right; } .right-table td.right{ font-weight:bold; } .right-table tr.follow{ font-weight:bold; padding-left:0; } .right-table tr.follow_white{ font-weight:bold; background-color:#FFFFFF; padding-left:0; } .right-table tr.white{ background-color:#FFFFFF; } #right-box li.white{ background-color:#FFFFFF; } #right-box_links{ background-color:transparent; color:#454555; display:inline; float:right; font-size:15px; font-weight:bold; width:190px; } ul.right-box_links { margin-right:2px; padding-top: 5px; } ul.right-box_links li { list-style-type:none; margin:5px 0; } ul.right-box_links li a { background:#F9F9F7; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #DEDEDE; color:#666666; display:block; font-size:13px; padding:8px 15px 7px; text-decoration:none; } ul.right-box_links li a:hover { background:none repeat scroll 0 0 #F1F1F1; } ul.right-box_links li a.selected { background:none repeat scroll 0 0 #E3E3E3; border:1px solid #DEDEDE; color:#003867; /*text-shadow:1px 1px 0 #FFFFFF;*/ } /**********************************************/ /**********************************************/ .errorExplanation { background-color:#FFFFC2; font-size:12px; margin-top:15px; padding-bottom:5px; padding-top:10px; width:97%; } .errorExplanation p{ font-size:12px; margin-bottom:0; padding-left:10px; padding-top:5px; } .errorExplanation h2{ padding-left:10px; font-size: 14px; } .errorExplanation ul li{ line-height:20px; margin-left:25px; } .fieldWithErrors{ } .fieldWithErrors label{ font-size:12px; } .fieldWithErrors .input, .fieldWithErrors .textarea, .fieldWithErrors .input_subd{ border:1px solid #FF0000; margin-bottom:5px; margin-top:-17px; } .fieldWithErrors .input, .fieldWithErrors .textarea, .fieldWithErrors .input_subd{ border:1px solid #FF0000; margin-top:7px; } .formError { color:#FF0000; font-size:10px; font-weight:bold; margin-bottom:8px; margin-left:1px; margin-top:10px; } /*************************************************************************/ /*************************************************************************/ #account_table{ border-collapse:collapse; margin:10px 0 20px; width:100%; } #account_table th{ background:none repeat scroll 0 0 #DDDDDD; color:#000000; font-size:11px; font-weight:normal; height:35px; padding:10px; text-align:left; } #account_table th.th_history{ font-weight:bold; } #account_table tr{ background:none repeat scroll 0 0 #FFFFFF; border-bottom:1px solid #DDDDDD; font-size:14px; font-weight:bold; } #account_table tr.history{ background:none repeat scroll 0 0 #FFFFFF; border-bottom:1px solid #DDDDDD; font-size:11px; font-weight:lighter; } #account_table tr.light:hover, #account_table tr.dark:hover, #account_table tr:hover{ background: #F5FFDF; } #account_table tr.dark{ background: #F9F9F9; } #account_table td{ padding:10px; line-height:10px; } #account_table td.payment{ padding:10px; line-height:10px; color:#8EC03D; font-weight:bold; } #account_table td.button{ height:35px; padding:10px; } #account_table td.name{ color:#003867; font-size:16px; } #account_table td.current{ height:35px; text-align:center; } /**********************************************/ /**********************************************/ #footer{ background:none repeat scroll 0 0 #363736; bottom:0; height:80px; margin-top:15px; position:absolute; width:100%; } #footer a{ color:#FFFFFF; } #footer .footer_content{ width:962px; margin: 0 auto; } #footer .footer_content p{ color:#FFFFFF; font-size:12px; margin-top:10px; } #footer .footer_content div{ padding-top:15px; } #footer .footer_content .foot_left{ float:left; } #footer .footer_content .foot_left a img{ border:none; } #footer .footer_content .foot_right{ float:right; } .ul_footer{ font-size:12px; list-style-type:none; margin-top:5px; padding-left:0; } .ul_footer li{ color:#FFFFFF; display:inline; padding-right:5px; } .ul_footer li a{ color:#FFFFFF; } .ul_footer li a:hover{ text-decoration:none; } /* pricing ============================================================ */ .table_pricing{ overflow:hidden; } .ul-pricing{ float:left; } .ul-pricing li{ height:25px; list-style:none outside none; } .include{ color:#666666; font-size:12px; font-weight:700; margin-left:190px; margin-top:20px; text-align:left; } .include span{ color:red; } table.pricing_table{ border-collapse:collapse; float:left; margin:0 auto; } /*** Table head styles *****/ table.pricing_table thead{ height:77px; } table.pricing_table thead tr{ height:77px; } table.pricing_table thead tr th{ color:#FFFFFF; font-size:17px; text-shadow:0 1px 1px #000000; } table.pricing_table thead tr th.empty{ padding-left:0; width:195px; } table.pricing_table thead tr th.left_border{ background:url("../images/bg/left_round.png") no-repeat scroll 0 0 transparent; text-align:center; width:145px; } table.pricing_table thead tr th.head_bg{ background:url("../images/bg/head_bg.png") no-repeat scroll 0 0 transparent; text-align:center; width:125px; } table.pricing_table thead tr th.right_border{ background:url("../images/bg/right_round.png") no-repeat scroll 0 0 transparent; width:145px; } table.pricing_table thead tr th .plan, table.pricing_table thead tr th .price, table.pricing_table thead tr th .month{ } table.pricing_table thead tr th .plan{ display:block; font-size:18px; font-weight:700; margin-bottom:20px; } table.pricing_table thead tr th .plan.free{ display:inline; font-size:17px; } table.pricing_table thead tr th .price{ font-size:17px; font-weight:700; } table.pricing_table thead tr th .month{ color:#AEAEAE; font-size:9px; margin-top:6px; position:relative; top:-8px; } /*** Table body styles *****/ table.pricing_table tbody{ } table.pricing_table tbody{ } table.pricing_table tbody tr{ height:30px; } table.pricing_table tbody tr td{ background:none repeat scroll 0 0 #FFFFFF; border-bottom:1px solid #DFDFDF; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; color:#666666; font-size:12px; font-weight:700; text-align:center; } table.pricing_table tbody tr td.button{ border-bottom:medium none; border-left:1px solid #DFDFDF; height:70px; } table.pricing_table tbody tr td.button_selected{ background:none repeat scroll 0 0 #F5FFDF; border-bottom:medium none; border-left:1px solid #DFDFDF; font-size:14px; font-weight:bold; height:70px; } table.pricing_table tbody tr.last{ height: 70px; } table.pricing_table tbody tr.last td{ border-left: none; border-bottom: none; } table.pricing_table tbody tr td.feature{ background:none repeat scroll 0 0 #E3E3E3; border-bottom:1px solid #BBBBBB; color:#333333; font-size:10px; font-weight:700; letter-spacing:0; padding-right:13px; text-align:right; } table.pricing_table tbody tr td.feature div{ height:2px; position:relative; } table.pricing_table tbody tr td.feature span.live_apps{ background:url("../images/misc/live_apps.png") no-repeat scroll 0 0 transparent; display:block; height:56px; left:0; position:absolute; top:-18px; width:57px; } table.pricing_table tbody tr td.feature span.free_apps{ background:url("../images/misc/free_apps.png") no-repeat scroll 0 0 transparent; display:block; height:56px; left:0; position:absolute; top:-18px; width:57px; } table.pricing_table tbody tr.space{ } table.pricing_table tbody tr td.feature.empty_last{ background:none repeat scroll 0 0 transparent; border-bottom:medium none; border-left:medium none; border-right:medium none; } table.pricing_table tbody tr td.feature.empty{ background:none repeat scroll 0 0 transparent; border-left:medium none; } table.pricing_table tbody tr td.feature.empty_white{ background:none repeat scroll 0 0 #FFFFFF; border-bottom:1px solid #DFDFDF; border-left:1px solid #DFDFDF; } table.pricing_table tbody tr td.feature.empty.last{ height:30px; border-bottom:medium none; } table.pricing_table tbody tr td.gray_bg{ background:#F5FFDF; } #error_body{ margin-top:80px; } #error_body .erro_box{ background:url("../images/dashboard/404.png") no-repeat scroll left top transparent; height:134px; margin:0 auto; width:956px; } #error_body .erro_box .error_text{ float:right; margin-right:87px; } #error_body .erro_box .error_text h2{ color:#838383; font-size:23px; margin-top:50px; } #error_body .erro_box .error_text p{ color:#9D9D9D; font-size:15px; margin-top:6px; } #error_body .erro_box .error_link{ color:#AE0302; display:inline-block; margin-top:14px; } .code{ background-color:#FDFDFD; border:1px solid #DEDEDE; color:#56566C; font-family:monospace; line-height:18px; margin-bottom:10px; padding:10px; }