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

Timestamp:

02/23/12 16:51:48 (13 years ago)

Author:

tjcschipper

Message:

Cartis Mockup werkt!

W
I
N
N
I
N
G

File:

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

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

@@ -232 +232 @@
 .staticTile {
     width: 230px;
-    /*height: 230px;*/
+    height: 230px;
     border: none;
     float: left;
@@ -279 +279 @@
     text-align: left;
     white-space: nowrap;
-    user-select: none;
+    -webkit-user-select: none;
+    cursor: default;
 }
 
@@ -359 +360 @@
 }
 
+.doubleWidth .controls {
+    width: 455px;
+}
+
 .smallButton {
     background: #00569b;
@@ -370 +375 @@
 .smallButton:hover {
     background: #0762a8;
+    color: #edd68b;
 }
 
@@ -377 +383 @@
     padding: 3px;
     overflow-x: hidden;
+    color: #fff;
+}
+
+.locked {
+    overflow-y: hidden;
+}
+
+.doubleWidth .content {
+    height: 375px;
+    width: 224px;
+    padding: 3px;
+    overflow-x: hidden;
+    overflow-y: auto;
+    color: #fff;
+}
+
+.doubleHeight.doubleWidth .content {
+    height: 375px;
+    width: 459px;;
+    padding: 3px;
+    overflow-x: hidden;
     overflow-y: auto;
     color: #fff;
@@ -385 +412 @@
     height: 18px;
 }
+
+.graphSelectionButtons {
+    width: auto;
+    height: 93px;
+}
+
+.graphSelectionButton {
+    width: 75px;
+    height: 93px;
+    margin: 0 9px;
+    padding: 10px;
+    clear: none;
+    float: left;
+}
+
+.graphSelectionButton:hover {
+    background-color: #508fd2;
+}
+
+.graphSelectionButton:hover span {
+    color: #edd68b;
+}
+
+.graphSelectionButton img {
+    width: 75px;
+    height: 75px;
+    margin: 0;
+    padding: 0;
+    border: none;
+}
+
+.graphSelectionButton span {
+    line-height: 18px;
+    width: 100%;
+    color: #fff;
+    font-size: 14px;
+    text-align: center;
+    display: block;
+}
+
+#graphContainer {
+    height: 250px;
+    width: 459px;
+    float: left;
+    clear: both;
+    overflow: hidden;
+}
+
+.fullOn.staticTile {
+    width: 940px;
+    min-height: 459px;
+    height: auto;
+}
+
+.fullOn .content {
+    padding: 3px;
+    width: 934px;
+
+}