X-Git-Url: https://git.nubati.net/cgi-bin/gitweb.cgi?p=e-DoKo.git;a=blobdiff_plain;f=css%2Fstandard.css;h=0ca4ad25514c3aef6e2f0f9e312e8bd991d5b727;hp=a3bb40e33c05a6f97fa7a338859b08ea3a772794;hb=6bb40ad539c14101b609018998d5045e88e2ace4;hpb=36eab6602319754c0cba608c8ba3ddfca075abe9 diff --git a/css/standard.css b/css/standard.css index a3bb40e..0ca4ad2 100644 --- a/css/standard.css +++ b/css/standard.css @@ -17,38 +17,15 @@ * */ -/* reset CSS (taken from blueprint and modified a bit) */ - -html, body, div, span, -h1, h2, h3, h4, h5, h6, p, -a,img, dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, tbody, tfoot, thead, tr, th, td { - margin: 0; - padding: 0; - border: 0; - vertical-align: baseline; -} -table { border-collapse: separate; border-spacing: 0; } -caption, th, td { text-align: left; font-weight: normal; } -table, td, th { vertical-align: middle; } - -/* end reset */ - -/* some general layout */ -h1, h2, h3, h4, h5, h6, p {margin: 2px; padding: 1px;} - body { background-color: #ddd; } - /* the header, footer, etc */ -.header { +header { background-color: #fff; text-align: center; height: 4em; padding-top: 1.5em; - margin-left: 3em; - margin-right: 3em; + margin: 0em 3em; border-bottom: 3px solid gray; } @@ -61,12 +38,12 @@ body { background-color: #ddd; } .main { background-color: #fff; - margin-left: 3em; - margin-right: 3em; + margin: 0em 3em; + padding: 1em 0em; min-height: 40em; } -.footer { +footer { background-color: #fff; margin-left: 3em; margin-right: 3em; @@ -75,8 +52,8 @@ body { background-color: #ddd; } clear:both; height: 8em; } -.footer .right { float:right; font-size:smaller;} -.footer .left { float:left; font-size:smaller; } +footer .right { float:right; font-size:smaller;} +footer .left { float:left; font-size:smaller; } .status { position:absolute; @@ -207,30 +184,26 @@ div.table img.table { div.table div { /*background-color:green;*/ position:absolute; - width:12.5%; + width:10.5%; text-align:center; z-index:20; } -div.table div img{ - /*background-color:green;*/ - width:20%; -} div.table div.table0 { top:45%; - right:62.5%; + right:63.5%; } div.table div.table1 { - top:0%; - left:43.75%; + top:2%; + left:44.75%; } div.table div.table2 { top:45%; - left:62.5%; + left:63.5%; } div.table div.table3 { - bottom:0%; - left: 43.75%; + bottom:2%; + left: 44.75%; } /* display the card tricks */ @@ -562,14 +535,9 @@ div.user ul li:first-child { position:relative; border: 1px solid #000; } - .cardinput img { width: 4em;} - .cardinput:hover{ background-color:red;} -div span img.button { width: 2em;} -div span img.tinybutton { width: 1.4em;} - .gamestatuspre { padding: 0 0.3em; background-color: #f57900; @@ -650,10 +618,38 @@ table.stats thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { padding: 0.3em 0.3em 0.45em; } -/* the login form */ -.login form{ +/* the login/register form */ +ul.loginregister { + width: 24em; + margin: 0.25em auto; + margin-top: 1.0em; + padding: 0.0em; + padding-top:0.5em; + text-align: right; + z-index: 1; + } + +ul.loginregister li { + display:inline; + border: 0px; + border-top: 2px solid #000; + border-left: 2px solid #000; + padding: 0.5em 0.75em; + padding-bottom: 0.25em; + background-color: #eee; +} + +ul.loginregister li:last-child { border-right: 2px solid #000;} +ul.loginregister li:hover {background-color: #aaa; } + +.doregister {display: none;} +.dologin label,.doregister label {float:left; width: 6em; } + + +.login fieldset{ width: 24em; - margin: 0.5em auto; + margin: 0.0em auto; + margin-bottom: 0.5em; padding: 0.5em 0.5em 1.5em; text-align: center; } @@ -664,6 +660,10 @@ fieldset { background-color: #eee; } +fieldset p { + font-size:smaller; +} + .login label, .login input{ margin: 0.5em 0.5em 0.75em;} .login label{ @@ -702,6 +702,18 @@ div.table div img.gravatar, img.gravatar { width: 4em; height: 4em; border: 3px solid #aaa; + float:left; +} + +div img.button { + float: right; + width: 2em; +} + +div span.numberoftricks { + text-align:center; + clear:both; + display:block; } .highcall { @@ -739,6 +751,3 @@ div.table div img.gravatar, img.gravatar { .about .translation { background-color: #fce94f; } - - -