Touren application
[infodrom.org/touren.infodrom.org] / touren.css
1 .navbar {
2     margin-bottom: 1ex;
3     background-color: #007bff;
4 }
5 .navbar-brand span {
6     overflow: hidden;
7 }
8 div.header {
9     background-color: #007bff;
10     color: white;
11     padding:4px;
12     font-weight: bold;
13 }
14 div#message {
15     z-index: 100;
16 }
17 div#message.alert-danger {
18     border: 1px solid red;
19 }
20 div#message.alert-warning {
21     border: 1px solid orange;
22 }
23 div#message.alert-success {
24     border: 1px solid green;
25 }
26 div.login {
27     background-image: url(motorcycle.png);
28     background-repeat: no-repeat, repeat;
29     background-position: center;
30     padding-bottom: 45%;
31 }
32 div.loginform, div.lostpwform {
33     margin-top: 40%;
34     padding: 10px;
35     background: #EEE;
36     border: 1px solid #CCC;
37     border-radius: 0.25rem;
38 }
39 .form_description {
40     background-color: #EEEEFF;
41     border: 1px solid #8cacbb;
42     color: black;
43     padding: 3px;
44     margin-top: 0.75em;
45 }
46 .right {
47     text-align: right;
48 }
49 @media (max-height: 320px) {
50     div.loginform, div.lostpwform {
51         margin-top: 5%;
52     }
53 }
54 @media (max-width: 360px) {
55     .onlynarrow {
56         display: inline;
57     }
58     .onlywide {
59         display: none;
60     }
61 }
62 @media (min-width: 361px) {
63     .onlynarrow {
64         display: none;
65     }
66     .onlywide {
67         display: inline;
68     }
69 }
70 div.loginform h3, div.lostpwform h3 {
71     border-bottom: 2px solid #ccc;
72 }
73 div.loginform label, div.lostpwform label {
74     display: block;
75 }
76 div.lostpw {
77     margin-top: 2ex;
78 }
79 div.error h3 {
80     border-bottom: 2px solid #ccc;
81 }
82 div.tourlist .row button.btn,
83 div.invite .row button.btn {
84     width: 100%;
85     margin-bottom: 1ex;
86 }
87 .tour table#plan td:nth-child(2) {
88     text-align: center;
89     cursor: pointer;
90 }
91 .bg-unknown {
92     background-color: #FFFFFF;
93 }
94 .bg-ok {
95     background-color: #00FF00 !important;
96 }
97 .bg-maybe {
98     background-color: #FFFF00;
99 }
100 .bg-nope {
101     background-color: #FF0000;
102     color: white;
103 }
104 #datelist .table tbody tr.bg-maybe:nth-of-type(2n+1) {
105     background-color: #EEEE00 !important;
106 }
107 form[name="newdate"] .form-group {
108     float: left
109 }
110 form[name="newdate"] input {
111     width: 12em;
112     margin-right: 0.5em;
113 }
114 #povlist table button.btn {
115     font-weight: bold;
116 }
117 div.tour table#matrix td#date-status {
118     border-left: 1px solid white;
119 }
120 div.tour div.legende {
121     border-top: 2px solid #ccc;
122 }
123 div#note_del {
124     z-index: 50;
125 }
126 div#note_del.alert-warning {
127     border: 1px solid orange;
128 }