Mercurial > hg > nodescore
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; +}