DarkTheme/brammp_transfer.sh-web
1
0
Fork 0
Code Issues Pull Requests Releases 4 Wiki Activity

Initial

Browse Source
This commit is contained in:
Remco
2017-03-21 15:55:38 +01:00
commit 648a3f436b
70 changed files with 15081 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/styles/includes/contact.less Normal file
View File

@@ -0,0 +1,64 @@
#contact {
text-align: center;
i {
font-size: 160px;
color: @blue;
}
padding: 100px 0;
}
#share {
text-align:center;
background: @blue;
color: #fff;
i {
font-size: 50px;
}
ul {
list-style:none;
}
li {
margin: 0 20px;
display:inline-block;
}
}
footer {
text-align: center;
background: @dark-blue;
padding: 30px 0;
p {
margin: 0;
}
i {
color: @red;
}
a {
color: @light-gray;
}
}
#features {
background: @light-gray;
text-align: center;
i {
color: @blue;
font-size: 160px;
}
padding: 40px 0;
}
#samples {
h4 {
margin-top: 30px;
}
code {
display:block;
padding: 20px;
background: @light-gray;
font-family: @font-family-mono;
}
}

544
src/styles/includes/filetype-icons.less Normal file
View File

@@ -0,0 +1,544 @@
@font-face {
font-family: "Flaticon";
src: url("../fonts/flaticon.eot");
src: url("../fonts/flaticon.eot#iefix") format("embedded-opentype"),
url("../fonts/flaticon.woff") format("woff"),
url("../fonts/flaticon.ttf") format("truetype"),
url("../fonts/flaticon.svg") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-size: 20px;
font-style: normal;
margin-left: 20px;
}.flaticon-3dm:before {
content: "\e000";
}
.flaticon-3ds2:before {
content: "\e001";
}
.flaticon-3g22:before {
content: "\e002";
}
.flaticon-3gp2:before {
content: "\e003";
}
.flaticon-7z1:before {
content: "\e004";
}
.flaticon-aac:before {
content: "\e005";
}
.flaticon-aif:before {
content: "\e006";
}
.flaticon-ai:before {
content: "\e007";
}
.flaticon-apk:before {
content: "\e008";
}
.flaticon-app6:before {
content: "\e009";
}
.flaticon-asf1:before {
content: "\e00a";
}
.flaticon-asp:before {
content: "\e00b";
}
.flaticon-aspx:before {
content: "\e00c";
}
.flaticon-asx2:before {
content: "\e00d";
}
.flaticon-avi4:before {
content: "\e00e";
}
.flaticon-bak:before {
content: "\e00f";
}
.flaticon-bat8:before {
content: "\e010";
}
.flaticon-bin6:before {
content: "\e011";
}
.flaticon-bmp2:before {
content: "\e012";
}
.flaticon-cab:before {
content: "\e013";
}
.flaticon-cad1:before {
content: "\e014";
}
.flaticon-cdr2:before {
content: "\e015";
}
.flaticon-cer:before {
content: "\e016";
}
.flaticon-cfg2:before {
content: "\e017";
}
.flaticon-cfm2:before {
content: "\e018";
}
.flaticon-cgi2:before {
content: "\e019";
}
.flaticon-class3:before {
content: "\e01a";
}
.flaticon-com:before {
content: "\e01b";
}
.flaticon-cpl2:before {
content: "\e01c";
}
.flaticon-cpp1:before {
content: "\e01d";
}
.flaticon-crx:before {
content: "\e01e";
}
.flaticon-csr:before {
content: "\e01f";
}
.flaticon-css5:before {
content: "\e020";
}
.flaticon-csv2:before {
content: "\e021";
}
.flaticon-cue2:before {
content: "\e022";
}
.flaticon-cur1:before {
content: "\e023";
}
.flaticon-dat2:before {
content: "\e024";
}
.flaticon-db2:before {
content: "\e025";
}
.flaticon-dbf2:before {
content: "\e026";
}
.flaticon-dds2:before {
content: "\e027";
}
.flaticon-dem2:before {
content: "\e028";
}
.flaticon-dll2:before {
content: "\e029";
}
.flaticon-dmg3:before {
content: "\e02a";
}
.flaticon-dmp2:before {
content: "\e02b";
}
.flaticon-doc2:before {
content: "\e02c";
}
.flaticon-docx:before {
content: "\e02d";
}
.flaticon-drv1:before {
content: "\e02e";
}
.flaticon-dtd2:before {
content: "\e02f";
}
.flaticon-dwg2:before {
content: "\e030";
}
.flaticon-dxf1:before {
content: "\e031";
}
.flaticon-elf2:before {
content: "\e032";
}
.flaticon-eps2:before {
content: "\e033";
}
.flaticon-eps5:before {
content: "\e034";
}
.flaticon-exe3:before {
content: "\e035";
}
.flaticon-fla2:before {
content: "\e036";
}
.flaticon-flash10:before {
content: "\e037";
}
.flaticon-flv:before {
content: "\e038";
}
.flaticon-fnt:before {
content: "\e039";
}
.flaticon-fon1:before {
content: "\e03a";
}
.flaticon-gam2:before {
content: "\e03b";
}
.flaticon-gbr1:before {
content: "\e03c";
}
.flaticon-ged2:before {
content: "\e03d";
}
.flaticon-gif3:before {
content: "\e03e";
}
.flaticon-gpx1:before {
content: "\e03f";
}
.flaticon-gzip2:before {
content: "\e040";
}
.flaticon-gz:before {
content: "\e041";
}
.flaticon-hqz:before {
content: "\e042";
}
.flaticon-html9:before {
content: "\e043";
}
.flaticon-ibooks1:before {
content: "\e044";
}
.flaticon-icns:before {
content: "\e045";
}
.flaticon-ico2:before {
content: "\e046";
}
.flaticon-ics2:before {
content: "\e047";
}
.flaticon-iff:before {
content: "\e048";
}
.flaticon-indd2:before {
content: "\e049";
}
.flaticon-iso1:before {
content: "\e04a";
}
.flaticon-iso4:before {
content: "\e04b";
}
.flaticon-jar8:before {
content: "\e04c";
}
.flaticon-jpg3:before {
content: "\e04d";
}
.flaticon-js2:before {
content: "\e04e";
}
.flaticon-jsp2:before {
content: "\e04f";
}
.flaticon-key35:before {
content: "\e050";
}
.flaticon-kml1:before {
content: "\e051";
}
.flaticon-kmz:before {
content: "\e052";
}
.flaticon-lnk2:before {
content: "\e053";
}
.flaticon-log2:before {
content: "\e054";
}
.flaticon-lua:before {
content: "\e055";
}
.flaticon-m3u:before {
content: "\e056";
}
.flaticon-m4a1:before {
content: "\e057";
}
.flaticon-m4v2:before {
content: "\e058";
}
.flaticon-macho:before {
content: "\e059";
}
.flaticon-max2:before {
content: "\e05a";
}
.flaticon-mdb2:before {
content: "\e05b";
}
.flaticon-mdf2:before {
content: "\e05c";
}
.flaticon-mid:before {
content: "\e05d";
}
.flaticon-mim:before {
content: "\e05e";
}
.flaticon-mov2:before {
content: "\e05f";
}
.flaticon-mp36:before {
content: "\e060";
}
.flaticon-mp4:before {
content: "\e061";
}
.flaticon-mpa:before {
content: "\e062";
}
.flaticon-mpg3:before {
content: "\e063";
}
.flaticon-msg2:before {
content: "\e064";
}
.flaticon-msi2:before {
content: "\e065";
}
.flaticon-nes1:before {
content: "\e066";
}
.flaticon-object4:before {
content: "\e067";
}
.flaticon-odb2:before {
content: "\e068";
}
.flaticon-odc2:before {
content: "\e069";
}
.flaticon-odf2:before {
content: "\e06a";
}
.flaticon-odg:before {
content: "\e06b";
}
.flaticon-odi2:before {
content: "\e06c";
}
.flaticon-odp2:before {
content: "\e06d";
}
.flaticon-ods2:before {
content: "\e06e";
}
.flaticon-odt5:before {
content: "\e06f";
}
.flaticon-odt:before {
content: "\e070";
}
.flaticon-odx:before {
content: "\e071";
}
.flaticon-ogg:before {
content: "\e072";
}
.flaticon-otf1:before {
content: "\e073";
}
.flaticon-otf:before {
content: "\e074";
}
.flaticon-pages4:before {
content: "\e075";
}
.flaticon-pct2:before {
content: "\e076";
}
.flaticon-pdb2:before {
content: "\e077";
}
.flaticon-pdf19:before {
content: "\e078";
}
.flaticon-pif2:before {
content: "\e079";
}
.flaticon-pkg2:before {
content: "\e07a";
}
.flaticon-pl2:before {
content: "\e07b";
}
.flaticon-png3:before {
content: "\e07c";
}
.flaticon-pps2:before {
content: "\e07d";
}
.flaticon-ppt:before {
content: "\e07e";
}
.flaticon-pptx2:before {
content: "\e07f";
}
.flaticon-psd3:before {
content: "\e080";
}
.flaticon-ps:before {
content: "\e081";
}
.flaticon-pub2:before {
content: "\e082";
}
.flaticon-python3:before {
content: "\e083";
}
.flaticon-rar2:before {
content: "\e084";
}
.flaticon-ra:before {
content: "\e085";
}
.flaticon-raw2:before {
content: "\e086";
}
.flaticon-rm:before {
content: "\e087";
}
.flaticon-rom2:before {
content: "\e088";
}
.flaticon-rpm2:before {
content: "\e089";
}
.flaticon-rss29:before {
content: "\e08a";
}
.flaticon-rtf:before {
content: "\e08b";
}
.flaticon-sav:before {
content: "\e08c";
}
.flaticon-sdf:before {
content: "\e08d";
}
.flaticon-sitx2:before {
content: "\e08e";
}
.flaticon-sql3:before {
content: "\e08f";
}
.flaticon-sql5:before {
content: "\e090";
}
.flaticon-srt:before {
content: "\e091";
}
.flaticon-svg1:before {
content: "\e092";
}
.flaticon-swf1:before {
content: "\e093";
}
.flaticon-sys:before {
content: "\e094";
}
.flaticon-tar1:before {
content: "\e095";
}
.flaticon-tex:before {
content: "\e096";
}
.flaticon-tga2:before {
content: "\e097";
}
.flaticon-thm1:before {
content: "\e098";
}
.flaticon-tiff1:before {
content: "\e099";
}
.flaticon-tmp:before {
content: "\e09a";
}
.flaticon-torrent:before {
content: "\e09b";
}
.flaticon-ttf2:before {
content: "\e09c";
}
.flaticon-txt2:before {
content: "\e09d";
}
.flaticon-uue2:before {
content: "\e09e";
}
.flaticon-vb:before {
content: "\e09f";
}
.flaticon-vcd2:before {
content: "\e0a0";
}
.flaticon-vcf2:before {
content: "\e0a1";
}
.flaticon-vob:before {
content: "\e0a2";
}
.flaticon-wav2:before {
content: "\e0a3";
}
.flaticon-wma1:before {
content: "\e0a4";
}
.flaticon-wmv2:before {
content: "\e0a5";
}
.flaticon-wpd2:before {
content: "\e0a6";
}
.flaticon-wps:before {
content: "\e0a7";
}
.flaticon-wsf2:before {
content: "\e0a8";
}
.flaticon-xhtml:before {
content: "\e0a9";
}
.flaticon-xlr2:before {
content: "\e0aa";
}
.flaticon-xls1:before {
content: "\e0ab";
}
.flaticon-xlsx:before {
content: "\e0ac";
}
.flaticon-xml5:before {
content: "\e0ad";
}
.flaticon-yuv2:before {
content: "\e0ae";
}
.flaticon-zip6:before {
content: "\e0af";
}

