source: extensions/GuestBook/template/style.css @ 27213

Last change on this file since 27213 was 27213, checked in by mistic100, 10 years ago

improve display on smartpocket

File size: 2.0 KB
Line 
1#guestbookAdd {
2  padding:15px;
3  max-width:580px;
4  margin:10px auto 25px auto;
5  border-radius:5px;
6  border:1px solid #555;
7  box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
8  overflow:hidden;
9  -moz-box-sizing:border-box;
10  box-sizing:border-box;
11}
12
13#guestbookAdd h4 {
14  margin:0;
15  cursor:pointer;
16  text-align:center;
17  font-size:13px;
18}
19
20/* minimal fluid grid */
21.contact [class^=col-] {
22  -moz-box-sizing:border-box;
23  box-sizing:border-box;
24  padding:0 2px;
25}
26.contact [class^=col-]:not(:last-child) {
27  margin-bottom:5px;
28}
29.contact .col-50 {
30  float:left;
31  width:50%;
32}
33.contact .col-100 {
34  width:100%;
35}
36@media (max-width:500px) {
37  .contact .col-50 {
38    float:none;
39    width:100%;
40  }
41}
42 
43.contact label {
44  font-weight:bold;
45  display:block;
46}
47.contact input[type="text"], .contact textarea, .contact select {
48  border-radius:2px;
49  padding:3px;
50}
51.contact textarea, .contact input[type="text"] {
52  -moz-box-sizing:border-box;
53  box-sizing:border-box;
54  width:100%;
55}
56
57
58.LV_validation_message{
59  display:block;
60  font-weight:bold;
61  margin:0 0 0 5px;
62}
63.LV_valid {
64   display:none;
65}
66.LV_invalid {
67  color:#cc0000;
68}
69.LV_invalid_field, 
70input.LV_invalid_field:hover, 
71input.LV_invalid_field:active,
72textarea.LV_invalid_field:hover, 
73textarea.LV_invalid_field:active {
74  border: 1px solid #cc0000;
75}
76
77
78p.comment_count {
79  text-align:center;
80  font-style:italic;
81  font-weight:bold;
82  font-size:1.1em;
83}
84
85.commentsList {
86  padding:0;
87}
88
89.commentElement p {
90  text-align:left;
91  margin-bottom:0.5em;
92  margin-top:0.5em;
93}
94
95.commentElement {
96  padding:0 !important;
97  list-style:none;
98  text-align:left;
99  border:1px solid #555;
100  border-radius:5px;
101  margin:5px;
102  overflow:hidden;
103}
104  .commentElement .description {
105    padding:7px !important;
106    min-height:0;
107  }
108  .commentHeader  {
109    background:rgba(127,127,127,0.5);
110    margin:-7px;
111    margin-bottom:0;
112    padding:6px;
113    color:#ddd;
114    border-radius:5px 5px 0 0;
115  }
116  .commentAuthor {
117    font-size:1.1em;
118  }
119  .commentDate {
120    font-size:0.9em;
121  }
122  .commentHeader a {
123    color:#FFE093;
124  }
Note: See TracBrowser for help on using the repository browser.