LAYOUT: use bootstrap to style gravatar images

[e-DoKo.git] / css / standard.less

diff --git a/css/standard.less b/css/standard.less
index 3c5a9bc845c640fb2f7a10c7957b63a262027521..88a1b5bd71a8a17be85ba17d0c1f8811077f8c33 100644 (file)
--- a/css/standard.less
+++ b/css/standard.less
@@ -17,14 +17,14 @@
  *
  */
 
-body { background-color: #ddd; }
+@import "bootstrap/variables.less"; // Modify this for custom colors, font-sizes, etc
+body { background-color: #ddd; padding-top: @navbarHeight}
 
 /* the header, footer, etc */
 header {
   background-color: #fff;
   text-align:       center;
   padding-top: 1.5em;
-  margin: 0em 3em;
   border-bottom:    3px solid gray;
 }
 
@@ -38,25 +38,16 @@ header {
 .main {
   background-color: #fff;
   padding: 1px 0em;
-  margin:  0em 3em;
   padding-bottom: 1em;
 }
 
 footer {
   background-color: #fff;
-  margin: 0em 3em;
   padding:0em 0.2em;
   border-top: 2px solid gray;
 }
-footer .right { text-align:right;   font-size:smaller;}
-footer .left  { float:left;         font-size:smaller;}
-
-.status {
-  position:absolute;
-  right:4em;
-  top:0.1em;
-  font-size: smaller;
-}
+footer .right { float:right;     margin-top:1em; line-height:90%;font-size:smaller;}
+footer .left  { text-align:left;  line-height:90%;font-size:smaller;}
 
 .WIP {
   background-color: #efaaaa;
@@ -95,8 +86,7 @@ footer .left  { float:left;         font-size:smaller;}
 }
 .session div.sessionscore div{
   position:absolute;
-  width:12em;
-  right:3em;
+  right:1em;
   display:none;
   background-color: #fff;
   border: 1px solid #000;
@@ -106,12 +96,13 @@ footer .left  { float:left;         font-size:smaller;}
 .session img.rulesicon{ height: 1em; }
 
 .session .scoretable{
-  height:20em;
+  height: 20em;
+  width:  16em;
   overflow: auto;
 }
 .session table.score {
   margin:0.5em;
-  width:10em;
+  width:  10em;
   border-collapse:collapse;
 }
 
@@ -250,7 +241,6 @@ div.table div.table3 {
 img.gravatar  {
     width:  4em;
     height: 4em;
-    border: 3px solid #aaa;
 }
 
 div img.button {
@@ -263,25 +253,6 @@ div span.numberoftricks {
 
 /* display the card tricks */
 
-ul.tricks {
-  text-align:center;
-  list-style:none;
-  margin:0px;
-  padding:3px;
-  padding-bottom:3px;
-  border-bottom:1px solid #444;
-}
-ul.tricks a { text-decoration:none; color:#000;}
-ul.tricks li {
-  /*background-color:blue;*/
-  padding:0.1em;
-  margin:0.2em 0.5em;
-  display:inline;
-}
-ul.tricks li.old {  background-color:#fff; }
-ul.tricks li a:hover {  background-color: #bbb;}
-ul.tricks li.nohighlight a:hover {  background-color: #fff;}
-
 div.tricks {
   position: absolute;
   top: 0;
@@ -600,9 +571,6 @@ div.user ul li:first-child {
   background-color: #8ae234;
 }
 
-.bigger{ font-size:larger;}
-
-
 /* statistics using jquery*/
 caption {
   text-align: center;
@@ -655,80 +623,7 @@ table.stats thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
 
 
 /* the login window */
-.login {
-  text-align:center;
-  padding-top: 1em;
-}
-
-.login p {
-  padding: 0.1em 0.1em 0.15em;
-}
-.login h4 {
-  padding: 0.3em 0.3em 0.45em;
-}
-
 /* 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.0em auto;
-  margin-bottom: 0.5em;
-  padding: 0.5em 0.5em  1.5em;
-  text-align: center;
-}
-
-fieldset {
-  border: 2px solid #000;
-  padding: 0.5em 0.5em 0.75em;
-  background-color: #eee;
-}
-
-fieldset p {
-  font-size:smaller;
-}
-
-.login label, .login input{ margin: 0.5em 0.5em 0.75em;}
-
-.login label{
-  float:left;
-  width:7em;
-  text-align: left;
-}
-
-.login input #email, .login input #password{
-  width:9em;
-  float:right;
-}
-
-.login .submitbutton { background-color: #fff;}
-.login .submitbutton:hover { background-color: #aaa;}
-
 #openid_url {
   background: #FFFFFF url('openid-icon-small.gif') no-repeat scroll 0pt 50%;
   padding-left: 18px;
@@ -785,17 +680,9 @@ table.openid td, table.openid th{
 
 
 /* special layout for mobile devices */
-@media only screen and (max-width: 900px) {
-.main {
-  background-color: #fff;
-  margin-left: 0em;
-  margin-right: 0em;
-}
+@media only screen and (max-width: 600px) {
 
-header, footer {
-  margin-left: 0em;
-  margin-right: 0em;
-}
+.nav > li > a .navhide{ display:none; }
 
 .lastlogin {
   position: relative;
@@ -806,7 +693,7 @@ header, footer {
   border-top: 1px solid gray;
 }
 
-.session div.sessionscore div, .status {
+.session div.sessionscore div {
   right:0em;
 }
 
@@ -849,4 +736,8 @@ header, footer {
     text-align: right;
     font-size: smaller;
 }
-}
\ No newline at end of file
+}
+
+// bootstrap stuff
+.pagination {  text-align:center;}
+.nav > li > img { height: (@navbarHeight/2); }