102
src/styles/includes/global.less Normal file
View File

@@ -0,0 +1,102 @@
body {
max-width: 2000px;
margin: 0 auto;
}
.browsehappy {
margin: 0.2em 0;
background: orange;
color: white;
padding: 0.2em 0;
}
#navigation {
margin-top: 30px;
ul {
list-style: none;
max-width: 400px;
marghomein: 0 auto;
}
li {
display: inline-block;
padding: 0 15px;
}
h1 {
text-align: center;
font-family: @font-family-mono;
margin-bottom: 15px;
color: @dark-blue;
font-size: 35px;
}
@media (min-width: @screen-sm-min) {
ul {
float: right;
margin: 33px 0;
}
h1 {
float: left
}
}
a {
text-decoration: none;
font-size: 15px;
color: @dark-gray;
}
}
.page-title {
text-align: center;
font-size: 35px;
@media (min-width: @screen-sm-min) {
font-size: 50px;
}
}
.btn-cta {
.transition(all @animation-duration);
padding: 10px 50px;
border: 2px solid @red;
font-size: 20px;
color: @red;
border-radius: 10px;
display: inline-block;
text-decoration: none;
&:hover {
text-decoration: none;
border-color: @dark-blue;
color: @dark-blue;
}
}
.wrapper {
margin: 0 auto;
max-width: 1100px;
.container;
}
section {
// padding: 50px 0
}
img {
max-width: 100%;
margin: 0 auto;
}
a {
text-decoration: underline;
color: @dark-blue;
&:hover {
text-decoration: none;
color: inherit;
}
}
::selection {
background: @red;
}
::-moz-selection {
background: @red;
}

