refactoring css

This commit is contained in:
Jake Dahn 2011-01-17 03:59:30 -06:00
parent 43e9089ce6
commit 843d82b263
9 changed files with 746 additions and 2945 deletions

View File

@ -4,9 +4,8 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>OpenStack Dashboard{% block title %}{% endblock %}{% block subtitle %}{% endblock %}</title>
<link rel="stylesheet" type="text/css" href="/media/dashboard/css/new_dash.css"/>
<link rel="stylesheet" type="text/css" href="/media/dashboard/css/cupertino/jquery-ui-1.7.2.custom.css"/>
<link rel="stylesheet" type="text/css" href="/media/dashboard/css/openstack.css"/>
<link rel="stylesheet" type="text/css" href="/media/dashboard/css/cupertino/jquery-ui-1.7.2.custom.css"/>
{% block headercss %}{% endblock %}
<!--[if IE 7]><link rel="stylesheet" href="/media/dashboard/css/ie7.css" type="text/css" media="screen, projection"><![endif]-->
@ -24,7 +23,7 @@
<div id="user_info">
<span class="user">Signed in as <strong>{{ request.user.username }}</strong>.</a></span>
<ul>
<li><a id="lnk_logout" href="{% url auth_logout %}">Sign Out</a></li>
<li><a id="lnk_logout" href="{% url auth_logout %}">Sign Out</a></li>
<li><a id="lnk_change_password" href="{% url auth_password_change %}">Change Password</a></li>
</ul>
</div>
@ -45,17 +44,15 @@
</div>
<div id="footer">
<div id="foot">
<div class="c7">
<div class="ft_sitemap">
<div class="sub"><a href="{% url index %}">Dashboard</a>
<ul>
<li><a href="{% url index %}">Home</a></li>
</ul>
</div>
</div>
<div class="sitemap">
<div class="sub">
<a href="{% url index %}">Dashboard</a>
<ul>
<li><a href="{% url index %}">Home</a></li>
</ul>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
{% block footerjs %}{% endblock %}
</div>

View File

@ -4,12 +4,12 @@
<div id="sidebar">
<ul id="navigation">
{% block nav_home %}
<li><h3><a href="/">Home</a></h3></li>
<li class="first"><h3><a href="/">Home</a></h3></li>
{% endblock %}
{% block nav_projects %}
<li><h3><a href="/">Projects</a></h3></li>
{% endblock %}
</ul>
</div> <!-- end sidebar -->
</div>
{% endblock %}

View File

