refactoring css
This commit is contained in:
parent
43e9089ce6
commit
843d82b263
|
@ -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>
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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}
|
|
@ -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;
|
||||
}
|
|
@ -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
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue