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
Show whitespace changes
Inline Side-by-side
Showing with 346 additions and 421 deletions
css/theme.css
View file @ e1e8825e
@charset 'UTF-8';
@font-face {
font-family:'FontAwesome';
src:url('font/fontawesome-webfont.eot?v=4.0.1');
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');
font-weight:normal;
font-style:normal
}
body { body {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-family: FontAwesome; font-family: "Lora", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #fff; color: #ffffff;
background-color: #000; background-color: #000000;
} }
html { html {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
h1, h1,
h2, h2,
h3, h3,
...@@ -27,116 +16,101 @@ h4, ...@@ -27,116 +16,101 @@ h4,
h5, h5,
h6 { h6 {
margin: 0 0 35px; margin: 0 0 35px;
font-family: FontAwesome; text-transform: uppercase;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
letter-spacing: 1px; letter-spacing: 1px;
font-size: 40px;
} }
p { p {
margin: 0 0 25px; margin: 0 0 25px;
font-size: 18px; font-size: 18px;
line-height: 1.5; line-height: 1.5;
} }
@media (min-width: 767px) {
@media(min-width:767px) {
p { p {
margin: 0 0 35px; margin: 0 0 35px;
font-size: 20px; font-size: 20px;
line-height: 1.6; line-height: 1.6;
} }
} }
a { a {
color: #28c3ab; color: #28c3ab;
-webkit-transition: all .2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all .2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
transition: all .2s ease-in-out; transition: all 0.2s ease-in-out;
} }
a:hover, a:hover,
a:focus { a:focus {
text-decoration: none; text-decoration: none;
color: #176e61; color: #176e61;
} }
.light { .light {
font-weight: 400; font-weight: 400;
} }
.navbar { .navbar {
margin-bottom: 0; margin-bottom: 0;
border-bottom: 1px solid rgba(255,255,255,.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
text-transform: uppercase; text-transform: uppercase;
font-family: FontAwesome; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #000; background-color: #000000;
} }
.navbar-brand { .navbar-brand {
font-weight: 700; font-weight: 700;
} }
.navbar-brand:focus { .navbar-brand:focus {
outline: 0; outline: none;
} }
.navbar-custom a { .navbar-custom a {
color: #fff; color: #ffffff;
} }
.navbar-custom .nav li a { .navbar-custom .nav li a {
-webkit-transition: background .3s ease-in-out; -webkit-transition: background 0.3s ease-in-out;
-moz-transition: background .3s ease-in-out; -moz-transition: background 0.3s ease-in-out;
transition: background .3s ease-in-out; transition: background 0.3s ease-in-out;
} }
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:focus,
.navbar-custom .nav li.active { .navbar-custom .nav li.active {
outline: 0; outline: none;
background-color: rgba(255,255,255,.2); background-color: rgba(255, 255, 255, 0.2);
} }
.navbar-toggle { .navbar-toggle {
padding: 4px 6px; padding: 4px 6px;
font-size: 16px; font-size: 16px;
color: #fff; color: #ffffff;
} }
.navbar-toggle:focus, .navbar-toggle:focus,
.navbar-toggle:active { .navbar-toggle:active {
outline: 0; outline: none;
} }
@media (min-width: 767px) {
@media(min-width:767px) {
.navbar { .navbar {
padding: 20px 0; padding: 20px 0;
border-bottom: 0; border-bottom: none;
letter-spacing: 1px; letter-spacing: 1px;
background: 0 0; background: transparent;
-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
-moz-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
} }
.top-nav-collapse { .top-nav-collapse {
padding: 0; padding: 0;
background-color: #000; background-color: #000000;
} }
.navbar-custom.top-nav-collapse { .navbar-custom.top-nav-collapse {
border-bottom: 1px solid rgba(255,255,255,.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
} }
} }
.features-section,
.features-section, .outro, .intro { .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;
} }
.intro { .intro {
background: url(images/header.jpg) no-repeat bottom center scroll; background: url(images/header.jpg) no-repeat bottom center scroll;
background-color: #000; background-color: #000;
...@@ -145,80 +119,60 @@ a:focus { ...@@ -145,80 +119,60 @@ a:focus {
background-size: cover; background-size: cover;
-o-background-size: cover; -o-background-size: cover;
} }
.features-section { .features-section {
background: url('images/bgtr.svg') top right no-repeat, 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);
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 { .outro {
height: 100%; 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);
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);
} }
.intro-body { .intro-body {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
} }
.brand-heading { .brand-heading {
font-size: 40px; font-size: 40px;
} }
.intro-text { .intro-text {
font-size: 18px; font-size: 18px;
} }
@media (min-width: 767px) {
@media(min-width:767px) {
.intro { .intro {
height: 100%; height: 100%;
padding: 0; padding: 0;
} }
.brand-heading { .brand-heading {
font-size: 100px; font-size: 100px;
} }
.intro-text { .intro-text {
font-size: 25px; font-size: 25px;
} }
} }
.btn-circle { .btn-circle {
width: 70px; width: 70px;
height: 70px; height: 70px;
margin-top: 15px; margin-top: 15px;
padding: 7px 16px; padding: 7px 16px;
border: 2px solid #fff; border: 2px solid #ffffff;
border-radius: 35px; border-radius: 35px;
font-size: 40px; font-size: 40px;
color: #fff; color: #ffffff;
background: 0 0; background: transparent;
-webkit-transition: background .3s ease-in-out; -webkit-transition: background 0.3s ease-in-out;
-moz-transition: background .3s ease-in-out; -moz-transition: background 0.3s ease-in-out;
transition: background .3s ease-in-out; transition: background 0.3s ease-in-out;
} }
.btn-circle:hover, .btn-circle:hover,
.btn-circle:focus { .btn-circle:focus {
outline: 0; outline: none;
color: #fff; color: #ffffff;
background: rgba(255,255,255,.1); background: rgba(255, 255, 255, 0.1);
} }
.page-scroll .btn-circle i.animated { .page-scroll .btn-circle i.animated {
-webkit-transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s; -webkit-transition-duration: 1s;
-moz-transition-property: -moz-transform; -moz-transition-property: -moz-transform;
-moz-transition-duration: 1s; -moz-transition-duration: 1s;
} }
.page-scroll .btn-circle:hover i.animated { .page-scroll .btn-circle:hover i.animated {
-webkit-animation-name: pulse; -webkit-animation-name: pulse;
-moz-animation-name: pulse; -moz-animation-name: pulse;
...@@ -229,143 +183,118 @@ a:focus { ...@@ -229,143 +183,118 @@ a:focus {
-webkit-animation-timing-function: linear; -webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear; -moz-animation-timing-function: linear;
} }
@-webkit-keyframes pulse { @-webkit-keyframes pulse {
0 { 0 {
-webkit-transform: scale(1); -webkit-transform: scale(1);
transform: scale(1); transform: scale(1);
} }
50% { 50% {
-webkit-transform: scale(1.2); -webkit-transform: scale(1.2);
transform: scale(1.2); transform: scale(1.2);
} }
100% { 100% {
-webkit-transform: scale(1); -webkit-transform: scale(1);
transform: scale(1); transform: scale(1);
} }
} }
@-moz-keyframes pulse { @-moz-keyframes pulse {
0 { 0 {
-moz-transform: scale(1); -moz-transform: scale(1);
transform: scale(1); transform: scale(1);
} }
50% { 50% {
-moz-transform: scale(1.2); -moz-transform: scale(1.2);
transform: scale(1.2); transform: scale(1.2);
} }
100% { 100% {
-moz-transform: scale(1); -moz-transform: scale(1);
transform: scale(1); transform: scale(1);
} }
} }
.content-section { .content-section {
padding-top: 100px; padding-top: 100px;
} }
.donate-section { .donate-section {
width: 100%; width: 100%;
padding: 50px 0; padding: 50px 0;
color: #fff; color: #ffffff;
background-color: #000; background-color: #000000;
} }
.donate-section p.bitcoin-header { .donate-section p.bitcoin-header {
margin: 0 0 5px; margin: 0 0 5px;
} }
@media (min-width: 767px) {
@media(min-width:767px) {
.content-section { .content-section {
padding-top: 100px; padding-top: 150px;
padding-bottom: 50px; padding-bottom: 50px;
} }
.donate-section { .donate-section {
padding: 100px 0; padding: 100px 0;
} }
} }
.btn { .btn {
text-transform: uppercase; text-transform: uppercase;
font-family: FontAwesome; font-family: FontAwesome;
font-weight: 400; font-weight: 400;
-webkit-transition: all .3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all .3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
transition: all .3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.btn-default { .btn-default {
border: 1px solid #28c3ab; border: 1px solid #28c3ab;
color: #28c3ab; color: #28c3ab;
background-color: transparent; background-color: transparent;
} }
.btn-default:hover, .btn-default:hover,
.btn-default:focus { .btn-default:focus {
border: 1px solid #28c3ab; border: 1px solid #28c3ab;
outline: 0; outline: none;
color: #000; color: #000000;
background-color: #28c3ab; background-color: #28c3ab;
} }
.btn-huge { .btn-huge {
padding: 25px; padding: 25px;
font-size: 26px; font-size: 26px;
} }
.banner-social-buttons { .banner-social-buttons {
position: absolute; position: absolute;
bottom: 4em; bottom: 4em;
left: 0; left: 0;
} }
@media (max-width: 1199px) {
@media(max-width:1199px) {
ul.banner-social-buttons { ul.banner-social-buttons {
margin-top: 15px; margin-top: 15px;
} }
} }
@media (max-width: 767px) {
@media(max-width:767px) { ul.banner-social-buttons > li {
ul.banner-social-buttons>li {
display: block; display: block;
margin-bottom: 20px; margin-bottom: 20px;
padding: 0; padding: 0;
} }
ul.banner-social-buttons > li:last-child {
ul.banner-social-buttons>li:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
} }
::-moz-selection { ::-moz-selection {
text-shadow: none; text-shadow: none;
background: #fcfcfc; background: #fcfcfc;
background: rgba(255,255,255,.2); background: rgba(255, 255, 255, 0.2);
} }
::selection { ::selection {
text-shadow: none; text-shadow: none;
background: #fcfcfc; background: #fcfcfc;
background: rgba(255,255,255,.2); background: rgba(255, 255, 255, 0.2);
} }
img::selection { img::selection {
background: 0 0; background: transparent;
} }
img::-moz-selection { img::-moz-selection {
background: 0 0; background: transparent;
} }
body { body {
webkit-tap-highlight-color: rgba(255,255,255,.2); webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
} }
ul.contact, ul.contact,
ul.integration, ul.integration,
ul.screencasts, ul.screencasts,
...@@ -373,7 +302,6 @@ ul.features { ...@@ -373,7 +302,6 @@ ul.features {
text-align: left; text-align: left;
font-size: 19px; font-size: 19px;
} }
.feature-icon { .feature-icon {
display: inline-block; display: inline-block;
position: relative; position: relative;
...@@ -382,7 +310,6 @@ ul.features { ...@@ -382,7 +310,6 @@ ul.features {
cursor: default; cursor: default;
color: #fff; color: #fff;
} }
.feature-icon .fa { .feature-icon .fa {
display: inline-block; display: inline-block;
width: 2em; width: 2em;
...@@ -393,7 +320,6 @@ ul.features { ...@@ -393,7 +320,6 @@ ul.features {
color: white; color: white;
line-height: 2.1em; line-height: 2.1em;
} }
.feature-icon:before { .feature-icon:before {
content: ''; content: '';
background: white; background: white;
...@@ -406,7 +332,6 @@ ul.features { ...@@ -406,7 +332,6 @@ ul.features {
display: block; display: block;
border-radius: 100%; border-radius: 100%;
} }
.feature-icon:after { .feature-icon:after {
content: ''; content: '';
position: absolute; position: absolute;
......
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