css: add new custom css for new app

54136a5d · Sven Franck · 353a8c36 · 54136a5d
Commit 54136a5d authored Apr 24, 2014 by Sven Franck
Hide whitespace changes
Inline Side-by-side

Showing with 38 additions and 65 deletions

css/css.css css/css.css +38 -65

No files found.
--- a/css/css.css
+++ b/css/css.css
@@ -562,79 +562,52 @@ tbody .large {
 }
 /* ======================== CUSTOM CSS ===================================*/
-/* green */
+/* override grid */
-.vert {
+.ui-listview.responsive.custom_grid li {
-  color: #79AC21;
+  width: 100%;
-}
-/* no idea why it's center */
-html div.ui-page div.ui-content div.ui-content-element {
-  text-align: left;
 }
-/* white background */
+.mockup_image {
-.ui-page-theme-slapos-white, .ui-page-theme-slapos-white .ui-panel-wrapper {
+  border-radius: .6em;
-  background: none repeat scroll 0 0 #FFFFFF;
+  -webkit-border-radius: .6em;
-  color: #aaa;
+  border: 1px solid #AAAAAA;
+  float: right;
 }
-html .ui-page-theme-slapos-white .ui-input-clear:active,
+.mockup_text {
-html .ui-page-theme-slapos-white .ui-input-clear.ui-btn-active,
+  margin: 0;
-html .ui-page-theme-slapos-white .ui-input-action:active,
+  width: 50%;
-html .ui-page-theme-slapos-white .ui-input-action.ui-btn-active {
+  max-width: auto;
-  background: #fff !important;
+  display: block;
+  float: left;
+  clear: none !important;
+  height: 203px;
 }
-/* override responsive text blocks in grid WHY, breaks!*/
+.mockup_text, .mockup_image {
-.ui-listview.responsive .ui-li-has-thumb p, .ui-listview.responsive .ui-li-has-icon p {
+  margin-top: .25em !important;
-  /*
-  display: inline-block;
-  max-width: 46%;
-  min-height: 25%;
-  padding: 0 0.5em;
-  */
-}
-/* position aside */
-.ui-listview.responsive .ui-li-aside {
-  background: transparent;
-  bottom: 0;
-  top: auto;
-  font-size: 80%;
 }
-@media ( min-width: 48em ) {
+@media (max-width: 40em) {
-  .ui-listview.responsive .ui-li-aside {
+  .mockup_image, .mockup_text {
-    background: #fff;
+    float: none;
-    right: 0;
+    clear: both;
-    top: 0;
-    bottom: auto;
  }
-}
+  .mockup_image {
-/* hide crumbs on mobile */
+    width: 100%;
-@media (max-width: 48em) {
+    padding-bottom: .5em;
-  .crumbs {
+  }
-    display: none;
+  .mockup_text {
+    height: auto;
+    width: auto;
+    margin: 0 !important;
  }
 }
-/* decorate header */
+.ui-page-theme-slapos-white, .ui-page-theme-slapos-white .ui-panel-wrapper {
-.job_headline {
+  background: none repeat scroll 0 0 #DDDDDD;
-  font-size: 200%;
+  color: #fff;
-  text-align: left;
-}
-/* decorate location */
-.job_locator {
-  line-height: 3.5em;
-  vertical-align: middle;
-}
-/* job_logo */
-.job_logo {
-  margin: 7px 0;
-  max-height: 2.5em;
-  padding: 0 0.5em 0 0;
-}
-/* content-element */
-html div.ui-page div.ui-content .ui-content-element {
-  margin: auto;
 }
-/* alignment */
+html .ui-page-theme-slapos-white .ui-input-clear:active,
-.dyno > .ui-controlbar,
+html .ui-page-theme-slapos-white .ui-input-clear.ui-btn-active,
-.dyno > .ui-controlbar ~ .ui-controlbar {
+html .ui-page-theme-slapos-white .ui-input-action:active,
-  text-align: center;
+html .ui-page-theme-slapos-white .ui-input-action.ui-btn-active {
+  background: #DDDDDD !important;
 }