Rev | Line | |
---|
[10] | 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 | |
---|
| 14 | root { |
---|
| 15 | display: block; |
---|
| 16 | } |
---|
| 17 | |
---|
| 18 | body { |
---|
| 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; |
---|
[11] | 37 | font-weight: bold; |
---|
[10] | 38 | color: white; |
---|
| 39 | text-align: center; |
---|
| 40 | line-height: 2em; |
---|
[11] | 41 | text-shadow: 2px 2px 2px black; |
---|
[10] | 42 | } |
---|
| 43 | |
---|
| 44 | #content { |
---|
| 45 | position: relative; |
---|
| 46 | width: 100%; |
---|
[11] | 47 | padding: 2em 0; |
---|
[10] | 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 | |
---|
[11] | 60 | /* ################################################################## |
---|
| 61 | ===================== STYLESHEET OF GLORY ======================== */ |
---|
[10] | 62 | |
---|
[11] | 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.