deltacloud-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From martha.c.ch...@gmail.com
Subject [PATCH] slight changes to design
Date Tue, 08 Jan 2013 09:28:29 GMT
From: NjeriChelimo <martha.c.chumo@gmail.com>

---
 clients/cimi/public/app.css    |   45 +++++++++++++++++++++++-----------------
 clients/cimi/views/layout.haml |    4 ++--
 2 files changed, 28 insertions(+), 21 deletions(-)

diff --git a/clients/cimi/public/app.css b/clients/cimi/public/app.css
index ecfb8ed..96e3b72 100644
--- a/clients/cimi/public/app.css
+++ b/clients/cimi/public/app.css
@@ -1,45 +1,45 @@
 /* Override some defaults */
 html, body {
-  background-color: #eee;
+ background: #F0F0ED;
 }
 body {
   padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar
*/
 }
+
+a {
+  color: #3B8DBD;
+  text-decoration: none;
+}
+
 .container > footer p {
   text-align: center; /* center align it with the container */
-  font-size : 80%;
+  font-size : 0.8em;
 }
 .container {
-  width: 820px; /* downsize our container to make the content feel a bit tighter and more
cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns
and not 16. */
+  width: 100%; 
 }
 
 /* The white background content wrapper */
 .container > .content {
-  background-color: #fff;
-  padding: 20px;
-  margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system
*/
-  -webkit-border-radius: 0 0 6px 6px;
-  -moz-border-radius: 0 0 6px 6px;
-  border-radius: 0 0 6px 6px;
-  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-  box-shadow: 0 1px 2px rgba(0,0,0,.15);
+  padding: 0 3%;
 }
 
 /* Page header tweaks */
-.page-header {
-  background-color: #f5f5f5;
-  margin: -28px -20px 10px;
-  padding-bottom : 0px;
+.navbar ul li {
+  list-style-type: none;
 }
 
 .page-header h1 {
-  padding : 10px 20px;
+  padding : 1% 2%;
+  color: #33383D;
+  border-bottom: 10px solid #DDDDDB;
 } 
 
 .page-header .breadcrumb {
-  margin : 5px 0px 0px 0px;
-  border-top: 1px solid rgba(0,0,0,.15);
+  margin-top : 2%;
+  font-size: 1.3em;
+  font-weight: bold;
+  margin-bottom: 0;
 }
 
 /* Styles you shouldn't keep as they are for displaying this base example only */
@@ -47,6 +47,13 @@ body {
 .content .span4 {
   min-height: 500px;
 }
+
+ul li {
+ list-style-type: square;
+ text-size: 1.2em;
+}
+
+
 /* Give a quick and non-cross-browser friendly divider */
 .content .span4 {
   margin-left: 0;
diff --git a/clients/cimi/views/layout.haml b/clients/cimi/views/layout.haml
index 7a99733..4e53f18 100644
--- a/clients/cimi/views/layout.haml
+++ b/clients/cimi/views/layout.haml
@@ -71,11 +71,11 @@
             %a{ :href => '#', :class => 'btn btn-primary', :id => 'saveProvider'}
Continue
             %a{ :href => '#', :class => 'btn', :'data-dismiss' => 'modal'} Cancel
         .content
-          .page-header
+          .page-header.span9
             %h1=@title || 'no-title-fix-me'
             = yield_content :breadcrumb
           .row
-            .span8#main
+            .span9#main.well
               - [ :info, :error, :success ].map do |message|
                 = flash_block_for message
               =yield
-- 
1.7.9.5


Mime
View raw message