From: NjeriChelimo <[email protected]>
---
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
