comparison: image/w/app/styles/web.css
image/w/app/styles/web.css
- changeset 11
- f816cf5b6bcb
- parent 0
- b74b0e4902c3
equal
deleted
inserted
replaced
| 10:29e2e2e0b9ef | 11:f816cf5b6bcb |
|---|---|
| 1 | |
| 2 body { | |
| 3 margin:0; | |
| 4 padding:0; | |
| 5 font-family: Helvetica; | |
| 6 /*Background image with light grey curve.*/ | |
| 7 background-color:#494949; | |
| 8 background-repeat:no-repeat; | |
| 9 background-position:right bottom; | |
| 10 height:100%; | |
| 11 /* touch-action: none; */ | |
| 12 } | |
| 13 | |
| 14 html { | |
| 15 height:100%; | |
| 16 } | |
| 17 | |
| 18 | |
| 19 /* ---------------------------------------- | |
| 20 * Main Area | |
| 21 * ---------------------------------------- | |
| 22 */ | |
| 23 | |
| 24 | |
| 25 .menu { | |
| 26 width: 270px; | |
| 27 margin: auto; | |
| 28 } | |
| 29 | |
| 30 .menu input[type=none] { | |
| 31 background-color: #0077bb; | |
| 32 border: none; | |
| 33 color: yellow; | |
| 34 font-weight: bold; | |
| 35 width: 250px; | |
| 36 padding: 10px 0px; | |
| 37 text-decoration: none; | |
| 38 font-size: 16px; | |
| 39 margin: 8px; | |
| 40 text-align: center; | |
| 41 border-radius: 10px; | |
| 42 } | |
| 43 | |
| 44 .menu input[type=submit] { | |
| 45 background-color: #33b5e5; | |
| 46 border: none; | |
| 47 color: white; | |
| 48 font-weight: bold; | |
| 49 width: 250px; | |
| 50 padding: 15px 32px; | |
| 51 text-decoration: none; | |
| 52 font-size: 16px; | |
| 53 cursor: pointer; | |
| 54 margin: 8px; | |
| 55 text-align: center; | |
| 56 border-radius: 10px; | |
| 57 } | |
| 58 | |
| 59 .menu input[type=submit]:hover { | |
| 60 background-color: #0099cc; | |
| 61 } | |
| 62 | |
| 63 | |
| 64 .menu ul { | |
| 65 list-style-type: none; | |
| 66 margin: 0; | |
| 67 padding: 0; | |
| 68 } | |
| 69 | |
| 70 table.directory { | |
| 71 width: 90%; | |
| 72 border-collapse : collapse; | |
| 73 margin : auto; | |
| 74 padding : 0px; | |
| 75 background: yellow; | |
| 76 } | |
| 77 | |
| 78 tr.directory:nth-child(odd) { | |
| 79 background : #FFFFFF; | |
| 80 } | |
| 81 | |
| 82 tr.directory:nth-child(even) { | |
| 83 background : #CCFFFF; | |
| 84 } | |
| 85 | |
| 86 |