140
src/styles/includes/home.less Normal file
View File

@@ -0,0 +1,140 @@
#home {
text-align: center;
.page-title {
font-size: 30px;
}
@media (min-width: @screen-sm-min) {
padding: 50px;
.page-title {
font-size: 45px;
margin-top: -20px;
margin-bottom: 20px;
}
}
.btn-home {
margin: 50px 0 25px 0;
}
}
#web, .terminal {
word-wrap: break-word;
font-size: 12px;
.code-title {
color: @red;
}
padding: 25px 0 0 10px;
@media (min-width: @screen-sm-min) {
padding: 25px 0 0 20px;
font-size: 15px
}
code {
font-family: @font-family-mono;
}
font-family: @font-family-mono;
text-align: left;
color: #fff;
.transition(all @animation-duration ease);
}
#web {
margin-top: -2px;
padding-top: 0;
padding-bottom: 50px;
width: 100%;
display: block;
background: @dark-blue;
.transition(all @animation-duration ease);
.btn-cta {
padding: 5px 10px;
font-size: 14px;
border-color: #fff;
}
.queue {
margin: 0;
list-style: none;
padding: 0;
}
a {
color: #fff;
}
.border-bottom-radius (5px);
}
.dragged {
background: lighten(@dark-blue, 5%)!important;
}
.terminal {
a {
color: #fff
}
.border-top-radius (0);
.border-bottom-radius (5px);
background: @dark-blue;
// background: url(../images/terminal.svg);
backbground-repeat: no-repeat;
background-size: cover;
}
.terminal-top {
.border-top-radius (5px);
background: url(../images/terminal-top.svg);
background-repeat: no-repeat;
background-size: cover;
height: 30px;
}
.upload-progress {
max-width: 80%;
.bar {
word-wrap: normal;
overflow: hidden;
}
span {
float: right;
}
padding-top: 4px;
}
.all-files {
display: none;
}
.all-files .show {
display: block;
}
#thank-you {color: #fff;
text-align: center;
.col-md-4 {
text-align: center;
a {
font-size: 20px;
text-decoration: none;
line-height: 25px;
color: #fff;
}
}
i {
vertical-align: middle;
}
padding: 40px 0;
.donate {
img {
max-width: 200px;
}
}
h3 {color: #fff;
font-size: 25px;
}
background: @blue;
.btn-cta {
border-color: @dark-blue;
}
}

