-/* 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.
*
*
*/
-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;
}
.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;
}
.session div.sessionscore div{
position:absolute;
- width:12em;
- right:3em;
+ right:1em;
display:none;
background-color: #fff;
border: 1px solid #000;
.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;
}
img.gravatar {
width: 4em;
height: 4em;
- border: 3px solid #aaa;
}
div img.button {
background-color: #8ae234;
}
-.bigger{ font-size:larger;}
-
-
/* statistics using jquery*/
caption {
text-align: center;
/* 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;
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;
}
/* 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;
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); }