first design pass on homepage when logged out

This commit is contained in:
Jake Dahn 2011-01-31 23:59:41 -06:00
commit cdca3c300d
3 changed files with 66 additions and 101 deletions

View File

@ -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>

View File

@ -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;
}

View File

@ -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;
}