rails_generators/hobo_rapid/templates/themes/clean/public/stylesheets/clean.css in hobo-0.8.5 vs rails_generators/hobo_rapid/templates/themes/clean/public/stylesheets/clean.css in hobo-0.8.6
- old
+ new
@@ -54,10 +54,14 @@
border-bottom: 1px dotted #aaa;
color: black; background: #f2f2f2;
}
h1 a, h2 a, h3 a {border: none; background: none;}
+pre, code {
+ font-family: "Courier New", Courier, monospace;
+}
+
input.text, input.string, input.email-address, input.password, input.search, input.integer, input.float, textarea {
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
@@ -75,11 +79,11 @@
width: auto;
font-size: 11px; font-weight: bold;
margin-top: 10px;
}
.button:hover {cursor: pointer;}
-form .actions {height: 100%; overflow: hidden; font-size: 11px;}
+form .actions {_zoom: 1; overflow: hidden; font-size: 11px;}
form .actions input { margin: 0; }
.flash {
margin: 0 40px 10px; padding: 10px 30px; border-width: 2px 0;
color: white;
@@ -105,11 +109,11 @@
#ajax-progress {
padding: 8px 20px 8px 40px;
border: 1px solid #444;
background: black url(../images/spinner.gif) no-repeat 10px 8px;
-
+ color: white;
}
.article {margin: 20px 0; border-top: 1px dotted #ccc;}
.field-list th {width: 120px; white-space: nowrap;}
@@ -119,13 +123,13 @@
.content-header, .content-body, .content-footer {margin: 0 45px 15px; padding: 0;}
.content-header {padding: 5px 0;}
.content-body {padding: 15px 0;}
.content-footer {padding-bottom: 20px;}
-.page-header {position: relative; margin-top: 25px; padding: 20px 0 0;}
+.page-header {margin-top: 25px; padding: 0 0 0;}
.page-header h1 {
- margin: 0; padding: 0 30px 30px;
+ margin: 0; padding: 20px 30px 30px;
font-family: "Arial Black", Tahoma, Arial, sans-serif; font-size: 36px; letter-spacing: -1.5pt;
}
.page-header ul {zoom: 1; overflow: hidden;}
.page-header li {float: left; margin-left: 0; list-style: none;}
@@ -134,13 +138,13 @@
.page-header h1 a,
.page-header h1 a:hover
{border: none; color: white; background: none;}
.page-header div.search {
- position: absolute; top: 10px; right: 5px;
- padding: 6px 30px 8px 15px;
-}
+ float: right;
+ padding: 0 30px 8px 15px;
+ }
.page-header div.search label {
padding-right: 10px;
font: bold 9px Arial, sans-serif; text-transform: uppercase; letter-spacing: 1.0pt;
}
.page-header div.search input {
@@ -162,11 +166,12 @@
padding: 5px 15px 7px;
font-size: 13px; font-weight: bold;
}
.account-nav {
- position: absolute; top: -20px; right: 35px;
+ float:right;
+ margin: -22px 5px 0 0;
font-size: 11px;
}
.account-nav li {
float: left;
margin-left: 0; padding-left: 20px;
@@ -194,11 +199,11 @@
.login-page .field-list td, .signup-page .field-list td {width: auto;}
.login-page .field-list th, .signup-page .field-list th {width: 150px !important; width: 150px;}
.login-page .content-header { position: relative; }
.login-page .forgot-password {font-size: 11px; margin-left: 160px;}
-.edit-page .content-header {overflow: hidden; height: 100%;}
+.edit-page .content-header {overflow: hidden; _zoom: 1;}
.edit-page .content-header h1 {float: left;}
.edit-page .content-header .delete-button {float: right; margin-top: 25px;}
form .actions {margin: 30px 0; width: 100%; text-align: center;}
.show-page .content-header {position: relative; border-bottom: 1px dotted #888;}
@@ -219,11 +224,11 @@
.add-to-collection .actions {text-align: left; margin-top: 0; margin-bottom: 0;}
/* styling of generic elements */
.creator {font-weight: bold;}
.card {
- height: 100%; overflow: hidden;
+ overflow: hidden; _zoom: 1;
margin: 10px 0; padding: 12px; border: 1px solid #e8e8e8;
background: #f5f5f5;
position: relative;
}
.card h4 {margin-top: 0;}
@@ -255,11 +260,11 @@
.collection-section h3 {
padding: 15px 0; margin-bottom: 20px; border-bottom: 1px dotted #888;
}
-.table-plus .header {height: 100%; overflow: hidden;}
+.table-plus .header {_zoom: 1; overflow: hidden;}
.table-plus .header a {float: left; margin-right: 20px;}
.table-plus div.search {float: right;}
.table-plus div.search span {color: #444;}
.table-plus div.search input.search {margin: 0 5px;}
.table-plus div.search .button {padding: 2px 4px;}
@@ -282,10 +287,10 @@
/* <select-many> */
div.select-many {border-top: 1px dotted #999;}
div.select-many .items {margin-bottom: 10px;}
div.select-many .item {
- overflow:hidden; height: 100%; font-weight: bold;
+ overflow:hidden; _zoom: 1; font-weight: bold;
border-bottom: 1px dotted #999; padding: 5px 10px; /*margin: 5px 25px 5px 0;*/
}
div.select-many .item span { float: left; }
div.select-many .item .remove-item { float: right; }