123
src/styles/includes/pages.less Normal file
View File

@@ -0,0 +1,123 @@
#features {
background: @light-gray;
text-align: center;
h3 {
margin-top: -20px;
font-size: 25px;
line-height: 1.2;
}
p {
font-size: 18px
}
i {
color: @blue;
font-size: 100px;
}
padding:100px 0;
}
#samples {
h4 {
margin-top: 30px;
}
padding: 75px 0;
text-align: center;
.btn-cta {
margin: 30px 0;
cursor: pointer;
}
h4 {
text-align: left;
}
.terminal {
padding: 20px 15px;
font-size: 13px;
min-height: 230px;
}
}
#share {
text-align:center;
background: @blue;
color: #fff;
i {
font-size: 50px;
}
ul {
margin-top: 30px;
list-style:none;
padding: 0;
}
li {
margin: 0 20px;
display:inline-block;
}
padding: 75px 0;
a {
color: #fff;
text-decoration: none;
}
}
#github {
text-align: center;
padding: 50px 0;
}
#tor {
text-align: center;
img {
max-width: 100px;
margin: 0 auto;
margin-bottom: 10px;
}
background: @light-gray;
padding: 50px 0;
a {
font-size: 20px;
}
}
footer {
text-align: center;
background: @dark-blue;
padding: 30px 0;
color: #fff;
p {
margin: 0;
}
i {
color: @red;
}
a {
color: @light-gray;
}
img {
max-height: 40px;
margin-bottom: 30px;
}
}
#contact {
text-align: center;
i {
font-size: 160px;
color: @blue;
}
padding:100px 0;
@media (min-width: @screen-sm-min) {
i {
font-size: 160px;
}
}
h2 {
margin-top: -50px;
margin-bottom: 40px;
}
padding: 150px 0;
}

