source: main/trunk/greenstone3/web/interfaces/therin/css/forms.css@ 28644

Last change on this file since 28644 was 28644, checked in by jlwhisler, 10 years ago

A new interface created using a CSS template by luiszuno.com. Based on the default interface.

File size: 3.5 KB
Line 
1/* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* FORMS ------------------------------------------------------------*/
2#respond .heading {
3 margin-bottom: 10px;
4 padding-top: 0px;
5 padding-bottom: 10px;
6 border-top: 0px solid #444444;
7 border-bottom: 5px solid #444444;
8}
9#reply-title {
10 margin-bottom: 10px;
11 padding-top: 0px;
12 padding-bottom: 10px;
13 border-top: 0px solid #444444;
14 border-bottom: 5px solid #444444;
15}
16#commentform,
17#contactForm,
18.wpcf7-form {
19 margin-bottom: 21px;
20}
21#commentform h4,
22#contactForm h4 {
23 margin-top: 20px;
24 margin-bottom: 20px;
25}
26.wpcf7-form input,
27.wpcf7-form textarea,
28#contactForm input,
29#contactForm textarea,
30#commentform input,
31#commentform textarea {
32 padding: 10px 15px;
33 background: #eaeaea;
34 color: #484848;
35 border: 1px solid #ccc;
36 font-size: 14px;
37 font-family: Tahoma, Arial;
38 line-height: 1.5em;
39 overflow: auto;
40}
41.wpcf7-form input:focus,
42.wpcf7-form textarea:focus,
43#contactForm input:focus,
44#contactForm textarea:focus,
45#commentform input:focus,
46#commentform textarea:focus {
47 background: #fff;
48 -webkit-box-shadow: 0px 0px 3px rgba(251, 228, 113, 0.4);
49 -moz-box-shadow: 0px 0px 3px rgba(251, 228, 113, 0.4);
50 -o-box-shadow: 0px 0px 3px rgba(251, 228, 113, 0.4);
51 box-shadow: 0px 0px 3px rgba(251, 228, 113, 0.4);
52}
53.wpcf7-form input[type="text"],
54.wpcf7-form input[type="text"],
55#contactForm input[type="text"],
56#commentform input[type="text"],
57#contactForm input[type="password"],
58#commentform input[type="password"] {
59 overflow: auto;
60 width: 93.1818%;
61 margin-top: 10px;
62 margin-bottom: 10px;
63 overflow: hidden;
64}
65.wpcf7-form textarea,
66#contactForm textarea,
67#commentform textarea {
68 width: 93.1818%;
69 height: 230px;
70 margin-top: 10px;
71 margin-bottom: 10px;
72}
73#searchsubmit,
74.wpcf7-submit,
75#contactForm input[type="submit"],
76#commentform input[type="submit"],
77#contactForm input[type="button"] {
78 width: auto;
79 color: #e37655;
80 font-size: 14px;
81 background: #f1f1f1;
82 padding: 3px 10px;
83 border: 1px solid #ccc;
84 box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
85 -webkit-transition: all 0.3s ease;
86 -moz-transition: all 0.3s ease;
87 -o-transition: all 0.3s ease;
88 transition: all 0.3s ease;
89 cursor: pointer;
90}
91#searchsubmit:hover,
92.wpcf7-submit:hover,
93#contactForm input[type="submit"]:hover,
94#commentform input[type="submit"]:hover,
95#contactForm input[type="button"]:hover {
96 -webkit-transform: translate(0, 2px);
97 -moz-transform: translate(0, 2px);
98 -o-transform: translate(0, 2px);
99 transform: translate(0, 2px);
100}
101#respond {
102 margin: 25px 0 0px 0px;
103}
104#cancel-comment-reply-link {
105 display: block;
106 float: right;
107 font-family: Tahoma, Arial, "sans-serif";
108 font-size: 12px;
109 text-decoration: underline;
110}
111#commentform .comment-notes {
112 margin-bottom: 30px;
113}
114#contactForm input#submit {
115 margin-top: 7px;
116}
117#contactForm label,
118#commentform label {
119 color: #484848;
120}
121#contactForm p,
122#commentform p {
123 margin-bottom: 0px;
124}
125#error {
126 margin-left: 10px;
127}
128#sent-form-msg {
129 padding: 5px 10px;
130 margin-bottom: 40px;
131 background: rgba(0, 0, 0, 0.1);
132 color: #444444;
133}
134#commentform .form-allowed-tags {
135 font-size: 14px;
136 color: #888888;
137 margin-bottom: 20px;
138}
139.respond-title-wrap,
140.comment-title-wrap {
141 border-bottom: 1px solid #484848;
142 padding: 0 0 15px 0;
143 margin: 0 0 30px 0;
144}
145#respond-title,
146#comments,
147.add-comment-link {
148 font-size: 14px;
149 color: #2c2d31;
150 font-weight: bold;
151}
152.respond-caption {
153 font-size: 14px;
154}
Note: See TracBrowser for help on using the repository browser.