-/* Copyright 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013 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: 25px;
+ background-color: #fff;
+ padding-top: 70px;
}
/* the header, footer, etc */
header {
padding-top: 1.5em;
border-bottom: 3px solid gray;
}
-.lastlogin {
- position: absolute;
- top: 0;
- left: 3em;
-}
-.lastlogin span {
- font-size: smaller;
-}
.main {
background-color: #fff;
padding: 1px 0em;
top: 30%;
left: 37.5%;
- right: 56.5%;
- height: 40%;
+ width: 8%;
z-index: 30;
}
.vorbehalt0 {
/*border: 1px solid red;*/
top: 0%;
- left: 47%;
- right: 47%;
- height: 40%;
+ left: 46%;
+ width: 8%;
text-align: center;
z-index: 30;
}
top: 30%;
right: 37.5%;
- left: 56.5%;
- height: 40%;
+ width: 8%;
z-index: 30;
}
.vorbehalt2 {
/*border: 1px solid red;*/
bottom: 0%;
- left: 47%;
- right: 47%;
- height: 40%;
+ left: 46%;
+ width: 8%;
z-index: 30;
}
.tricks div div.card3 .score,
background-color: #efaaaa;
text-align: center;
}
+.user {
+ margin-left: 5%;
+ margin-right: 5%;
+}
.usermenu {
text-align: center;
padding: 0.7em;
overflow: auto;
z-index: 50;
}
-.user {
- margin-left: 25%;
- margin-right: 5%;
-}
-div.user ul {
- list-style: none;
- padding: 0px;
-}
-div.user ul li {
- position: relative;
- padding: 3px;
- margin: 0px;
- width: 80%;
- min-height: 1.2em;
- border-left: 2px solid #babdb6 ;
- border-right: 2px solid #babdb6 ;
- border-bottom: 2px solid #babdb6 ;
-}
-div.user ul li:first-child {
- border-top: 2px solid #babdb6 ;
-}
.gamessession {
display: none;
}
}
.user .gameshidesession,
.user .gamesshowsession {
- float: right;
width: 10em;
}
.wide {
.cardinput:hover {
background-color: red;
}
-.gamestatuspre {
- padding: 0 0.3em;
- background-color: #f57900;
-}
-.gamestatusover {
- padding: 0 0.3em;
- background-color: #e9b96e ;
- color: #fff;
-}
-.gamestatusplay {
- padding: 0 0.3em;
- background-color: #8ae234;
-}
/* statistics using jquery*/
caption {
text-align: center;
.highcall {
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;
}
.about .code {
}
/* special layout for mobile devices */
@media only screen and (max-width: 600px) {
- .nav > li > a .navhide {
- display: none;
- }
- .lastlogin {
- position: relative;
- left: 0em;
- top: 0em;
- width: 100%;
- text-align: center;
- border-top: 1px solid gray;
- }
.session div.sessionscore div {
right: 0em;
}
overflow: auto;
z-index: 0;
}
- .user {
- margin-left: 5%;
- margin-right: 5%;
- }
.message {
position: relative;
background-color: #fff;
text-align: right;
font-size: smaller;
}
+ img.gravatar {
+ width: 3em;
+ height: 3em;
+ }
+ div.table img.table { width: 45%; }
+
+ .tricks div div.card0 img { width: 14%; }
+ .tricks div div.card1 img { width: 14%; left: 43%;}
+ .tricks div div.card2 img { width: 14%; }
+ .tricks div div.card3 img { width: 14%; left: 43%;}
+ .tricks div div.card0 img { left: 28%;}
+ .tricks div div.card2 img { right: 28%;}
+
}
-.pagination {
- text-align: center;
-}
-.nav > li > img {
- height: 16.666666666666668px;
+
+img.grav {
+ height: 50px;
}