202
src/styles/includes/preview.less Normal file
View File

@@ -0,0 +1,202 @@
.preview-wrapper {
padding-bottom: 30px;
}
html {
min-height:100%;
position: relative;
}
#download {
padding-bottom:240px;
footer {
bottom: 0;
left: 0;
width: 100%;
position: absolute;
z-index: -1;
}
}
.preview-image {
img {
margin: 0 auto;
display:block;
max-width: 800px;
max-width: 100%;
}
padding: 0;
padding: 0px;
}
.overlay {
position: fixed;
z-index: 100;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.10);
visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease;
.active & {
visibility: visible;
opacity: 1;
}
}
.copy-link-wrapper {
z-index: 200;
padding: 2em;
position: fixed;
top: 50%;
left: 50%;
width: 50%;
max-width: 500px;
min-width: 300px;
background-color: @blue;
border-radius: 2px;
transform: translateX(-50%) translateY(-50%);
opacity: 0;
transition: opacity 0.2s ease;
clip:rect(1px 1px 1px 1px);
opacity: 0;
top: -9999999px;
left: -9999999px;
.active & {
clip: auto;
opacity: 1;
top: 50%;
left: 50%;
}
p {
font-size: 20px;
color: #fff;
}
input {
background-color: @light-gray;
color: @text-color;
border: 0;
font-size: 1em;
padding: 1em;
margin: 0;
width: 100%;
border-radius: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.error {
text-align: center;
color: #E7483B;
display: block;
padding: 0.5em;
}
}
#md-preview,{
padding-bottom: 30px;
}
video {
margin: 0 auto;
width: 100%;
}
.wrap {
width: 40%;
height: 40%;
margin: 20px auto;
}
video {
width: 100%;
}
video::-webkit-media-controls-enclosure {
padding: 0px;
height: 50px;
}
video::-webkit-media-controls-panel {
opacity: 1 !important;
display: -webkit-flex !important;
margin-top: 50px;
height: 50px;
background-color: @dark-blue;
border-radius: 0 0 10px 10px;
}
video::-webkit-media-controls-timeline {
height: 12px;
padding: 0px;
border: 0px;
}
video::-webkit-media-controls-volume-slider, video::-webkit-media-controls-timeline {
height: 12px;
border-radius: 5px;
min-width: 15px;
}
video::-webkit-media-controls-volume-slider::-webkit-media-slider-container, video::-webkit-media-controls-timeline::-webkit-media-slider-container {
border: 0px;
border-radius: 5px;
background-color: @blue;
cursor: pointer;
}
::-webkit-media-slider-thumb {
-webkit-appearance: none;
background: red;
}
video::-webkit-media-controls-play-button {
cursor: pointer;
}
video::-webkit-media-controls-play-button:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
video::-webkit-media-controls-fullscreen-button {
-webkit-appearance: none;
background-color: transparent;
cursor: pointer;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAABACAYAAADF2C3zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0Q1MjA3MDc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0Q1MjA3MTc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQyQkE2QUZGNzkzQjExRTJCNDNGOTkyNzUxNTlCOTQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQyQkE2QjAwNzkzQjExRTJCNDNGOTkyNzUxNTlCOTQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1z7uaAAAAVhJREFUeNrsljFuAjEQRb3ACZByii2pECmgySFIGoiUGsEKiaQAimwTToCggSYSNUoJHSfgFJwhMt9oHBlj8Ga2SAqP9KQV7PPY4y1+9PDYEZ4agaHrj4Lwl5LHXFkvsOXKatt1jjykzrq2WeW+Jb6Bhp5BySOvQQLuaKEPYwYnOQLSkpTwBfbUqQam9hDVtieOyaoOGxDTAtNrV9UFqTEc/UGUQeXWmfSZB6BqXMc3aIFlFllY4hP49N2h66p2YJXly3HJ92ABihxZVRPM6BqvViSlFNwqiBwV5CAHOchBDnKQ/5/si4/iOUn5YX0+ec0X1mkBXljH1nlhncTfh3WIF2EdR/gJ677OKqwfdOqHmJ4Nsd17PwU5E/yWgJieY/Biv6MoUVjvOe61j+cGuuwpsLvDOl5KjeFkDusRtiSNKZ6FdXTlhXWIfxTWcf58YR0L3AzrRwEGAJoOgCMfh6hiAAAAAElFTkSuQmCC);
background-size: 16px 64px;
background-position: center 8px;
background-repeat: no-repeat;
}
video::-webkit-media-controls-mute-button {
-webkit-appearance: none;
background-color: transparent;
cursor: pointer;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABACAYAAAATffeWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0Q1MjA3NDc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0Q1MjA3NTc5NjYxMUUyQjQzRjk5Mjc1MTU5Qjk0NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY3RDUyMDcyNzk2NjExRTJCNDNGOTkyNzUxNTlCOTQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY3RDUyMDczNzk2NjExRTJCNDNGOTkyNzUxNTlCOTQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Gp0GRAAAATdJREFUeNpidIsuYMABwoF4BhCvB+IkXIqYcIj7APEiIBYA4jg0OREgLsJnQAgQrwJiNiifGU3eFIi7gDgPxGEBYnYg1gBiDqizQX5ixOEyCyDeC8SNQNwJxJtABuwHYksGwoAR6q3tQFwKxGlAnMtEpGYQ+A+1NROI+aDedGdiIA2sAWJWaDhcBGIVUg1ABqz4ohEXAMXQbyA+DcRaQHwHZMBxIjWDArEcmrg+AXEYEO8ExYIjUjRGQuOXEUcgghLVOahBoAQ1GWTAT2iAgMBJID4BxPOhBqIDkJwnENcDcQkQP8AWBiuAOBiIf0H5f9HkT0NdMAFfIG4D4gggfgtNPMjgDRD3wgPm////DJSAUQNGDRg1YNSAUQNGDRg1YNSA4WhAUnHraI9ltMcy2mMZDD0WgAADADYlybDQKXdAAAAAAElFTkSuQmCC);
background-size: 16px 64px;
background-position: center 8px;
background-repeat: no-repeat;
}
video::-webkit-media-controls-fullscreen-button:hover {
-webkit-appearance: none;
background-position: center -42px;
}
video::-webkit-media-controls-mute-button:hover {
-webkit-appearance: none;
background-position: center -43px;
}
video::-webkit-media-controls-current-time-display, video::-webkit-media-controls-time-remaining-display {
font-size: 13px;
font-weight: normal;
}

