add layout and templates description page, bug fix

pm7 · Oct 9, 2012 · a081d2c · a081d2c
1 parent 3c278e4
commit a081d2c
Show file tree

Hide file tree

Showing 27 changed files with 1,421 additions and 630 deletions.
diff --git a/css/modern-responsive.css b/css/modern-responsive.css
@@ -128,6 +128,47 @@
   .page.secondary .page-region .page-region-content {
     padding-left: 0 ;
   }
+  .page.fixed-header .page-header {
+    position: relative !important;
+  }
+  .page.fixed-header .page-header .page-header-content .user-login {
+    float: right;
+    margin: 35px 44px 0 0;
+    cursor: pointer;
+  }
+  .page.fixed-header .page-header .page-header-content .user-login .avatar {
+    float: right;
+    border: 1px #ccc solid;
+    width: 40px;
+    height: 40px;
+  }
+  .page.fixed-header .page-header .page-header-content .user-login .avatar img {
+    width: 100%;
+    height: 100%;
+  }
+  .page.fixed-header .page-header .page-header-content .user-login .name {
+    float: left;
+    margin: 0px 10px;
+    text-align: right;
+  }
+  .page.fixed-header .page-header .page-header-content .user-login .name .first-name {
+    font-family: "Segoe UI Light", "Open Sans", sans-serif, sans;
+    font-size: 14pt;
+    display: block;
+    margin: 0;
+  }
+  .page.fixed-header .page-header .page-header-content .user-login .name .last-name {
+    font-family: "Open Sans", sans-serif, sans;
+    font-size: 8pt;
+    display: block;
+    margin: 0;
+  }
+  .page.fixed-header .page-header .page-header-content h1 {
+    left: 0;
+  }
+  .page.fixed-header .page-region {
+    padding-top: 20px;
+  }
   .horizontal-menu {
     height: auto;
   }
@@ -156,8 +197,49 @@
     border: 0;
     left: 10px;
   }
-  .popup-menu {
-    position: relative;
+  .tile {
+    width: 120px;
+    height: 120px;
+  }
+  .tile.double {
+    width: 250px;
+  }
+  .tile.double .tile-content {
+    width: 250px;
+  }
+  .tile.triple {
+    width: 380px;
+  }
+  .tile.triple .tile-content {
+    width: 380px;
+  }
+  .tile.quadro {
+    width: 510px;
+  }
+  .tile.quadro .tile-content {
+    width: 510px;
+  }
+  .tile.double-vertical {
+    height: 250px;
+  }
+  .tile.double-vertical .tile-content {
+    height: 210px;
+  }
+  .tile.triple-vertical {
+    height: 380px;
+  }
+  .tile.triple-vertical .tile-content {
+    height: 340px;
+  }
+  .tile.quadro-vertical {
+    height: 510px;
+  }
+  .tile.quadro-vertical .tile-content {
+    height: 470px;
+  }
+  .tile-group {
+    max-width: 400px;
+    float: none;
   }
   table thead tr th {
     font-size: 8pt;