@ -1,749 +0,0 @@
#head{height:115px;margin-top:5px}.logo{background:url(/media/dashboard/img/home_head_logo.png) no-repeat left;float:left;height:85px;width:550px}.nav{float:right}.sub_nav {background:url(/media/dashboard/img/nav_highlight.png) no-repeat 6px bottom;float:right;height:30px;}.sub_nav a {display:block;float:left;height:20px;margin-top:4px;}
.nav {
padding-top:1px;
}
.nav a {
background:url(/media/dashboard/img/home-head-nav.png) no-repeat 0 0;
display:block;
float:left;
height:84px;
width:78px
}
.account a, .nav a {
color:#fff;font-weight:normal;
}
.account {
float:right;height:62px;width:390px;
}
.account a {
display:block;float:right;font-size:.9em;margin:12px 0;padding:8px;
}
#content {
padding:15px 0 10px;
}
.page_title {
padding-bottom:5px;
}
table {
width: 100%; margin-bottom: 25px
}
th {
background: #333; color: white; padding: 4px 8px; font-size: 1.2em;
}
td {
padding: 4px 8px;
}
.odd {
background: #adf;
}
.section {
background: #333; color: white; padding: 4px 8px; font-size: 1.5em
}
/* __ */
#bread_crumbs {
background: #2d2d2d;
float: left;
width: 920px;
color: #989898;
border-top: 1px solid #000;
margin-left: 10px;
padding: 0 5px 0 15px;
}
#bread_crumbs ul {
float: left;
margin: 0;
padding: 0;
}
#bread_crumbs ul li {
float: left;
margin-right: 10px;
list-style: none;
}
#bread_crumbs ul li a {
background: url(/media/dashboard/img/bread_crumb.gif) top right no-repeat;
display: block;
color: #ccc;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 25px;
}
#bread_crumbs ul li a:hover {
color: #fff;
}
ul#links {
list-style: none;
margin: 0;
float: left;
}
#home_login {
width: 445px;
}
#home_login fieldset {
margin: 0;
}
#home_login #error {
color: #fff;
font-size: 14px;
background: rgba(255,0,0,0.51);
padding: 5px;
display: block;
text-align: center;
border-top: 1px solid rgba(255,0,0,0.47);
border-bottom: 1px solid rgba(255,0,0,0.47);
}
#home_login label {
display: block;
float: none;
padding: 0;
margin: 0 0 5px;
width: auto;
text-align: left;
}
#home_login fieldset {
background: 0;
padding: 20px;
}
#home_login input {
height: 25px;
font-size: 20px;
margin-bottom: 20px;
width: 100%;
}
#home_login input[type="submit"] {
height: 31px;
background: url(/media/dashboard/img/login_btn.png) top left repeat-x;
border: 1px solid #206cb5;
float: left;
margin: 0 10px 0 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-border-radius: 3px;
color: #fff;
font-weight: bold;
width: 121px;
font-size: 18px;
text-shadow: #06416e -1px -1px 2px;
cursor: pointer;
clear: both;
}
#home_login input[type="submit"]:hover {
background-position: center left;
}
#home_login input[type="submit"]:active {
background-position: bottom left;
}
#home_login div {
float: right;
width: 125px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
}
#home_login div a {
margin: 0;
padding: 0;
color: rgba(255,0,4,0.75) !important;
display: inline;
}
#home_login div a:hover {
color: rgba(255,0,4,1) !important;
}
#tab_content {
float: left;
margin-left: 25px;
width: 538px;
}
.block {
float: left;
width: 254px;
margin-right: 30px;
background-color: #dff2ff;
border: 1px solid #b1e7ff;
}
#last.block {
margin-right: 0;
}
.block ul {
list-style: none;
padding: 0;
margin: 0;
}
.block ul li.odd {
background: #d2edff;
}
.block ul li {
border-bottom: 1px solid #ccc;
}
.block ul li.last {
border: navajowhite;
}
.block a {
font-size: 12px;
display: block;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
color: #0a4a7a !important;
}
#tab_content.home {
margin-left: 0;
width: 888px;
float: left;
}
#projects {
float: left;
margin: 0 20px 0 0;
width: 456px;
}
#projects li {
border-bottom: 1px solid #bce3ff;
}
#projects a {
display: block;
background: url(/media/dashboard/img/server_icon.png) no-repeat 13px 9px;
font-size: 14px;
padding-left: 58px;
height: 35px;
padding-top: 5px;
padding-bottom: 5px;
z-index: 100;
text-shadow: #000000 0 0 0;
}
#projects a:hover {
color: #fff;
background-color: #b8e1ff;
text-decoration: none;
}
#projects a:active {
background-color: #30a9ff;
}
span.data {
color: #0d66a9;
font-size: 11px;
display: block;
}
#dashboard_nav {
float: left;
list-style: none;
margin: 0;
width: 154px;
height: 400px;
}
#dashboard_nav a {
background: url(/media/dashboard/img/nav_bg.png) top left repeat-x;
display: block;
height: 16px;
color: #666;
padding: 7px;
width: 140px;
margin-bottom: 0;
}
#dashboard_nav li.active {
width: 155px;
}
#dashboard_nav li.active a {
background: #f2f5f7;
width: 141px;
border-bottom: 1px solid #333;
}
#dashboard_nav a:hover{
background-position: bottom left;
}
#right_content {
float: left;
width: 743px;
padding: 20px;
}
#welcome {
float: left;
width: 350px;
margin-right: 20px;
}
ul#content_nav {
margin: 0 0 20px;
list-style: none;
float: left;
}
ul#content_nav li {
background: #444 ;
float: left;
margin-right: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 3px;
-border-radius: 3px;
margin-bottom: 15px;
width: 847px;
padding: 1px 20px 0;
}
ul#content_nav li:hover {
opacity: 0.9;
}
ul#content_nav a {
font-weight: normal;
height: 50px;
}
ul#content_nav a:hover {
color: #fff;
}
ul#content_nav li a span {
font-size: 24px;
font-weight: bold;
display: block;
}
a#lnk_board {
background: url(/media/dashboard/img/chat_icon.png) no-repeat 0 12px;
display: block;
height: 18px;
color: #e5e5e5;
text-shadow: #595959 0 1px 2px;
padding: 7px 7px 7px 51px;
text-decoration: none;
float: left;
width: 809px;
}
a#lnk_wiki {
background: url(/media/dashboard/img/book_icon.png) no-repeat 0 12px;
display: block;
height: 18px;
width: 809px;
color: #e5e5e5;
padding: 7px 7px 7px 50px;
text-decoration: none;
text-shadow: #595959 0 1px 2px;
float: left;
}
#home_resources {
float: left;
width: 408px;
margin: 0;
}
#right_content form {
float: left;
}
#right_content .block {
width: 341px;
}
#right_content label {
text-align: left;
margin: 10px 0 5px;
font-size: 14px;
text-shadow: #fff 0 1px 2px;
}
#right_content fieldset {
padding: 20px;
margin: 0;
}
#right_content .block h2 {
margin: 0 0 5px;
}
#right_content form input {
width: 90%;
padding: 7px;
height: 15px;
margin-bottom: 10px;
}
.block.last {
margin-right: 0;
}
.ui-widget-content{
background-image: none !important;
}
.dash-wrap {
background: url(/media/dashboard/img/content_bg.gif) repeat-y 0 0 !important;
}
#right_content th, #radar th, fieldset h3, .block h3 {
background: #1b1b1b url(/media/dashboard/img/table_header_bg.png) repeat-x top left;
border: 1px solid #6e6e6e;
text-shadow: #4f4f4f 0 1px 2px;
color: #ebebeb;
font-size: 14px;
height: 22px;
}
#tab_content.home .block h3 {
margin: 0;
height: 22px;
}
.block h3 {
margin: 0;
padding-left: 10px;
padding-top: 5px;
}
.block fieldset h3 {
padding-top: 5px;
padding-left: 10px;
margin: -20px -20px 10px;
height: 17px;
}
fieldset h3 {
margin-top: -20px;
margin-left: -20px;
padding: 7px 0 5px 8px;
height: 17px;
margin-right: -20px;
}
#right_content tr.odd, #radar tr.odd {
background: #dff2ff;
}
#right_content tr.even, #radar tr.even {
background: #f1f9ff;
}
#right_content tr.even td.odd, #radar tr.even td.odd {
background: #e9f5ff;
}
#right_content tr.odd td.odd, #radar tr.odd td.odd {
background: #cceaff;
}
#right_content table form#instances {
margin-right: -27px;
}
#right_content table form.volume {
margin-right: -50px;
}
#right_content table form {
margin-right: -18px;
}
#right_content input[type="submit"], a.ui-state-default {
height: 35px;
width: auto;
float: right;
cursor: pointer;
margin: 0 4px 0 0;
}
#right_content input[type="submit"]:hover, a.ui-state-default:hover {
background: url(/media/dashboard/css/cupertino/images/ui-bg_glass_100_e4f1fb_1x400.png);
text-decoration: none;
}
#right_content input[type="submit"]:active, a.ui-state-default:active {
background-color: #c2ecff;
}
#right_content fieldset input {
margin-bottom: 10px;
margin-right: 0;
width: 279px;
}
a.ui-state-default {
padding: 8px;
height: 18px;
margin-left: -23px;
}
#page_head h2, .page_title h2{
background: url(/media/dashboard/img/page_header.png) repeat-x top left;
color: #fff;
font-size: 24px;
padding: 8px 20px;
text-shadow: #00294d -1px 0 2px;
margin-top: -10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
}
#page_head p{
color: #636363;
}
.home #page_head h2{
margin-top: 0px !important;
}
#spinner {
background: url(/media/dashboard/img/spinner.gif) no-repeat;
float: right;
width: 24px;
height: 24px;
margin-top: 1px;
display: none;
}
.home #page_head p {
padding-left: 20px;
padding-right: 20px;
}
#resources {
float: right;
margin-right: 0;
}
#frm_launch label{
display: block;
float: left;
margin-top: 10px;
margin-bottom: 5px;
text-shadow: none;
}
#frm_launch select, #authorize select {
width: 150px;
float: left;
margin-top: 8px;
}
#authorize label {
width: 100%;
}
#frm_launch .odd, #frm_launch .even {
float: left;
width: 326px;
margin: 0 -20px;
padding: 10px;
}
#frm_launch .odd {
background: #def5ff}
#frm_launch .even {
background: #c0e5ff;
}
#frm_launch textarea {
width: 98%;
margin-bottom: 5px;
}
#frm_launch h3 {
margin-bottom: 0;
}
span.image_location {
clear: both;
display: block;
}
.volumes form label {
width: 100%;
}
.volumes form select {
float: left;
width: 160px;
}
#right_content .errorlist {
padding: 5px;
margin-top: 0;
height: 15px;
float: left;
width: 283px;
margin-bottom: 10px;
}
#right_content .errorlist li {
display: block;
float: left;
}
#frm_launch .errorlist {
margin: 0;
}
.block fieldset li {
border: none;
}
.ui-state-highlight.success {
background: #baffd4 !important;
border: 1px solid #72df9b !important;
}
.ui-state-error {
background: #f99 !important;
}
.ft_info {
margin-top: 0 !important;
}
.c7 {
width: 650px;
}
em {
font-style: italic;
font-size: 12px;
}
#radar_service td{
padding: 0 !important;
margin: 0 !important;
}
#dlg_launch {
padding: 0;
}
#dlg_launch #frm_launch div {
width: 385px;
}
#dlg_launch #frm_launch textarea {
width: 280px;
margin-left: 95px;
}
#frm_launch input.ui-state-default {
margin-top: 20px !important;
margin-right: -5px !important;
}
.ui-widget-header {
background: #1b1b1b url(/media/dashboard/img/table_header_bg.png) top left repeat-x!important;
border: none !important;
font-weight: bold !important;
color: #fff !important;
}
.ui-dialog-buttonpane {
background: #c0e5ff !important;
margin: 0 !important;
}
form.form-terminate input {
margin-right: 15px !important;
}
form.form-key-delete input {
position: relative;
margin-left: 30px !important;
}
#image_launch a {
margin-left: -38px;
}
.ui-widget .close {
float: right;
}
p.error {
background-color: #f99;
color: white;
border: 1px solid #ff7676;
font-size: 13px;
padding: 5px;
margin-bottom: 20px;
}
#radar_service {
float: left;
}
td.radar_name a{
display: block;
height: 20px;
padding: 10px;
}
tr#heading {
margin-top: -20px !Important;
}
#service_head {
margin-top: 10px ;
}
#service_stats tr td{
height: 40px;
}
#radar_service th, #service_head th {
height: 20px !important;
}
#id_community_advprofile_avatar {
width: 300px;
}
code, pre {
background: #e1e1e1;
padding: 5px;
font-family: monospace;
font-size: 12px;
display: block;
margin-bottom: 20px;
}
pre code {
background: 0;
margin: 0;
}