61
src/styles/includes/reviews.less Normal file
View File

@@ -0,0 +1,61 @@
#reviews {
background: @light-gray;
padding: 130px 0;
.twitter-profile {
float: left;
display: block;
height: 90px;
border-radius: 10px;
margin: 3px 15px auto 20px;
}
}
blockquote.twitter-tweet {
display: inline-block;
font-size: 15px;
line-height: 20px;
margin: 10px 5px;
padding: 0 16px 16px 16px;
text-align: right;
border: 0;
img {
margin: 0 auto;
}
@media (max-width: @screen-xs) {
.twitter-profile {
display:none!important;
}
}
}
blockquote.twitter-tweet p {
font-size: 17px;
font-weight: normal;
line-height: 20px;
text-align: left;
}
blockquote.twitter-tweet a {
color: inherit;
font-weight: normal;
text-decoration: none;
outline: 0 none;
}
blockquote.tweet-xl {
p {
font-size: 22px;
line-height: 25px;
}
a {
font-size: 22px;
}
@media (max-width: @screen-xs) {
p {
font-size: 17px;}
a {
font-size: 17px;
}
}
}

85
src/styles/includes/transfersh-icons.less Normal file
View File

@@ -0,0 +1,85 @@
@charset "UTF-8";
@font-face {
font-family: "transfersh";
src:url("../fonts/transfersh.eot");
src:url("../fonts/transfersh.eot?#iefix") format("embedded-opentype"),
url("../fonts/transfersh.woff") format("woff"),
url("../fonts/transfersh.ttf") format("truetype"),
url("../fonts/transfersh.svg#transfersh") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "transfersh" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "transfersh" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-terminal:before {
content: "a";
}
.icon-share:before {
content: "b";
}
.icon-clock:before {
content: "g";
}
.icon-tag:before {
content: "c";
}
.icon-upload-cloud:before {
content: "m";
}
.icon-mail:before {
content: "j";
}
.icon-gauge:before {
content: "k";
}
.icon-lock:before {
content: "h";
}
.icon-database:before {
content: "i";
}
.icon-heart:before {
content: "e";
}
.icon-link:before {
content: "d";
}
.icon-facebook:before {
content: "l";
}
.icon-twitter:before {
content: "n";
}
.icon-linkedin:before {
content: "o";
}
.icon-gplus:before {
content: "p";
}