diff www/m/css/nodescore.css @ 5:9070b2a7ca65

nodescore magicsquare example web files commited
author tzara <rc-web@kiben.net>
date Wed, 04 Jul 2012 13:10:04 +0000
parents
children 0a8133490050
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/www/m/css/nodescore.css	Wed Jul 04 13:10:04 2012 +0000
@@ -0,0 +1,139 @@
+body{
+    background-color: black;
+    color: white;
+    font: 12px Helvetica, Arial;  
+} 
+
+h3,h4,h5,h6 {
+    width: 400px;
+    background-color: white;
+    display: inline;
+    color: #666;
+  //  padding: 0px 10px 0px 10px ;
+    z-index: 2;
+}
+
+h1{ background-color: black; color:white;font: 44px Helvetica, Arial; }
+h2{ font: 28px Helvetica, Arial; color:white}
+h3{ font: 12px Helvetica, Arial; color:white }
+h4{ background-color: black; font: 19px Helvetica, Arial; 
+    text-align: center;  margin-left:auto; margin-right:auto; color:white}
+
+a:link {color:#666;}
+a:visited {color: #666;}
+a:hover {color: black; background-color:gray;}
+a:active {color: black;background-color:white;} 
+
+ul, li, h4, h3, h2, h1, p{
+    padding:0;
+    margin:0;
+    list-style:none;
+}
+
+.outermaster{
+    height: 800px;
+    width: 1280px;
+    border: 1px solid blue;
+    position: relative;
+    padding: 5px 5px 5px 5px ;
+    color: black;
+}
+
+
+#fluid {}
+.fluid-img{height:50%; width:50%;}
+
+.clear
+{
+clear:both;
+}
+
+#client_chronometer{ 
+    border: 2px solid gray ; 
+    background-color: black;   
+    color: #666;
+    font-size: 6em;    
+    color: white; 
+    opacity:0.5;
+    position: absolute;
+    right: 10px;
+    top: 8px;
+    padding: 5px 5px 5px 5px;
+    width: 350px;
+    z-position: 2;
+}
+
+#countinnumber{ 
+    background-color: gray;
+    font-size: 48em;
+    display:inline;
+    text-align:center;
+    z-index: 2;
+    position: absolute;
+    opacity:0.5;
+    font-weight:bolder;
+    width: 1280px;
+    height: 800px;
+}
+
+.magicsquare {
+    background: blue;
+    width: 50px;
+    height: 50px;
+    border-radius: 10px;
+    float: left;
+    color: black;
+    font-size: 2em;    
+    text-align: center;
+}​
+
+#disp {
+
+}
+
+#content-txt {
+//   padding: 2px 2px 2px 2px;
+  font-size: 3em;
+  text-align:center;
+  background-color: black;
+  border: 1px solid white;
+  height: 800px;
+  width: 1280px;
+  margin-left:auto;
+  margin-right:auto;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+
+#blanket {
+background-color:#111;
+opacity: 0.65;
+border: 3px solid blue;
+*background:none;
+position:absolute;
+z-index: 9001;
+top:0px;
+left:0px;
+width:100%;
+}
+
+#popUpDiv {
+position:absolute;
+*background:url(pop-back.jpg) no-repeat;
+background-color:gray;
+width:300px;
+height:300px;
+border:5px solid blue;
+z-index: 9002;
+}
+
+#popUpMetro {
+position:absolute;
+*background:url(pop-back.jpg) no-repeat;
+background-color:gray;
+width:300px;
+height:300px;
+border:5px solid blue;
+z-index: 9002;
+}