source: Dev/trunk/css/style.css @ 11

Last change on this file since 11 was 11, checked in by fpvanagthoven, 14 years ago

SurveyCreationTool?, styling

File size: 1.7 KB
Line 
1/*
2    Document   : style
3    Created on : 12-jul-2011, 15:12:02
4    Author     : fpvanagthoven
5    Description:
6        Purpose of the stylesheet follows.
7*/
8
9/*
10   TODO customize this sample style
11   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
12*/
13
14root {
15    display: block;
16}
17
18body {
19    font-family: sans-serif;
20    background-color: gainsboro;
21    margin: 0;
22    padding: 0;
23}
24
25#wrapper {
26    width: 80%;
27    margin: auto;
28}
29
30#header {
31    height: 4em;
32    background-color: slategrey;
33}
34
35#logo {
36    font-size: 2em;
37    font-weight: bold;
38    color: white;
39    text-align: center;
40    line-height: 2em;
41    text-shadow: 2px 2px 2px black;
42}
43
44#content {
45    position: relative;
46    width: 100%;
47    padding: 2em 0;
48}
49
50#menu {
51    width: 20em;
52    margin: auto;
53    padding: 3em;
54    text-align: center;
55    background-color: #E3E3E3;
56    -moz-border-radius: 15px;
57    border-radius: 15px;
58}
59
60/* ##################################################################
61   ===================== STYLESHEET OF GLORY ======================== */
62
63#newSurveyButton{
64    height: 3em;
65    width: 10em;
66}
67
68#surveyCreation {
69    min-height: 10em;
70    background-color: #eee;
71    -moz-border-radius: 15px;
72    border-radius: 15px;
73    -moz-box-shadow: 2px 2px 2px #888;
74    -webkit-box-shadow: 2px 2px 2px #888;
75    box-shadow: 2px 2px 2px #888;
76    padding: 2em;
77}
78
79#surveyTitle {
80    font-size: large;
81    color: gray;
82}
83
84#surveyTitle:hover {
85    color: black;
86}
87
88#surveyDescription {
89    display: block;
90    font-family: sans-serif;
91    color: gray;
92}
93
94#surveyDescription:hover {
95    color: black;
96}
97
98#submitSurvey {
99    display: block;
100    height: 3em;
101    width: 10em;
102    margin-top: 2em;
103}
Note: See TracBrowser for help on using the repository browser.