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

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

improve display on smartpocket

File size: 2.0 KB
RevLine 
[15940]1#guestbookAdd {
2  padding:15px;
[27213]3  max-width:580px;
[15940]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);
[20181]8  overflow:hidden;
[27213]9  -moz-box-sizing:border-box;
10  box-sizing:border-box;
[15940]11}
12
13#guestbookAdd h4 {
14  margin:0;
15  cursor:pointer;
16  text-align:center;
[20181]17  font-size:13px;
[15940]18}
19
[27213]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 {
[15940]34  width:100%;
35}
[27213]36@media (max-width:500px) {
37  .contact .col-50 {
38    float:none;
39    width:100%;
[20181]40  }
[27213]41}
42 
[20181]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}
[27213]51.contact textarea, .contact input[type="text"] {
52  -moz-box-sizing:border-box;
53  box-sizing:border-box;
54  width:100%;
[20181]55}
[15940]56
[20181]57
58.LV_validation_message{
59  display:block;
60  font-weight:bold;
61  margin:0 0 0 5px;
[15940]62}
[20181]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}
[15940]76
[20181]77
[15940]78p.comment_count {
79  text-align:center;
80  font-style:italic;
81  font-weight:bold;
82  font-size:1.1em;
83}
84
[27213]85.commentsList {
86  padding:0;
87}
88
[20181]89.commentElement p {
[15940]90  text-align:left;
91  margin-bottom:0.5em;
92  margin-top:0.5em;
93}
94
95.commentElement {
[20181]96  padding:0 !important;
[15940]97  list-style:none;
[17495]98  text-align:left;
[20181]99  border:1px solid #555;
100  border-radius:5px;
101  margin:5px;
102  overflow:hidden;
[15940]103}
[15948]104  .commentElement .description {
105    padding:7px !important;
[20181]106    min-height:0;
[15948]107  }
108  .commentHeader  {
[20181]109    background:rgba(127,127,127,0.5);
[15948]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.