Changeset 230 for Dev/trunk/css/visualeditors.css

Timestamp:

01/13/12 11:30:11 (13 years ago)

Author:

jkraaijeveld

Message:

Made most functionality from the demo branch work with new database.

File:

• Dev/trunk/css/visualeditors.css (modified) (9 diffs)

Dev/trunk/css/visualeditors.css

@@ -18 +18 @@
 html {
     background-image: url('../images/bg/blueishgridblock.png');
+    /*background-image: url('../images/icons/nyan.gif');*/
     height: 100%;
     font-size: 12px;
@@ -27 +28 @@
     min-width: 800px;
     margin: 0 auto;
+    clear:both;
 }
 
@@ -33 +35 @@
     position: relative;
     padding: 2em 0;
+}
+
+#logo {
+    float: left;
+    width:250px;
+    margin: 0 0 10px 0;
+    padding: 10px 40px;
+    background-image: linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -o-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -moz-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -webkit-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+    background-image: -ms-linear-gradient(top, #B0B0B0 21%, #888888 80%);
+
+    background-image: -webkit-gradient(
+        linear,
+        left top,
+        left bottom,
+        color-stop(0.21, #B0B0B0),
+        color-stop(0.8, #888888)
+        );
+    background-position: bottom;
+    background-repeat: repeat-x;
+    border: 1px solid #FFF;
+    border-top-style: none;
+}
+
+#logo #logoImage {
+    color: #FFF;
+    margin: 0;
+    padding: 0;
+    font: bold 22px Arial;
+}
+
+#logo #logoControls {
+    border-top: 1px solid #555;
+    font: 12px Arial;
+    color: #555;
+    text-align: right;
+    width: auto;
+}
+
+#logoControls a {
+    color: #FFF;
+    font: bold 12px arial;
+    text-decoration: none;
+    text-align: right;
 }
 
@@ -67 +115 @@
     border-radius: 1em;
     -moz-border-radius: 1em;
+}
+
+.largeFrame .content {
+    clear: left;
 }
 
@@ -108 +160 @@
 }
 
+.largeFrame.side {
+    clear: none;
+    margin: 0 10px;
+}
+
+.largeFrame.side .innerLargeFrame {
+    width: 400px;
+    height: 400px;
+}
+
 .smallFrame {
     margin: 0.5em auto;
@@ -194 +256 @@
 
 .bigButton.vertical {
-    width: 2em;
+    margin: 0.25em;
+    text-align: center;
+    min-width: 7em;
+    max-width: 12em;
     height: 2em;
     font-size: 20px;
@@ -212 +277 @@
     cursor: default;
 }
+
+.bigButton.icon
 
 .bigButton:hover {
@@ -250 +317 @@
 }
 
-/********************/
-/* DD MENU SPECIFIC */
-/********************/
-
-#btnAddMenu {
-    margin: 0;
-    padding: 5px;
-    background: #5970B2;
-    font: bold 16px arial;
-    color: #FFF;
-    float: left;
-}
-
-#btnAddMenu.down {
-    background: #334167;
-}
-
-#creationMenu {
-    margin: 0;
-    padding: 0;
-    z-index: 30;
-    visibility: hidden;
-    float: left;
-}
-
-#creationMenu li {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    float: left;
-    clear: left;
-    font: bold 11px arial;
-}
-
-#creationMenu li a img {
-    float: left;
-    clear: left;
-}
-
-#creationMenu li a {
-    display: block;
-    float: left;
-    margin: 0 1px 0 0;
-    padding: 4px 10px;
-    width: 100px;
-    background: #5970B2;
-    color: #FFF;
-    text-align: center;
-    text-decoration: none;
-}
-
-#creationMenu li a:hover {
-    background: #49A3FF;
-}
-
-#creationMenu div {
-    position: absolute;
-    visibility: hidden;
-    margin: 0;
-    padding: 0;
-    background: #eaebd8;
-    border: 1px solid #5970B2;
-}
-
-#creationMenu div a{
-    position: relative;
-    float: left;
-    display: block;
-    clear: left;
-    margin: 0;
-    padding: 5px 10px 5px 10px;
-    width: 75px;
-    white-space: nowrap;
-    text-align: left;
-    text-decoration: none;
-    background: #eaebd8;
-    color: #2875DE;
-    font: 11px arial;
-}
-
-#creationMenu div a:hover {
-    background: #49a3ff;
-    color: #fff;
-}
 
 /****************************/
@@ -506 +489 @@
 }
 
-/****************************/
-/* Question editor specific */
-/****************************/
-
-.questionParamField {
-    float: left;
-}
-
-.questionParamLabel {
-    float: left;
-    width: 100px;
-}
-
-.questionParamLabel.lAlign {
-    clear: left;
-}
-
-.questionParamLabel.rAlign {
-    clear: right;
-}
-
-.qBodyTextField {
-    resize: none;
-    width: 595px;
-}
+/**************************/
+/* Survey Editor Specific */
+/**************************/
+
+#leftColumn {
+    float: left;
+    clear: left;
+}
+
+#rightColumn {
+    float: left;
+    clear: none;
+}
+
+.largeFrame.C{
+    clear: left;
+    margin: 10px;
+    padding: 5px;
+
+    height: auto;
+    max-height: 400px;
+}
+
+.largeFrame.Cu{
+    clear: left;
+    margin: 10px;
+    padding: 5px;
+    width: 640px;
+}
+
+.largeFrame.Cv {
+    clear: left;
+    margin: 10px;
+    padding: 5px;
+    width: 200px;
+}
+
+.checkboxList {
+    overflow-y: scroll; 
+    overflow-x: hidden;
+    clear: left;
+    width: auto; 
+    height: 250px; 
+    background-color: #FFF; 
+    border-width: 2px; 
+    border-style: solid; 
+    border-bottom-color: #AAA; 
+    border-top-color: #555; 
+    border-right-color: #AAA; 
+    border-left-color: #555;
+}
+
+.dbDataList {
+    width: 300px;
+    float: left;
+    clear: left;
+    margin: 0 10px 0 10px;
+}
+
+#dbShoppingCart .content {
+    height: 415px;
+}
+
+/*******************/
+/* DDMenu specific */
+/*******************/
+
+#toolboxMenu li .bigButton.toolbox div {
+    position: absolute;
+    visibility: hidden;
+    margin: 0;
+    padding: 0;
+    border: 1px solid #555;
+    background: #eaebd8;
+}
+
+#toolboxMenu li .bigButton.toolbox div a {
+    position: relative;
+    float: left;
+    clear: left;
+    margin: 0;
+    padding: 5px 10px;
+    width: 75px;
+    white-space: nowrap;
+    text-align: left;
+    text-decoration: none;
+    color: #2875de;
+    font: 11px arial;
+}
+
+#toolboxMenu li .bigButton.toolbox div a:hover {
+    background: #49a3ff;
+    color: #fff;
+}