Changeset 259 for Dev/branches/Cartis/Tiles preview/css/tile1.css

Timestamp:

02/14/12 17:50:22 (13 years ago)

Author:

tjcschipper

Message:

Metro interface, selector werkt bijna! (Alleen move to dashboard nog niet, rest is prima (en de icons zijn lelijk).

File:

• Dev/branches/Cartis/Tiles preview/css/tile1.css (modified) (6 diffs)

Dev/branches/Cartis/Tiles preview/css/tile1.css

@@ -161 +161 @@
 
 
-#basePanel {
+.basePanel {
     width: 940px;
     height: 465px;
@@ -191 +191 @@
 }
 
-.tile {
+.tileAnimating {
     width: 230px;
     height: 230px;
@@ -202 +202 @@
 }
 
+.tile {
+    width: 230px;
+    height: 230px;
+    border: none;
+    float: left;
+    clear: none;
+    margin-right: 5px;
+    margin-bottom: 5px;
+    background: #367ac3;
+    background-image: linear-gradient(left bottom, rgb(54,122,195) 44%, rgb(74,139,208) 72%);
+    background-image: -o-linear-gradient(left bottom, rgb(54,122,195) 44%, rgb(74,139,208) 72%);
+    background-image: -moz-linear-gradient(left bottom, rgb(54,122,195) 44%, rgb(74,139,208) 72%);
+    background-image: -webkit-linear-gradient(left bottom, rgb(54,122,195) 44%, rgb(74,139,208) 72%);
+    background-image: -ms-linear-gradient(left bottom, rgb(54,122,195) 44%, rgb(74,139,208) 72%);
+
+    background-image: -webkit-gradient(
+        linear,
+        left bottom,
+        right top,
+        color-stop(0.44, rgb(54,122,195)),
+        color-stop(0.72, rgb(74,139,208))
+        );
+}
+
+.doubleHeight {
+    height: 465px;
+}
+
+.staticTile {
+    width: 230px;
+    /*height: 230px;*/
+    border: none;
+    float: left;
+    clear: none;
+    margin-right: 5px;
+    margin-bottom: 5px;
+    background: #367ac3;
+    
+}
+
 .tile:hover {
-    background: #EDD68B;
+    background-color: #78abe2;
+    background-image: linear-gradient(bottom, rgb(54,122,195) 44%, rgb(120,171,226) 72%);
+    background-image: -o-linear-gradient(bottom, rgb(54,122,195) 44%, rgb(120,171,226) 72%);
+    background-image: -moz-linear-gradient(bottom, rgb(54,122,195) 44%, rgb(120,171,226) 72%);
+    background-image: -webkit-linear-gradient(bottom, rgb(54,122,195) 44%, rgb(120,171,226) 72%);
+    background-image: -ms-linear-gradient(bottom, rgb(54,122,195) 44%, rgb(120,171,226) 72%);
+
+    background-image: -webkit-gradient(
+        linear,
+        left bottom,
+        left top,
+        color-stop(0.44, rgb(54,122,195)),
+        color-stop(0.72, rgb(120,171,226))
+        );
 }
 
@@ -212 +265 @@
     color: #fff;
     margin: 195px 5px 5px 5px;
-    font-size: 30px;
+    font-size: 25px;
     line-height: 30px;
     text-align: left;
@@ -219 +272 @@
 }
 
+.tileHeader {
+    font-family: Segoe, sans-serif;
+    width: 220px;
+    height: 30px;
+    color: #fff;
+    margin: 5px 5px 5px 5px;
+    font-size: 20px;
+    line-height: 20px;
+    text-align: left;
+    white-space: nowrap;
+    user-select: none;
+}
+
 
 #pageInfo {
@@ -248 +314 @@
 }
 
-
-
+.tileField {
+    width: 224px;
+    height: auto;
+    margin: 0 3px;
+    border: none;
+    background: #367ac3;
+    color: #fff;
+    font-family: segoe, sans-serif;
+    outline: none;
+}
+
+.multipleSelect {
+    padding: 2px;
+    height: 420px;
+}
+
+.controls {
+    text-align: right;
+    width: 220px;
+    padding: 5px;
+}
+
+.smallButton {
+    background: #00569b;
+    border: none;
+    color: #fff;
+    font-family: segoe, sans-serif;
+    font-size: 16px;
+    padding: 5px;
+}
+
+.smallButton:hover {
+    background: #0762a8;
+}
+
+.doubleHeight .content {
+    height: 375px;
+    width: 224px;
+    padding: 3px;
+    overflow-x: hidden;
+    overflow-y: auto;
+    color: #fff;
+}
+
+.shoppingCartItem {
+    width: 224px;
+    height: 16px;
+}