View File

@ -1,217 +0,0 @@
#content {background:url(/media/dashboard/img/content_shadow.png) no-repeat center top;}
.sphboard_categories {
border-collapse:collapse;
width:100%;
}
.sphboard_categories td, .sphboard_categories th {
border:1px solid gray;
padding:5px;
}
.sphboard_categories th {
white-space:nowrap;
}
.sphboard_threadcount, .sphboard_postcount, .sphboard_threadcount, .sphboard_viewcount {
text-align:right;
width:5%;
}
.sphboard_latestpost {
width:40%;
}
.sphboard_postform {
border:1px solid black;
border-collapse:collapse;
width:80%;
}
.sphboard_postform td, .sphboard_postform th {
padding:3px;
}
.sphboard_postform input[type="text"], .sphboard_postform textarea {
width:80%;
}
.sph_captcha input[type="text"] {
width:100px;
}
.sphboard_post_list {
border-collapse:collapse;
width:100%;
}
.sphboard_post_list td, .sphboard_post_list th {
border:1px solid gray;
padding:5px;
}
.sphboard_post_list td.sphboard_post_subject {
height:10px;
}
.sphboard_post_list td.sphboard_post_body {
min-height:100px;
vertical-align:top;
}
.sphboard_post_list td.sphboard_post_authorinfo {
padding-top:2em;
vertical-align:top;
width:150px;
}
dl.sphboard_post_authorinfo_details dt {
font-weight:bold;
margin:0;
padding:0;
}
dl.sphboard_post_authorinfo_details dt:after {
content:": ";
}
dl.sphboard_post_authorinfo_details dd {
margin:0 0 0 1em;
padding:0;
}
.sphboard_thread_list {
border-collapse:collapse;
width:100%;
}
.sphboard_mainhead {
background-color:#0066CC;
color:white;
}
.sphboard_thread_list td, .sphboard_thread_list th {
border:1px solid gray;
padding:5px;
}
.sphboard_post_body .signature {
border-top:1px solid gray;
color:gray;
display:block;
font-size:smaller;
margin-top:20px;
padding-left:10px;
}
.sphboard_post_body .annotation_not_hidden {
border-bottom:1px solid gray;
font-size:smaller;
}
.sphboard_post_body .attachments {
border-top:1px solid black;
font-size:smaller;
margin-top:20px;
padding-left:10px;
}
.sphboard_post_body .attachments:before {
content:attr(title);
}
.sphboard {
width:100%;
}
.sphboard textarea {
width:100%;
}
.sphboard label {
margin-left:20px;
width:auto;
float:none;
}
.sphboard input {
width:100%;
}
.board_previewarea {
border:2px solid gray;
display:none;
max-height:500px;
overflow:scroll;
padding:5px;
visibility:hidden;
}
.board_threadcount {
float:left;
}
.board_pagination {
display:block;
float:right;
}
.board_postdate {
float:left;
}
.board_controls {
float:right;
}
.polls_percent {
white-space:nowrap;
}
.polls_percentbar {
background-color:#CCCCCC;
font-size:5px;
height:10px;
}
.polls_choices {
list-style:none outside none;
}
ul.sphboard_post_summary {
display:block;
list-style-type:none;
margin:0;
padding:0;
}
.sphboard_post_summary li {
border-bottom:1px dotted gray;
display:block;
margin:0;
padding:1em;
}
.sphboard_post_summary li:hover {
background-color:#DDDDFF;
}
.sphboard_post_summary dt {
padding:0;
}
.sphboard_post_summary dd.category {
display:none;
}
.sphboard_post_summary .postdate {
font-size:x-small;
font-weight:bold;
margin-bottom:1em;
}
.sphboard_post_summary .subject {
}
.sphboard_post_summary .body {
max-height:4em;
overflow:hidden;
}
.sphboard_post_summary li:hover .body {
max-height:20em;
}
table.sphlist_threadlist {
border-collapse:collapse;
width:100%;
}
table.sphlist_threadlist th {
font-size:smaller;
}
table.sphlist_threadlist td, table.sphlist_threadlist th {
border:1px solid gray;
padding:5px;
}
.sphlist_threadlist_newpost {
width:20px;
}
td.sphlist_threadlist_views, td.sphlist_threadlist_posts {
text-align:right;
width:5%;
}
th.sphlist_threadlist_views {
white-space:nowrap;
}
div.sortorder_desc:after {
content:"↓";
}
div.sortorder_asc:after {
content:"↑";
}
.sphlist_threadlist_object_count {
float:left;
}
.sphlist_threadlist_pagination {
display:block;
float:right;
}

View File

