+/* the login window */
+/* the login/register form */
+#openid_url {
+ background: #ffffff url('openid-icon-small.gif') no-repeat scroll 0pt 50%;
+ padding-left: 18px;
+}
+table.openid td,
+table.openid th {
+ padding: 0.0em 0.3em;
+}
+.newbiehint {
+ background-color: #fee;
+}
+.vacation {
+ color: #666;
+ background-color: #fc3;
+}
+.highcall {
+ background-color: #fc3;
+}
+.about ul {
+ margin-left: 2em;
+}
+.about div {
+ margin-top: 3em;
+ border: 1px solid black;
+}
+.about .code {
+ background-color: #729fcf;
+}
+.about .database {
+ background-color: #8ae234;
+}
+.about .graphics {
+ background-color: #e9b96e;
+}
+.about .translation {
+ background-color: #fce94f;
+}
+/* special layout for mobile devices */
+@media only screen and (max-width: 600px) {
+ .session div.sessionscore div {
+ right: 0em;
+ }
+ .notes {
+ position: relative;
+ top: 0em;
+ left: 0;
+ margin: 0.1em;
+ margin-top: 0em;
+ margin-left: 0em;
+ width: 100%;
+ border: 2px solid gray;
+ padding: 0.3em;
+ background-color: #efefef;
+ height: 100%;
+ overflow: auto;
+ z-index: 0;
+ }
+ .message {
+ position: relative;
+ background-color: #fff;
+ width: 100%;
+ top: 0em;
+ left: 0%;
+ right: 0%;
+ text-align: center;
+ z-index: 1;
+ }
+ .message > div {
+ border: 2px solid black;
+ }
+ .message div div {
+ width: 100%;
+ 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%;}