Skip to content

C
converse.js
Commit e1e8825e authored by JC Brand's avatar JC Brand
Browse files
Options

Compile theme.css from less.css

parent 0948546c
Hide whitespace changes
Inline Side-by-side
Showing with 346 additions and 421 deletions
css/theme.css
View file @ e1e8825e
@charset 'UTF-8'; body {
@font-face { width: 100%;
font-family:'FontAwesome'; height: 100%;
src:url('font/fontawesome-webfont.eot?v=4.0.1'); font-family: "Lora", "Helvetica Neue", Helvetica, Arial, sans-serif;
src:url('font/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=4.0.1') format('woff'),url('font/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),url('font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg'); color: #ffffff;
font-weight:normal; background-color: #000000;
font-style:normal }
} html {
width: 100%;
body { height: 100%;
width: 100%; }
height: 100%; h1,
font-family: FontAwesome; h2,
color: #fff; h3,
background-color: #000; h4,
} h5,
h6 {
html { margin: 0 0 35px;
width: 100%; text-transform: uppercase;
height: 100%; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
} font-weight: 700;
letter-spacing: 1px;
h1, }
h2, p {
h3, margin: 0 0 25px;
h4, font-size: 18px;
h5, line-height: 1.5;
h6 { }
margin: 0 0 35px; @media (min-width: 767px) {
font-family: FontAwesome; p {
letter-spacing: 1px; margin: 0 0 35px;
font-size: 40px; font-size: 20px;
} line-height: 1.6;
}
p { }
margin: 0 0 25px; a {
font-size: 18px; color: #28c3ab;
line-height: 1.5; -webkit-transition: all 0.2s ease-in-out;
} -moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
@media(min-width:767px) { }
p { a:hover,
margin: 0 0 35px; a:focus {
font-size: 20px; text-decoration: none;
line-height: 1.6; color: #176e61;
} }
} .light {
font-weight: 400;
a { }
color: #28c3ab; .navbar {
-webkit-transition: all .2s ease-in-out; margin-bottom: 0;
-moz-transition: all .2s ease-in-out; border-bottom: 1px solid rgba(255, 255, 255, 0.3);
transition: all .2s ease-in-out; text-transform: uppercase;
} font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #000000;
a:hover, }
a:focus { .navbar-brand {
text-decoration: none; font-weight: 700;
color: #176e61; }
} .navbar-brand:focus {
outline: none;
.light { }
font-weight: 400; .navbar-custom a {
} color: #ffffff;
}
.navbar { .navbar-custom .nav li a {
margin-bottom: 0; -webkit-transition: background 0.3s ease-in-out;
border-bottom: 1px solid rgba(255,255,255,.3); -moz-transition: background 0.3s ease-in-out;
text-transform: uppercase; transition: background 0.3s ease-in-out;
font-family: FontAwesome; }
background-color: #000; .navbar-custom .nav li a:hover,
} .navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
.navbar-brand { outline: none;
font-weight: 700; background-color: rgba(255, 255, 255, 0.2);
} }
.navbar-toggle {
.navbar-brand:focus { padding: 4px 6px;
outline: 0; font-size: 16px;
} color: #ffffff;
}
.navbar-custom a { .navbar-toggle:focus,
color: #fff; .navbar-toggle:active {
} outline: none;
}
.navbar-custom .nav li a { @media (min-width: 767px) {
-webkit-transition: background .3s ease-in-out; .navbar {
-moz-transition: background .3s ease-in-out; padding: 20px 0;
transition: background .3s ease-in-out; border-bottom: none;
} letter-spacing: 1px;
background: transparent;
.navbar-custom .nav li a:hover, -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
.navbar-custom .nav li a:focus, -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
.navbar-custom .nav li.active { transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
outline: 0; }
background-color: rgba(255,255,255,.2); .top-nav-collapse {
} padding: 0;
background-color: #000000;
.navbar-toggle { }
padding: 4px 6px; .navbar-custom.top-nav-collapse {
font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);
color: #fff; }
} }
.features-section,
.navbar-toggle:focus, .outro,
.navbar-toggle:active { .intro {
outline: 0; display: table;
} width: 100%;
height: 100%;
@media(min-width:767px) { padding: 100px 0;
.navbar { text-align: center;
padding: 20px 0; color: #fff;
border-bottom: 0; }
letter-spacing: 1px; .intro {
background: 0 0; background: url(images/header.jpg) no-repeat bottom center scroll;
-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; background-color: #000;
-moz-transition: background .5s ease-in-out,padding .5s ease-in-out; -webkit-background-size: cover;
transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-background-size: cover;
} background-size: cover;
-o-background-size: cover;
.top-nav-collapse { }
padding: 0; .features-section {
background-color: #000; background: url('images/bgtr.svg') top right no-repeat, url('images/bgbl.svg') bottom left no-repeat, url('images/bgbl.svg') bottom left no-repeat, url('images/overlay.png'), linear-gradient(45deg, #b39c68, #a56365, #412e4c);
} }
.outro {
.navbar-custom.top-nav-collapse { background: url('images/bgtr.svg') top right no-repeat, url('images/bgbl.svg') bottom left no-repeat, url('images/overlay.png'), linear-gradient(45deg, #384955, #655361, #85505f);
border-bottom: 1px solid rgba(255,255,255,.3); }
} .intro-body {
} display: table-cell;
vertical-align: middle;
.features-section, .outro, .intro { }
display: table; .brand-heading {
width: 100%; font-size: 40px;
height: auto; }
padding: 100px 0; .intro-text {
text-align: center; font-size: 18px;
color: #fff; }
} @media (min-width: 767px) {
.intro {
.intro { height: 100%;
background: url(images/header.jpg) no-repeat bottom center scroll; padding: 0;
background-color: #000; }
-webkit-background-size: cover; .brand-heading {
-moz-background-size: cover; font-size: 100px;
background-size: cover; }
-o-background-size: cover; .intro-text {
} font-size: 25px;
}
.features-section { }
background: url('images/bgtr.svg') top right no-repeat, .btn-circle {
url('images/bgbl.svg') bottom left no-repeat, width: 70px;
url('images/bgbl.svg') bottom left no-repeat, height: 70px;
url('images/overlay.png'), margin-top: 15px;
linear-gradient(45deg, #b39c68, #a56365, #412e4c); padding: 7px 16px;
} border: 2px solid #ffffff;
border-radius: 35px;
.outro { font-size: 40px;
height: 100%; color: #ffffff;
background: url('images/bgtr.svg') top right no-repeat, background: transparent;
url('images/bgbl.svg') bottom left no-repeat, -webkit-transition: background 0.3s ease-in-out;
url('images/overlay.png'), -moz-transition: background 0.3s ease-in-out;
linear-gradient(45deg, #384955, #655361, #85505f); transition: background 0.3s ease-in-out;
} }
.btn-circle:hover,
.intro-body { .btn-circle:focus {
display: table-cell; outline: none;
vertical-align: middle; color: #ffffff;
} background: rgba(255, 255, 255, 0.1);
}
.brand-heading { .page-scroll .btn-circle i.animated {
font-size: 40px; -webkit-transition-property: -webkit-transform;
} -webkit-transition-duration: 1s;
-moz-transition-property: -moz-transform;
.intro-text { -moz-transition-duration: 1s;
font-size: 18px; }
} .page-scroll .btn-circle:hover i.animated {
-webkit-animation-name: pulse;
@media(min-width:767px) { -moz-animation-name: pulse;
.intro { -webkit-animation-duration: 1.5s;
height: 100%; -moz-animation-duration: 1.5s;
padding: 0; -webkit-animation-iteration-count: infinite;
} -moz-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
.brand-heading { -moz-animation-timing-function: linear;
font-size: 100px; }
} @-webkit-keyframes pulse {
0 {
.intro-text { -webkit-transform: scale(1);
font-size: 25px; transform: scale(1);
} }
} 50% {
-webkit-transform: scale(1.2);
.btn-circle { transform: scale(1.2);
width: 70px; }
height: 70px; 100% {
margin-top: 15px; -webkit-transform: scale(1);
padding: 7px 16px; transform: scale(1);
border: 2px solid #fff; }
border-radius: 35px; }
font-size: 40px; @-moz-keyframes pulse {
color: #fff; 0 {
background: 0 0; -moz-transform: scale(1);
-webkit-transition: background .3s ease-in-out; transform: scale(1);
-moz-transition: background .3s ease-in-out; }
transition: background .3s ease-in-out; 50% {
} -moz-transform: scale(1.2);
transform: scale(1.2);
.btn-circle:hover, }
.btn-circle:focus { 100% {
outline: 0; -moz-transform: scale(1);
color: #fff; transform: scale(1);
background: rgba(255,255,255,.1); }
} }
.content-section {
.page-scroll .btn-circle i.animated { padding-top: 100px;
-webkit-transition-property: -webkit-transform; }
-webkit-transition-duration: 1s; .donate-section {
-moz-transition-property: -moz-transform; width: 100%;
-moz-transition-duration: 1s; padding: 50px 0;
} color: #ffffff;
background-color: #000000;
.page-scroll .btn-circle:hover i.animated { }
-webkit-animation-name: pulse; .donate-section p.bitcoin-header {
-moz-animation-name: pulse; margin: 0 0 5px;
-webkit-animation-duration: 1.5s; }
-moz-animation-duration: 1.5s; @media (min-width: 767px) {
-webkit-animation-iteration-count: infinite; .content-section {
-moz-animation-iteration-count: infinite; padding-top: 150px;
-webkit-animation-timing-function: linear; padding-bottom: 50px;
-moz-animation-timing-function: linear; }
} .donate-section {
padding: 100px 0;
@-webkit-keyframes pulse { }
0 { }
-webkit-transform: scale(1); .btn {
transform: scale(1); text-transform: uppercase;
} font-family: FontAwesome;
font-weight: 400;
50% { -webkit-transition: all 0.3s ease-in-out;
-webkit-transform: scale(1.2); -moz-transition: all 0.3s ease-in-out;
transform: scale(1.2); transition: all 0.3s ease-in-out;
} }
.btn-default {
100% { border: 1px solid #28c3ab;
-webkit-transform: scale(1); color: #28c3ab;
transform: scale(1); background-color: transparent;
} }
} .btn-default:hover,
.btn-default:focus {
@-moz-keyframes pulse { border: 1px solid #28c3ab;
0 { outline: none;
-moz-transform: scale(1); color: #000000;
transform: scale(1); background-color: #28c3ab;
} }
.btn-huge {
50% { padding: 25px;
-moz-transform: scale(1.2); font-size: 26px;
transform: scale(1.2); }
} .banner-social-buttons {
position: absolute;
100% { bottom: 4em;
-moz-transform: scale(1); left: 0;
transform: scale(1); }
} @media (max-width: 1199px) {
} ul.banner-social-buttons {
margin-top: 15px;
.content-section { }
padding-top: 100px; }
} @media (max-width: 767px) {
ul.banner-social-buttons > li {
.donate-section { display: block;
width: 100%; margin-bottom: 20px;
padding: 50px 0; padding: 0;
color: #fff; }
background-color: #000; ul.banner-social-buttons > li:last-child {
} margin-bottom: 0;
}
.donate-section p.bitcoin-header { }
margin: 0 0 5px; ::-moz-selection {
} text-shadow: none;
background: #fcfcfc;
@media(min-width:767px) { background: rgba(255, 255, 255, 0.2);
.content-section { }
padding-top: 100px; ::selection {
padding-bottom: 50px; text-shadow: none;
} background: #fcfcfc;
background: rgba(255, 255, 255, 0.2);
.donate-section { }
padding: 100px 0; img::selection {
} background: transparent;
} }
img::-moz-selection {
.btn { background: transparent;
text-transform: uppercase; }
font-family: FontAwesome; body {
font-weight: 400; webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
-webkit-transition: all .3s ease-in-out; }
-moz-transition: all .3s ease-in-out; ul.contact,
transition: all .3s ease-in-out; ul.integration,
} ul.screencasts,
ul.features {
.btn-default { text-align: left;
border: 1px solid #28c3ab; font-size: 19px;
color: #28c3ab; }
background-color: transparent; .feature-icon {
} display: inline-block;
position: relative;
.btn-default:hover, padding-bottom: 5em;
.btn-default:focus { margin-bottom: 2.75em;
border: 1px solid #28c3ab; cursor: default;
outline: 0; color: #fff;
color: #000; }
background-color: #28c3ab; .feature-icon .fa {
} display: inline-block;
width: 2em;
.btn-huge { height: 2em;
padding: 25px; font-size: 4em;
font-size: 26px; border-radius: 100%;
} box-shadow: inset 0 0 0 1px white;
color: white;
.banner-social-buttons { line-height: 2.1em;
position: absolute; }
bottom: 4em; .feature-icon:before {
left: 0; content: '';
} background: white;
position: absolute;
@media(max-width:1199px) { bottom: 0;
ul.banner-social-buttons { left: 50%;
margin-top: 15px; margin-left: -0.325em;
} width: 0.65em;
} height: 0.65em;
display: block;
@media(max-width:767px) { border-radius: 100%;
ul.banner-social-buttons>li { }
display: block; .feature-icon:after {
margin-bottom: 20px; content: '';
padding: 0; position: absolute;
} left: 50%;
bottom: 0.65em;
ul.banner-social-buttons>li:last-child { width: 1px;
margin-bottom: 0; height: 4.35em;
} background: white;
} margin-left: -0.5px;
}
::-moz-selection {
text-shadow: none;
background: #fcfcfc;
background: rgba(255,255,255,.2);
}
::selection {
text-shadow: none;
background: #fcfcfc;
background: rgba(255,255,255,.2);
}
img::selection {
background: 0 0;
}
img::-moz-selection {
background: 0 0;
}
body {
webkit-tap-highlight-color: rgba(255,255,255,.2);
}
ul.contact,
ul.integration,
ul.screencasts,
ul.features {
text-align: left;
font-size: 19px;
}
.feature-icon {
display: inline-block;
position: relative;
padding-bottom: 5em;
margin-bottom: 2.75em;
cursor: default;
color: #fff;
}
.feature-icon .fa {
display: inline-block;
width: 2em;
height: 2em;
font-size: 4em;
border-radius: 100%;
box-shadow: inset 0 0 0 1px white;
color: white;
line-height: 2.1em;
}
.feature-icon:before {
content: '';
background: white;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -0.325em;
width: 0.65em;
height: 0.65em;
display: block;
border-radius: 100%;
}
.feature-icon:after {
content: '';
position: absolute;
left: 50%;
bottom: 0.65em;
width: 1px;
height: 4.35em;
background: white;
margin-left: -0.5px;
}
less/theme.less
View file @ e1e8825e
...@@ -136,7 +136,7 @@ a:focus { ...@@ -136,7 +136,7 @@ a:focus {
.features-section, .outro, .intro { .features-section, .outro, .intro {
display: table; display: table;
width: 100%; width: 100%;
height: auto; height: 100%;
padding: 100px 0; padding: 100px 0;
text-align: center; text-align: center;
color: #fff; color: #fff;
...@@ -287,7 +287,7 @@ a:focus { ...@@ -287,7 +287,7 @@ a:focus {
@media(min-width:767px) { @media(min-width:767px) {
.content-section { .content-section {
padding-top: 100px; padding-top: 150px;
padding-bottom: 50px; padding-bottom: 50px;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7