|
Last change
on this file since 282 was 241, checked in by luc, 9 years ago |
|
Aggiunta del widget Privacy e CookieLaw per l'informativa sui cookie - Aggiunto Tema Realistic - Aggiunto Tema Spectral
|
-
Property svn:executable
set to
*
|
|
File size:
1.9 KB
|
| Rev | Line | |
|---|
| [241] | 1 | @import 'libs/vars';
|
|---|
| 2 | @import 'libs/functions';
|
|---|
| 3 | @import 'libs/mixins';
|
|---|
| 4 | @import 'libs/skel';
|
|---|
| 5 |
|
|---|
| 6 | /*
|
|---|
| 7 | Spectral by HTML5 UP
|
|---|
| 8 | html5up.net | @n33co
|
|---|
| 9 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|---|
| 10 | */
|
|---|
| 11 |
|
|---|
| 12 | /* Spotlight */
|
|---|
| 13 |
|
|---|
| 14 | .spotlight {
|
|---|
| 15 | display: block;
|
|---|
| 16 |
|
|---|
| 17 | .image {
|
|---|
| 18 | display: inline-block;
|
|---|
| 19 | vertical-align: top;
|
|---|
| 20 | }
|
|---|
| 21 |
|
|---|
| 22 | .content {
|
|---|
| 23 | @include padding(4em, 4em);
|
|---|
| 24 | display: inline-block;
|
|---|
| 25 | }
|
|---|
| 26 |
|
|---|
| 27 | &:after {
|
|---|
| 28 | clear: both;
|
|---|
| 29 | content: '';
|
|---|
| 30 | display: block;
|
|---|
| 31 | }
|
|---|
| 32 | }
|
|---|
| 33 |
|
|---|
| 34 | /* Features */
|
|---|
| 35 |
|
|---|
| 36 | .features {
|
|---|
| 37 | display: block;
|
|---|
| 38 |
|
|---|
| 39 | li {
|
|---|
| 40 | float: left;
|
|---|
| 41 | }
|
|---|
| 42 |
|
|---|
| 43 | &:after {
|
|---|
| 44 | content: '';
|
|---|
| 45 | display: block;
|
|---|
| 46 | clear: both;
|
|---|
| 47 | }
|
|---|
| 48 | }
|
|---|
| 49 |
|
|---|
| 50 | /* Banner + Wrapper (style4) */
|
|---|
| 51 |
|
|---|
| 52 | #banner,
|
|---|
| 53 | .wrapper.style4 {
|
|---|
| 54 | background-image: url("../../images/banner.jpg");
|
|---|
| 55 | background-position: center center;
|
|---|
| 56 | background-repeat: no-repeat;
|
|---|
| 57 | background-size: cover;
|
|---|
| 58 | position: relative;
|
|---|
| 59 |
|
|---|
| 60 | &:before {
|
|---|
| 61 | background: #000000;
|
|---|
| 62 | content: '';
|
|---|
| 63 | height: 100%;
|
|---|
| 64 | left: 0;
|
|---|
| 65 | opacity: 0.5;
|
|---|
| 66 | position: absolute;
|
|---|
| 67 | top: 0;
|
|---|
| 68 | width: 100%;
|
|---|
| 69 | }
|
|---|
| 70 |
|
|---|
| 71 | .inner {
|
|---|
| 72 | position: relative;
|
|---|
| 73 | z-index: 1;
|
|---|
| 74 | }
|
|---|
| 75 | }
|
|---|
| 76 |
|
|---|
| 77 | /* Banner */
|
|---|
| 78 |
|
|---|
| 79 | #banner {
|
|---|
| 80 | @include padding(14em, 0);
|
|---|
| 81 | height: auto;
|
|---|
| 82 |
|
|---|
| 83 | &:after {
|
|---|
| 84 | display: none;
|
|---|
| 85 | }
|
|---|
| 86 | }
|
|---|
| 87 |
|
|---|
| 88 | /* CTA */
|
|---|
| 89 |
|
|---|
| 90 | #cta {
|
|---|
| 91 | .inner {
|
|---|
| 92 | header {
|
|---|
| 93 | float: left;
|
|---|
| 94 | }
|
|---|
| 95 |
|
|---|
| 96 | .actions {
|
|---|
| 97 | float: left;
|
|---|
| 98 | }
|
|---|
| 99 |
|
|---|
| 100 | &:after {
|
|---|
| 101 | clear: both;
|
|---|
| 102 | content: '';
|
|---|
| 103 | display: block;
|
|---|
| 104 | }
|
|---|
| 105 | }
|
|---|
| 106 | }
|
|---|
| 107 |
|
|---|
| 108 | /* Main */
|
|---|
| 109 |
|
|---|
| 110 | #main {
|
|---|
| 111 | > header {
|
|---|
| 112 | background-image: url("../../images/banner.jpg");
|
|---|
| 113 | background-position: center center;
|
|---|
| 114 | background-repeat: no-repeat;
|
|---|
| 115 | background-size: cover;
|
|---|
| 116 | position: relative;
|
|---|
| 117 |
|
|---|
| 118 | &:before {
|
|---|
| 119 | background: #000000;
|
|---|
| 120 | content: '';
|
|---|
| 121 | height: 100%;
|
|---|
| 122 | left: 0;
|
|---|
| 123 | opacity: 0.5;
|
|---|
| 124 | position: absolute;
|
|---|
| 125 | top: 0;
|
|---|
| 126 | width: 100%;
|
|---|
| 127 | }
|
|---|
| 128 |
|
|---|
| 129 | > * {
|
|---|
| 130 | position: relative;
|
|---|
| 131 | z-index: 1;
|
|---|
| 132 | }
|
|---|
| 133 | }
|
|---|
| 134 | }
|
|---|
Note:
See
TracBrowser
for help on using the repository browser.
