first design pass on homepage when logged out
This commit is contained in:
commit
cdca3c300d
|
@ -47,11 +47,10 @@
|
|||
</div>
|
||||
{% if not request.user.is_authenticated %}
|
||||
<div class="home_block">
|
||||
<h3>Get started.</h3>
|
||||
<h2><a id="lnk_register" href="{% url registration_register %}">Register</a></h2>
|
||||
<h3>Don't have an account? <a id="lnk_register" href="{% url registration_register %}">Register</a></h3>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="block">
|
||||
<div class="home_block">
|
||||
<h3>OpenStack Resources</h3>
|
||||
<ul>
|
||||
<li><a href="http://openstack.org" target="_blank">OpenStack.org</a></li>
|
||||
|
|
|
@ -1,85 +1,15 @@
|
|||
#home_login input[type="submit"] { border: none !important; }
|
||||
#resources.block h3 {
|
||||
width: 329px !important;
|
||||
}
|
||||
|
||||
#frm_launch input[type="submit"]{
|
||||
margin-right: -2px !important;
|
||||
}
|
||||
|
||||
input.create, input.attach {
|
||||
margin-right: -11px !important;
|
||||
}
|
||||
.dash_block .errorlist {
|
||||
width: 282px !important;
|
||||
padding-left: 20px !important;
|
||||
}
|
||||
|
||||
#lnk_board, #lnk_wiki {
|
||||
padding-top: 20px !important;
|
||||
}
|
||||
|
||||
h1 a{position:relative !important;}
|
||||
|
||||
#preview {
|
||||
margin-top: -13px !important;
|
||||
}
|
||||
|
||||
/*#projects .project.active {
|
||||
height: 180px;
|
||||
display: block;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
|
||||
#projects .project.inactive {
|
||||
height: 0;
|
||||
filter: alpha(opacity=0);
|
||||
}*/
|
||||
|
||||
.ft_info {
|
||||
margin-top: 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#home_login .error, #home_login .errorlist {
|
||||
background: #ef767d !important;
|
||||
border-top: 1px solid #f63e42 !important;
|
||||
border-bottom: 1px solid #f63e42 !important;
|
||||
|
||||
}
|
||||
|
||||
#radar_service {margin-bottom: 50px !important; float: left;}
|
||||
|
||||
#header h1 a sup {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
#user_info ul li {
|
||||
list-style: disc inside;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
h1, h1 a, h1 span { position: relative !important; }
|
||||
#content_wrap {margin-top: 15px;}
|
||||
.image_detail, .instance_detail { position: relative; }
|
||||
td#actions { padding-bottom: 10px !important; }
|
||||
td#actions input { width: 80px; }
|
||||
#edit_image_link:hover { color: #1d77ff; }
|
||||
input.private { margin-right: -30px !important; margin-left: -17px !important;}
|
||||
#user_info li { list-style: disc !important; }
|
||||
input.create, input.attach, input#launch_image { margin-right: 4px !important; }
|
||||
|
||||
a.launch {
|
||||
margin-left: 10px !important;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.image_detail a.launch {
|
||||
margin-left: 31px !important;
|
||||
}
|
||||
|
||||
a#edit_image_link, a#edit_instance_link {
|
||||
margin-left: -40px;
|
||||
}
|
||||
|
||||
.image_detail .image_privacy input, .image_detail .delete input {
|
||||
margin-left: -15px;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.post_status {
|
||||
width: 20px !important;
|
||||
#edit_image_link {
|
||||
margin-left: -180px !important;
|
||||
margin-top: 20px !important;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
/* @override http://looce.com:8080/media/dashboard/css/openstack.css */
|
||||
|
||||
@import url("reset.css");
|
||||
|
||||
/*==================
|
||||
|
@ -121,6 +123,7 @@ p .ui-icon {
|
|||
float: left;
|
||||
width: 309px;
|
||||
}
|
||||
|
||||
/* Home Page */
|
||||
|
||||
|
||||
|
@ -129,12 +132,14 @@ p .ui-icon {
|
|||
float: left;
|
||||
}
|
||||
|
||||
#content.home {
|
||||
width: 910px;
|
||||
}
|
||||
.block {
|
||||
background-color: #dff2ff;
|
||||
border: 1px solid #b1e7ff;
|
||||
width: 445px;
|
||||
float: left;
|
||||
|
||||
}
|
||||
|
||||
.block h3 {
|
||||
|
@ -208,7 +213,7 @@ span.data {
|
|||
width: 396px;
|
||||
}
|
||||
|
||||
#home_login input[type="submit"] {
|
||||
#home_login input[type="submit"], #lnk_register {
|
||||
float: right;
|
||||
height: 31px;
|
||||
background: url(/media/dashboard/img/login_btn.png) top left repeat-x;
|
||||
|
@ -225,11 +230,19 @@ span.data {
|
|||
-border-radius: 3px;
|
||||
}
|
||||
|
||||
#home_login input[type="submit"]:hover {
|
||||
#lnk_register {
|
||||
float: none;
|
||||
padding: 8px 30px;
|
||||
font-size: 14px;
|
||||
text-decoration: none;
|
||||
margin-left: 39px;
|
||||
}
|
||||
|
||||
#home_login input[type="submit"]:hover, #lnk_register:hover {
|
||||
background-position: center left;
|
||||
}
|
||||
|
||||
#home_login input[type="submit"]:active {
|
||||
#home_login input[type="submit"]:active, #lnk_register:active {
|
||||
background-position: bottom left;
|
||||
}
|
||||
|
||||
|
@ -254,6 +267,29 @@ span.data {
|
|||
font-size: 12px;
|
||||
}
|
||||
|
||||
.home_block {
|
||||
width: 388px;
|
||||
float: left;
|
||||
margin-left: 25px;
|
||||
padding: 25px;
|
||||
background: #f5f5f5;
|
||||
margin-bottom: 25px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
.home_block ul {
|
||||
margin-left: 33px;
|
||||
list-style: disc;
|
||||
color: #999;
|
||||
margin-top: 13px;
|
||||
}
|
||||
|
||||
.home_block ul li {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* User Roles Manager */
|
||||
|
||||
|
@ -375,16 +411,6 @@ span#project_name {
|
|||
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 {
|
||||
|
@ -537,7 +563,7 @@ div.image_detail, div.instance_detail {
|
|||
font-size: 10px;
|
||||
margin-left: -45px;
|
||||
color: #579aff;
|
||||
margin-top: -30px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
#edit_image_link:hover {
|
||||
|
@ -722,9 +748,15 @@ div.image_detail, div.instance_detail {
|
|||
}
|
||||
|
||||
/* forms */
|
||||
.dash_block input[type="text"] {
|
||||
.dash_block form textarea, .dash_block form input[type="text"] {
|
||||
padding: 5px;
|
||||
width: 264px;
|
||||
width: 250px;
|
||||
}
|
||||
.dash_block form select { width: 264px;}
|
||||
.dash_block form input[type="submit"] {
|
||||
float: right;
|
||||
margin-right: 23px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.dash_block input.create, .dash_block input.attach {
|
||||
|
@ -748,3 +780,7 @@ div.image_detail, div.instance_detail {
|
|||
padding: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
form.edit_instance input[type="submit"], form.edit_image input[type="submit"] {
|
||||
margin-right: 4px;
|
||||
}
|
Loading…
Reference in New Issue