@ -1,18 +0,0 @@
html, body, div, span, img, h1, h2, h3, h4, h5, h6, p, big, small, a, del, em, strong, sub, sup, code, pre, dl, dt, dd, ol, ul, li, blockquote, q, form, label, legend, fieldset, input, select, textarea, table, tbody, tfoot, thead, caption, tr, th, td{font:normal normal normal 100%/1.22em 'Helvetica', Arial, sans-serif;margin:0;padding:0}p, h1, h2, h3, h4, h5, h6, ol, ul, table{margin-bottom:20px}body{background-color:#FBFEFF;background-position:50% top;background-repeat:repeat-x;color:#333;font-size:.875em}img, fieldset{border:0}h1, h2, h3, h4, h5, h6, strong{font-weight:bold}h1, h2, h3{margin-bottom:15px}h1{font-size:1.3em}h2{font-size:1.2em}h3, big{font-size:1.1em}h4{font-size:1em}h5, small{font-size:.9em}h6, .tiny{font-size:.8em}a{color:#06c;font-weight:bold}a:hover{cursor:pointer;text-decoration:underline}a, del{text-decoration:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}ol, ul{line-height:1.5em;margin-left:30px}ol ol, ol ul, ul ol, ul ul{margin-bottom:0}blockquote, q{quotes: none}blockquote:before, blockquote:after, q:before, q:after{content: '';content: none}table{border-collapse:collapse;border-spacing:0}caption, th{text-align:left}.right{float:right}.left{float:left}img.right{margin:0 0 5px 15px}img.left{margin:0 20px 5px 0}.clr{clear:both}#head, #content, #foot, .box{clear:both;margin:0 auto;width:960px}#content{padding:30px 0 10px}
.page_title {padding-bottom:30px}.page_side p, .page_side ol, .page_side ul {margin-bottom:5px}.page_side_item{border-bottom:1px solid #adf;margin-bottom:17px;padding-bottom:5px}
.title_blank {background:url(/media/dashboard/img/title-blank.png) no-repeat top left;color:#fff;display:block;height:74px;font-size:24px;font-weight:bold;line-height:73px;padding-left:25px;}
.blog_post {border-bottom:1px solid #adf;margin-bottom:15px}.blog_post_last {margin-bottom:20px}.blog_post_info h3, .blog_post_info p {line-height:1.5em}.blog_post_info h3 {display:inline;margin:0}.blog_post_info p {color:#555;font-size:.9em;margin:-2px 0 10px}.blog_comment {margin-left:30px;}.blog_subs ul, .blog_archive ul {list-style:none;margin-left:10px}.blog_subs a {background:url(/media/dashboard/img/item-icon-rss.png) no-repeat;padding:0 0 0 25px;}.blog_subs a, .blog_archive a {display:block;margin:0;height:25px;width:170px;}.blog_archive div {margin-bottom:5px;}
.pagi_bar {border-bottom:1px solid #adf;font-size:1.2em;margin-bottom:15px;}.pagi_bar span {font-weight:bold;}a.pagi_first, a.pagi_prev, a.pagi_next, a.pagi_last {background:url(/media/dashboard/img/item-icon-pagination.png) no-repeat 0 1px;display:block;height:15px;width:15px;}a.pagi_first, a.pagi_prev, .page_pages, a.pagi_next, a.pagi_last {float:left;}.pagi_pagination {float:right}a:hover.pagi_first {background-position:0 -14px}a.pagi_prev {background-position:-12px 1px}a.pagi_first, a.pagi_prev {margin-right:5px}a.pagi_next {background-position:-24px 1px}a.pagi_last {background-position:-40px 1px}a.pagi_next, a.pagi_last {margin-left:5px;}
form h2 {background:url(/media/dashboard/img/title-blank-short.png) no-repeat top left;color:#fff;display:block;height:40px;font-size:18px;font-weight:bold;line-height:40px;padding-left:25px;margin:0}
form div, form p {margin:0 15px 5px} form label, form input {margin-right:10px;} form label {display:block;float:left;font-size:.9em;font-weight:bold;margin-left:10px;text-align:right;width:150px;} form input {width:150px;} .form_button {margin:-5px 0 30px 185px;} fieldset {background:#def5ff url(/media/dashboard/img/title-blank-short-foot.png) no-repeat bottom;margin-bottom:25px;padding: 20px 0 15px;}
.errorlist {background:#fcc;border:1px solid #c66;color:#600;list-style:none;margin:5px 15px 15px 170px;padding:4px 8px 3px;}
.foot{background:#D0F0FF url(/media/dashboard/img/foot_back.png) repeat-x 50% top}#foot{padding:40px 0 15px}#foot, #foot a{color:#fff}.ft_sitemap div{clear:both;height:20px;margin-bottom:15px}.ft_sitemap ul{list-style:none;margin-left:0}.ft_sitemap ul li{float:left;font-size:.8em;list-style:none;margin:3px 20px 0 0}.ft_sitemap .sub{padding-bottom:15px}.ft_social{float:right}.ft_social a{display:block;float:left;margin-left:10px;height:36px;width:36px}.ft_s_twitter{background:url(/media/dashboard/img/social_icon_twitter.png)}.ft_s_facebook{background:url(/media/dashboard/img/social_icon_facebook.png)}.ft_s_digg{background:url(/media/dashboard/img/social_icon_digg.png)}.ft_s_delicious{background:url(/media/dashboard/img/social_icon_delicious.png)}.ft_s_stumble{background:url(/media/dashboard/img/social_icon_stumble.png)}.ft_s_reddit{background:url(/media/dashboard/img/social_icon_reddit.png)}.ft_s_technorati{background:url(/media/dashboard/img/social_icon_technorati.png)}.ft_s_newsvine{background:url(/media/dashboard/img/social_icon_newsvine.png)}.ft_info{font-size:.9em;margin-top:60px;text-align:right}
.c3, .c4, .c5, .c6, .c7, .c8, .c9, .c12{display: inline;float: left;position: relative;margin:0 10px 0}.first{margin-left:0}.last{margin-right:0}.c3{width: 220px}.c4{width: 300px}.c5{width: 380px}.c6{width: 460px}.c7{width: 540px}.c8{width: 620px}.c9{width: 700px}.c12{width: 940px}#content .c3 {width: 190px;padding:0 15px}#content .c4 {width: 270px;padding:0 15px}#content .c8 {width: 590px;padding:0 15px}#content .c9 {width: 670px;padding:0 15px}

View File

@ -1,745 +0,0 @@
.nav {
padding-top:1px;
}
.nav a {
background:url(/media/dashboard/img/home-head-nav.png) no-repeat 0 0;
display:block;
float:left;
height:84px;
width:78px
}
.account a, .nav a {
color:#fff;font-weight:normal;
}
.account {
float:right;height:62px;width:390px;
}
.account a {
display:block;float:right;font-size:.9em;margin:12px 0;padding:8px;
}
#content {
padding:15px 0 10px;
}
.page_title {
padding-bottom:5px;
}
table {
width: 100%; margin-bottom: 25px
}
th {
background: #333; color: white; padding: 4px 8px; font-size: 1.2em;
}
td {
padding: 4px 8px;
}
.odd {
background: #adf;
}
.section {
background: #333; color: white; padding: 4px 8px; font-size: 1.5em
}
/* __ */
#bread_crumbs {
background: #2d2d2d;
float: left;
width: 920px;
color: #989898;
border-top: 1px solid #000;
margin-left: 10px;
padding: 0 5px 0 15px;
}
#bread_crumbs ul {
float: left;
margin: 0;
padding: 0;
}
#bread_crumbs ul li {
float: left;
margin-right: 10px;
list-style: none;
}
#bread_crumbs ul li a {
background: url(/media/dashboard/img/bread_crumb.gif) top right no-repeat;
display: block;
color: #ccc;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 25px;
}
#bread_crumbs ul li a:hover {
color: #fff;
}
ul#links {
list-style: none;
margin: 0;
float: left;
}
#home_login {
width: 445px;
}
#home_login fieldset {
margin: 0;
}
#forgot_password {
width: 200px;
display: inline-block;
}
#home_login #error {
color: #fff;
font-size: 14px;
background: rgba(255,0,0,0.51);
padding: 5px;
display: block;
text-align: center;
border-top: 1px solid rgba(255,0,0,0.47);
border-bottom: 1px solid rgba(255,0,0,0.47);
}
#home_login label {
display: block;
float: none;
padding: 0;
margin: 0 0 5px;
width: auto;
text-align: left;
}
#home_login fieldset {
background: 0;
padding: 20px;
}
#home_login input {
height: 25px;
font-size: 20px;
margin-bottom: 20px;
width: 100%;
}
#home_login input[type="submit"] {
height: 31px;
background: url(/media/dashboard/img/login_btn.png) top left repeat-x;
border: 1px solid #206cb5;
float: left;
margin: 0 10px 0 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-border-radius: 3px;
color: #fff;
font-weight: bold;
width: 121px;
font-size: 18px;
text-shadow: #06416e -1px -1px 2px;
cursor: pointer;
clear: both;
}
#home_login input[type="submit"]:hover {
background-position: center left;
}
#home_login input[type="submit"]:active {
background-position: bottom left;
}
#home_login div {
float: right;
width: 125px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
}
#home_login div a {
margin: 0;
padding: 0;
color: rgba(255,0,4,0.75) !important;
display: inline;
}
#home_login div a:hover {
color: rgba(255,0,4,1) !important;
}
#tab_content {
float: left;
margin-left: 25px;
width: 538px;
}
.block {
float: left;
width: 254px;
margin-right: 30px;
background-color: #dff2ff;
border: 1px solid #b1e7ff;
}
#last.block {
margin-right: 0;
}
.block ul {
list-style: none;
padding: 0;
margin: 0;
}
.block ul li.odd {
background: #d2edff;
}
.block ul li {
border-bottom: 1px solid #ccc;
}
.block ul li.last {
border: navajowhite;
}
.block a {
font-size: 12px;
display: block;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
color: #0a4a7a !important;
}
#tab_content.home {
margin-left: 30px;
width: 888px;
float: left;
}
#projects {
float: left;
margin: 0 20px 0 0;
width: 456px;
}
#projects li {
border-bottom: 1px solid #bce3ff;
}
#projects a {
display: block;
background: url(/media/dashboard/img/server_icon.png) no-repeat 13px 9px;
font-size: 14px;
padding-left: 58px;
height: 35px;
padding-top: 5px;
padding-bottom: 5px;
z-index: 100;
text-shadow: #000000 0 0 0;
}
#projects a:hover {
color: #fff;
background-color: #b8e1ff;
text-decoration: none;
}
#projects a:active {
background-color: #30a9ff;
}
span.data {
color: #0d66a9;
font-size: 11px;
display: block;
}
#dashboard_nav {
float: left;
list-style: none;
margin: 0;
width: 154px;
height: 400px;
}
#dashboard_nav a {
background: url(/media/dashboard/img/nav_bg.png) top left repeat-x;
display: block;
height: 16px;
color: #666;
padding: 7px;
width: 140px;
margin-bottom: 0;
}
#dashboard_nav li.active {
width: 155px;
}
#dashboard_nav li.active a {
background: #f2f5f7;
width: 141px;
border-bottom: 1px solid #333;
}
#dashboard_nav a:hover{
background-position: bottom left;
}
#right_content {
float: left;
width: 743px;
padding: 20px;
}
#welcome {
float: left;
width: 350px;
margin-right: 20px;
}
ul#content_nav {
margin: 0 0 20px;
list-style: none;
float: left;
}
ul#content_nav li {
background: #444 ;
float: left;
margin-right: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 3px;
-border-radius: 3px;
margin-bottom: 15px;
width: 847px;
padding: 1px 20px 0;
}
ul#content_nav li:hover {
opacity: 0.9;
}
ul#content_nav a {
font-weight: normal;
height: 50px;
}
ul#content_nav a:hover {
color: #fff;
}
ul#content_nav li a span {
font-size: 24px;
font-weight: bold;
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
a#lnk_board {
background: url(/media/dashboard/img/chat_icon.png) no-repeat 0 12px;
display: block;
height: 18px;
color: #e5e5e5;
text-shadow: #595959 0 1px 2px;
padding: 7px 7px 7px 51px;
text-decoration: none;
float: left;
width: 809px;
}
a#lnk_wiki {
background: url(/media/dashboard/img/book_icon.png) no-repeat 0 12px;
display: block;
height: 18px;
width: 809px;
color: #e5e5e5;
padding: 7px 7px 7px 50px;
text-decoration: none;
text-shadow: #595959 0 1px 2px;
float: left;
}
#home_resources {
float: left;
width: 408px;
margin: 0;
}
#right_content form {
float: left;
}
#right_content .block {
width: 341px;
}
#right_content label {
text-align: left;
margin: 10px 0 5px;
font-size: 14px;
text-shadow: #fff 0 1px 2px;
}
#right_content fieldset {
padding: 20px;
margin: 0;
}
#right_content .block h2 {
margin: 0 0 5px;
}
#right_content form input {
width: 90%;
padding: 7px;
height: 15px;
margin-bottom: 10px;
}
.block.last {
margin-right: 0;
}
.ui-widget-content{
background-image: none !important;
}
.dash-wrap {
background: url(/media/dashboard/img/content_bg.gif) repeat-y 0 0 !important;
}
#right_content th, #radar th, fieldset h3, .block h3 {
background: url(/media/dashboard/img/table_header_bg.png) top left repeat-x;
border: 1px solid #6e6e6e;
text-shadow: #4f4f4f 0 1px 2px;
color: #ebebeb;
font-size: 14px;
height: 22px;
}
#tab_content.home .block h3 {
margin: 0;
height: 22px;
}
.block h3 {
margin: 0;
padding-left: 10px;
padding-top: 5px;
}
.block fieldset h3 {
padding-top: 5px;
padding-left: 10px;
margin: -20px -20px 10px;
height: 17px;
}
fieldset h3 {
margin-top: -20px;
margin-left: -20px;
padding: 7px 0 5px 8px;
height: 17px;
margin-right: -20px;
}
#right_content tr.odd, #radar tr.odd {
background: #dff2ff;
}
#right_content tr.even, #radar tr.even {
background: #f1f9ff;
}
#right_content tr.even td.odd, #radar tr.even td.odd {
background: #e9f5ff;
}
#right_content tr.odd td.odd, #radar tr.odd td.odd {
background: #cceaff;
}
#right_content table form#instances {
margin-right: -27px;
}
#right_content table form.volume {
margin-right: -50px;
}
#right_content table form {
margin-right: -18px;
}
#right_content input[type="submit"], a.ui-state-default {
height: 35px;
width: auto;
float: right;
cursor: pointer;
margin: 0 4px 0 0;
}
#right_content input[type="submit"]:hover, a.ui-state-default:hover {
background: url(/media/dashboard/css/cupertino/images/ui-bg_glass_100_e4f1fb_1x400.png);
text-decoration: none;
}
#right_content input[type="submit"]:active, a.ui-state-default:active {
background-color: #c2ecff;
}
#right_content fieldset input {
margin-bottom: 10px;
margin-right: 0;
width: 279px;
}
a.ui-state-default {
padding: 8px;
height: 18px;
margin-left: -23px;
}
#page_head h2, .page_title h2{
background: url(/media/dashboard/img/page_header.png) repeat-x top left;
color: #fff;
font-size: 24px;
padding: 20px;
text-shadow: #00294d -1px 0 2px;
margin-top: -10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
}
#page_head p{
color: #636363;
margin-top: 14px;
}
.home #page_head h2{
margin-top: 0px !important;
}
#spinner {
background: url(/media/dashboard/img/spinner.gif) no-repeat;
float: right;
width: 24px;
height: 24px;
margin-top: 1px;
display: none;
}
.home #page_head p {
padding-left: 20px;
padding-right: 20px;
}
#resources {
float: right;
margin-right: 0;
}
#frm_launch label{
display: block;
float: left;
margin-top: 10px;
margin-bottom: 5px;
text-shadow: none;
}
#frm_launch select, #authorize select {
width: 150px;
float: left;
margin-top: 8px;
}
#authorize label {
width: 100%;
}
#frm_launch .odd, #frm_launch .even {
float: left;
width: 326px;
margin: 0 -20px;
padding: 10px;
}
#frm_launch .odd {
background: #def5ff}
#frm_launch .even {
background: #c0e5ff;
}
#frm_launch textarea {
width: 98%;
margin-bottom: 5px;
}
#frm_launch h3 {
margin-bottom: 0;
}
span.image_location {
clear: both;
display: block;
}
.volumes form label {
width: 100%;
}
.volumes form select {
float: left;
width: 160px;
}
#right_content .errorlist {
padding: 5px;
margin-top: 0;
height: 15px;
float: left;
width: 283px;
margin-bottom: 10px;
}
#right_content .errorlist li {
display: block;
float: left;
}
#frm_launch .errorlist {
margin: 0;
}
.block fieldset li {
border: none;
}
.ui-state-highlight.success {
background: #baffd4 !important;
border: 1px solid #72df9b !important;
}
.ui-state-error {
background: #f99 !important;
}
.ft_info {
margin-top: 0 !important;
}
.c7 {
width: 650px;
}
em {
font-style: italic;
font-size: 12px;
}
#radar_service td{
padding: 0 !important;
margin: 0 !important;
}
#service_head th{
margin-top: 12px;
height: 22px;
}
#dlg_launch {
padding: 0;
}
#dlg_launch #frm_launch div {
width: 385px;
}
#dlg_launch #frm_launch textarea {
width: 280px;
margin-left: 95px;
}
#frm_launch input.ui-state-default {
margin-top: 20px !important;
margin-right: -5px !important;
}
.ui-widget-header {
background: #1b1b1b url(/media/dashboard/img/table_header_bg.png) top left repeat-x!important;
border: none !important;
font-weight: bold !important;
color: #fff !important;
}
.ui-dialog-buttonpane {
background: #c0e5ff !important;
margin: 0 !important;
}
form.form-terminate input {
margin-right: 15px !important;
}
form.form-key-delete input {
position: relative;
margin-left: 30px !important;
}
#image_launch a {
margin-left: -38px;
}
.ui-widget .close {
float: right;
}
p.error {
background-color: #f99;
color: white;
border: 1px solid #ff7676;
font-size: 13px;
padding: 5px;
margin-bottom: 20px;
}
td.radar_name a{
display: block;
height: 25px;
}
#service_head {
margin-bottom: 15px;
}
#radar_service th, #service_head th {
height: 20px !important;
}
#id_community_advprofile_avatar {
width: 300px;
}
code, pre {
background: #e1e1e1;
padding: 5px;
font-family: monospace;
font-size: 12px;
display: block;
margin-bottom: 20px;
}
pre code {
background: 0;
margin: 0;
}

View File

@ -1,9 +0,0 @@
#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #111;
background-color: #eee;
padding: 5px;
opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

File diff suppressed because it is too large Load Diff

View File

@ -1,63 +1,750 @@
@import url("reset.css");
/*==================
=== Misc/General
==================*/
body {
background: #f1f4f6;
font-family: "Lucida Grande", "Lucida Sans", sans-serif;
font: 14px/18px "Lucida Grande", "Lucida Sans", sans-serif;
margin: 0;
}
p { margin-bottom: 10px; }
h1{ font-size: 26px; color: #333; }
h2{ font-size: 22px; color: #333; }
h3{ font-size: 18px; color: #333; }
h4{ font-size: 14px; color: #333; }
a { color: #06C; text-decoration: none;}
a:hover { color: #005ab4; text-decoration: underline; }
#wrapper {
width: 960px;
margin: 0 auto;
}
.ui-state-highlight, .ui-state-error {
font-size: 14px;
line-height: 18px;
margin: 0 !important;
width: 625px;
float: left;
padding: 17px 20px;
margin-bottom: 25px;
}
.ui-state-highlight { background: #fcf8d7 !important; }
.ui-state-highlight.success {
background: #baffd4 !important;
border: 1px solid #72df9b;
}
.ui-state-error {
background: #f99 !important;
}
.ui-state-highlight p {
padding-bottom: 0;
margin: 0;
}
.close {
float: right;
cursor: pointer;
}
p .ui-icon {
float: left;
margin-right: 10px;
}
/*==================
=== Header
==================*/
#header {
font-family: "Helvetica Neue", "Helvetica", Arial;
margin-top: 20px;
height: 69px;
}
#header h1 a {
background: url(../img/logo.gif) no-repeat top left;
color: #6e6d6e;
margin-left: 30px;
margin-bottom: 20px;
padding: 24px 0 0 15px;
}
#content_wrap {
height: 50px;
display: block;
font-weight: bold;
float: left;
width: 100%;
background: #fff;
border: 1px solid #ddd;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
margin-right: 0;
margin-left: 0;
margin-bottom: 25px;
position: relative;
padding: 25px 0 0 85px;
text-decoration: none;
margin-bottom: 20px;
}
#tab_content.home {
margin: 0;
}
#content.home, #content.login {
width: 909px;
}
#content.home #page_head, #content.login #page_head {
width: 870px;
}
#header a { color: #6e6d6e; }
#header a:hover { color: #989698; }
#header h1 a span { font-weight: normal; }
#user_info {
float: right;
color: #6e6d6e;
width: 180px;
height: 50px;
text-align: left;
width: 190px;
}
#user_info ul {
font-size: 12px;
float: left;
list-style: disc;
margin-left: 30px;
}
/*==================
=== Content
==================*/
#content_wrap {
background: #fff;
float: left;
width: 960px;
position: relative;
margin: 0 0 25px;
border: 1px solid #ddd;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#content {
float: left;
padding: 25px;
width: 670px;
}
#welcome {
float: left;
width: 309px;
}
/* Home Page */
#content.home #page_head, #content.login #page_head {
width: 870px;
float: left;
}
.block {
background-color: #dff2ff;
border: 1px solid #b1e7ff;
width: 445px;
float: left;
}
.block h3 {
background: url(../img/table_header_bg.png) repeat-x;
font-size: 14px;
padding: 5px 0 5px 10px;
color: #fff;
text-shadow: #000 0 0 3px;
width: 435px;
}
#content.home #projects {
float: left;
margin: 0 20px 0 0;
width: 445px;
}
#content.home #projects li {
border-bottom: 1px solid #bce3ff;
margin: 0;
}
.block ul li.odd {
background: #d2edff;
}
#content.home #projects a {
display: block;
background: url(/media/dashboard/img/server_icon.png) no-repeat 13px 9px;
padding: 5px 0 5px 58px;
font-weight: bold;
}
#content.home #projects a:hover {
color: #052a3d;
background-color: #b8e1ff;
text-decoration: none;
}
span.data {
color: #0d66a9;
font-size: 11px;
display: block;
}
#home_login .error, #home_login .errorlist {
color: #fff;
background: #ef767d;
text-align: center;
border-top: 1px solid #d60004;
border-bottom: 1px solid #d60004;
width: 435px;
margin: 0 0 10px -20px;
padding: 5px;
}
#home_login fieldset {
width: 400px;
padding: 20px;
}
#home_login label {
display: block;
margin: 0 0 5px 0;
}
#home_login input {
height: 25px;
font-size: 18px;
margin-bottom: 20px;
width: 396px;
}
#home_login input[type="submit"] {
float: right;
height: 31px;
background: url(/media/dashboard/img/login_btn.png) top left repeat-x;
border: 1px solid #206cb5;
color: #fff;
font-weight: bold;
width: 121px;
font-size: 16px;
text-shadow: #06416e -1px -1px 2px;
cursor: pointer;
margin: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-border-radius: 3px;
}
#home_login input[type="submit"]:hover {
background-position: center left;
}
#home_login input[type="submit"]:active {
background-position: bottom left;
}
#home_login.reset input[type="submit"]{
font-size: 12px;
}
#home_login div a {
margin: 0;
padding: 0;
color: #FF8885;
display: inline;
}
#home_login div a:hover {
color: red;
}
#forgot_password {
margin-top: 7px;
float: left;
font-size: 12px;
}
/* User Roles Manager */
#user_edit {
width: 628px;
}
#user_edit .form-row {
margin-bottom: 20px;
float: left;
}
#user_edit #user_name {
float: left;
margin-top: 10px;
}
#user_edit label {
float: left;
width: 60px;
}
#user_edit h2 {
font-size: 11px;
text-align: left;
padding-left: 10px;
}
#user_edit h3 {
width: 658px;
}
#user_edit input {
width: 150px;
}
#user_edit select.filtered {
width: 270px;
}
#user_edit input[type="submit"] {
height: 31px;
margin-right: 0;
}
/* regions */
#region_selector {
background: #f1f1f1;
padding: 10px;
float: left;
width: 700px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
span#project_name {
float: left;
}
#region_form {
float: right;
}
#region_form label {
font-weight: bold;
}
#region_form select {
min-width: 150px;
padding-left: 10px;
margin-left: 5px;
}
#page_head {
background: #f1f1f1;
float: left;
width: 630px;
margin: 0 0 25px;
padding: 20px;
}
#page_head p {
margin-top: 11px;
font-size: 16px;
line-height: 21px;
color: #777;
}
#page_head em {
color: #444;
}
.dash_block {
float: left;
width: 267px;
background-color: #dff2ff;
border: 1px solid #b1e7ff;
padding: 20px;
margin-left: 52px;
font-size: 12px;
line-height: 23px;
}
.dash_block.first {
margin-left: 0;
}
.dash_block h3 {
background: url(../img/table_header_bg.png) repeat-x 0;
font-size: 14px;
padding: 5px 0 5px 10px;
color: #fff;
text-shadow: #000 0 0 3px;
margin-top: -22px;
margin-left: -20px;
width: 297px;
margin-bottom: 11px;
}
.dash_block form select, .dash_block form textarea, .dash_block form input[type="text"] {
width: 265px;
}
.dash_block form input[type="submit"] {
float: right;
margin-right: 16px;
}
/* Tables */
#content table {
width: 100%;
font-size: 12px;
margin-bottom: 25px;
}
#content th {
background: url(../img/table_header_bg.png) repeat-x left;
padding: 5px;
border-right: 1px solid #ccc;
color: #fff;
}
#content tr td {
background: #deeefc;
text-align: center;
height: 20px;
vertical-align: middle;
padding: 5px;
}
#content tr td.odd {
background: #edf4ff;
}
#content tr.odd td {
background: #c8deff;
}
#content tr.odd td.odd {
background: #d2e5ff;
}
td#actions {
width: 200px;
text-align: center;
}
input[type="submit"], input[type="button"], a.launch, a.console, a.reply, .new_thread a, .edit_btns input {
background: url(../img/btn_bg.png) top left repeat-x;
border: 1px solid #95bfff;
cursor: pointer;
color: #417aa6;
font-weight: bold;
height: 30px;
font-size: 12px;
margin: 5px;
float: left;
display: block;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
input[type="submit"]:hover, input[type="button"]:hover, a.launch:hover, a.console:hover, a.reply:hover, .new_thread a:hover {
background: url(../img/btn_bg.png) repeat-x left -30px;
}
input[type="submit"]:active, input[type="button"]:active, a.launch:active, a.console:active, a.reply:active, .new_thread a:active {
background: url(../img/btn_bg.png) repeat-x left -60px;
}
a.console, a.launch, a.reply, .new_thread a {
height: 18px !important;
width: 80% !important;
}
input.delete, input.detach {
width: 95%;
}
#right_content td.image_location {
text-align: left;
}
h3.image_list_heading {
margin-bottom: 10px;
float: left;
}
/* Instances and Images */
h3.image_list_heading {
margin-bottom: 10px;
}
#instances table, #image_launch {
clear: both;
}
td.detail_wrapper {
padding: 0 !important;
text-align: left !important;
}
div.image_detail, div.instance_detail {
background: url(/media/dashboard/img/image_detail.png) top left no-repeat;
height: 90px;
width: 674px;
padding: 8px 8px 16px 8px;
margin: 0 -9px 0 -10px;
}
.image_detail_item, .instance_detail_item {
clear: both;
}
.image_detail .column, .instance_detail .column {
float: left;
width: 265px;
}
.image_detail #last.column {
width: 144px;
float: left;
}
.image_detail .label, .instance_detail .label {
font-weight: bold;
width: 85px;
float: left;
}
.image_detail .data, .instance_detail .data{
color: #666;
float: left;
}
.instance_detail #last.column input, .instance_detail #last.column a {
width: 110px !important;
text-align: center;
margin: 0 0 5px 0;
}
.instance_detail #last.column {
width: 117px;
float: right;
}
.instance_detail #last.column a {
padding: 2px 0 0 0;
height: 22px !important;
font-size: 10px;
}
#edit_image_link, #edit_instance_link {
float: left;
font-size: 10px;
margin-left: -45px;
color: #579aff;
margin-top: -30px;
}
#edit_image_link:hover {
color: #1d77ff;
}
.instance_detail #last.column #edit_instance_link {
float: right;
margin: 6px 6px 0 0;
}
.privacy {
padding: 5px;
text-transform: uppercase;
text-align: center;
float: right;
width: 102px;
}
#public.privacy {
background: #c1e3d0;
border: 1px solid #78ca91;
color: #38a74f;
}
#private.privacy {
background: #e3c1c1;
border: 1px solid #ca7878;
color: #a63737;
}
.image_detail .launch {
text-align: center;
width: 100px !important;
margin: 15px 0 0 31px;
}
.instance_detail .form-terminate input.terminate{
clear: both;
margin: -25px 0 0 0px !important;
}
.image_detail .delete input, #user_edit .deletelink, #update_profile input[type="reset"], .image_detail .image_privacy input, .instance_detail .form-terminate input[type="submit"], .cancel a {
background: none;
border: none;
color: #FF8885;
text-decoration: underline;
margin-top: -10px;
font-size: 9px;
}
.image_detail .delete input:hover, .image_detail input.private:hover, #user_edit .deletelink:hover, #update_profile input[type="reset"]:hover, .instance_detail .form-terminate input[type="submit"]:hover, .cancel a:hover {
color: red;
}
.cancel {
margin-top: 5px;
float: left;
}
#actions a.console, #actions a.terminate {
width: 87px !important;
float: left;
}
/* General Sidebar Navigation */
#sidebar {
background: #b0cdeb;
float: left;
width: 240px;
margin-right: 0;
margin-top: 0;
margin-left: 0;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
}
#navigation li h3 a{
background: url(../img/nav_bg.png) repeat-x top left;
padding: 10px 0 13px 0;
text-align: center;
font-size: 14px;
display: block;
text-shadow: #252525 0 0 3px;
color: #fff;
}
#navigation li h3.active a{ background-position: 0 -41px; }
#navigation li.first h3 a, #sidebar{
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
margin-top: -1px;
}
/* Sidebar Projects Navigation */
#projects a { color: #416c82; }
#projects .project h4 a {
background: #e6e6e6;
color: #888;
display: block;
text-transform: uppercase;
font-size: 13px;
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
margin: 10px 0 10px 0;
padding: 5px 0 5px 10px;
}
#projects .project h4 a:hover { background: #eee; }
#projects .project.active h4 a {
background: #689fce;
border-top: 1px solid #4681b2;
border-bottom: 1px solid #4681b2;
color: #fff;
}
#projects .project.active h4 a:hover { background: #7fc1f8; }
#projects .project { margin-bottom: 20px; }
#projects .project ul li {
padding-left: 24px;
line-height: 23px;
}
#projects .project ul li a{
padding: 5px 5px 5px 10px;
display: block;
font-weight: bold;
}
#projects .project ul li a:hover { background: #f7f7f7; }
#projects .project ul li.active a {
background: #fff;
border-bottom: 1px solid #999;
border-left: 1px solid #e1e1e1;
}
#projects .project h4 a.manage_link{
background: #c9c9c9 url(../img/gears.png) center 4px no-repeat !important;
width: 22px;
height: 20px;
float: right;
margin-top: -40px;
text-indent: -9999px;
border-left: 1px solid #b7b7b7;
border-bottom: none;
border-top: none;
}
#projects .project a.manage_link:hover {
background-color: #f1f1f1 !important;
border-color: #b7b7b7;
}
#projects .project.active a.manage_link { background-color: #5393c9 !important; border-color: #4c83af;}
#projects .project.active a.manage_link:hover {
background-color: #80afd6 !important;
border-color: #b7b7b7;
}
/* Footer */
#footer {
clear: both;
margin-bottom: 50px;
}
.sitemap a {
font-weight: bold;
}
.sitemap .sub ul a {
font-size: 12px;
font-weight: normal;
}
/* forms */
.dash_block input[type="text"] {
padding: 5px;
width: 264px;
}
.dash_block input.create, .dash_block input.attach {
float: right;
width: 100px;
margin-right: 9px;
}
.dash_block label {
font-weight: bold;
font-size: 14px;
clear: both;
display: block;
margin-top: 10px;
}
.dash_block ul.errorlist, table.form .errorlist {
background: #fec6c6;
border: 1px solid #ff8e8e;
margin-left: -21px;
padding: 5px;
margin-bottom: 5px;
}