use https for gravatar

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

diff --git a/css/standard.less b/css/standard.less
index 5383d30316e8e27a3ee9e55c8d1397b136ffe4ff..9e1a221c7920455e9ada6741caff1308404396de 100644 (file)
--- a/css/standard.less
+++ b/css/standard.less
@@ -1,4 +1,4 @@
-/* Copyright 2006, 2007, 2008, 2009, 2010, 2011, 2012 Arun Persaud <arun@nubati.net>
+/* Copyright 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014 Arun Persaud <arun@nubati.net>
  *
  *   This file is part of e-DoKo.
  *
@@ -17,14 +17,14 @@
  *
  */
 
-body { background-color: #ddd; padding-top:40px}
+@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,18 +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;
+  padding:0.2em 0.2em;
   border-top: 2px solid gray;
 }
-footer .right { text-align:right;   font-size:smaller;}
-footer .left  { float:left;         font-size:smaller;}
+footer .right { text-align:right;  margin-top:1em; line-height:90%;font-size:smaller; margin-right:1em;}
+footer .left  { float:left;   margin-top:1em; line-height:90%;font-size:smaller; margin-left: 1em;}
 
 .WIP {
   background-color: #efaaaa;
@@ -88,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;
@@ -99,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;
 }
 
@@ -243,7 +241,6 @@ div.table div.table3 {
 img.gravatar  {
     width:  4em;
     height: 4em;
-    border: 3px solid #aaa;
 }
 
 div img.button {
@@ -574,9 +571,6 @@ div.user ul li:first-child {
   background-color: #8ae234;
 }
 
-.bigger{ font-size:larger;}
-
-
 /* statistics using jquery*/
 caption {
   text-align: center;
@@ -629,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;
@@ -725,22 +646,12 @@ table.openid td, table.openid th{
     background-color: #fc3;
 }
 
-.about {
-    margin-left: 20%;
-    margin-right: 20%;
-    padding-top: 10%;
-}
-
 .about ul {
     margin-left: 2em;
 }
 
 .about div {
-    width:12em;
-    height: 6em;
-    margin: 2em;
-    padding: 1em;
-    float:left;
+    margin-top: 3em;
     border: 1px solid black;
 }
 
@@ -759,17 +670,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;
@@ -824,6 +727,7 @@ header, footer {
     font-size: smaller;
 }
 }
-.pagination {
-  text-align:center;
-}
\ No newline at end of file
+
+// bootstrap stuff
+.pagination {  text-align:center;}
+.nav > li > img { height: (@navbarHeight/1.5); }