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

Updated for Transfer.sh v1.4.0

Browse Source
This commit is contained in:
Bram Prieshof
2022-07-08 16:39:14 +02:00
parent e072470ccf
commit 8112f5a114
23 changed files with 280 additions and 9459 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/styles/includes/contact.less
View File

@@ -2,14 +2,14 @@
text-align: center;
i {
font-size: 160px;
color: @light-gray;
color: @blue;
}
padding: 100px 0;
}
#share {
text-align:center;
background: @dark-blue;
background: @blue;
color: #fff;
i {
font-size: 50px;
@@ -28,11 +28,10 @@
footer {
text-align: center;
background: @light-blue;
background: @dark-blue;
padding: 30px 0;
p {
margin: 0;
color: @white;
}
i {
color: @red;
@@ -46,7 +45,7 @@ footer {
background: @dark-gray;
text-align: center;
i {
color: @light-gray;
color: @blue;
font-size: 160px;
}
padding: 40px 0;
@@ -59,7 +58,7 @@ footer {
code {
display:block;
padding: 20px;
background: @dark-gray;
background: @light-gray;
font-family: @font-family-mono;
}
}

28
src/styles/includes/global.less
View File

@@ -1,7 +1,7 @@
body {
max-width: 100%;
margin: 0 auto;
background-color: #383c49;
background-color: @page-default-bg;
}
.browsehappy {
@@ -16,7 +16,7 @@ body {
ul {
list-style: none;
max-width: 400px;
// marghomein: 0 auto;
marghomein: 0 auto;
}
li {
display: inline-block;
@@ -26,13 +26,13 @@ body {
text-align: center;
font-family: @font-family-mono;
margin-bottom: 15px;
color: @light-blue;
color: @dark-blue;
font-size: 35px;
}
a {
text-decoration: none;
font-size: 15px;
color: @dark-blue;
color: @dark-gray;
}
}
@@ -48,9 +48,9 @@ body {
.btn-cta {
.transition(all @animation-duration);
padding: 10px 50px;
border: 2px solid @light-blue;
border: 2px solid @red;
font-size: 20px;
color: @light-blue;
color: @red;
border-radius: 10px;
display: inline-block;
text-decoration: none;
@@ -59,16 +59,6 @@ body {
border-color: @dark-blue;
color: @dark-blue;
}
&:focus {
text-decoration: none;
border-color: @dark-blue;
color: @dark-blue;
}
}
.download-btn {
color: @red;
border-color: @red;
}
.wrapper {
@@ -77,6 +67,10 @@ body {
.container;
}
section {
// padding: 50px 0
}
img {
max-width: 100%;
margin: 0 auto;
@@ -84,7 +78,7 @@ img {
a {
text-decoration: underline;
color: @light-blue;
color: @dark-blue;
&:hover {
text-decoration: none;
color: inherit;

18
src/styles/includes/home.less
View File

@@ -14,6 +14,14 @@
.btn-home {
margin: 50px 0 25px 0;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
margin-right: 20px;
border: 0;
border-top: 1px solid #eeeeee;
height: 0;
}
}
@@ -65,6 +73,9 @@
}
.border-bottom-radius (5px);
}
.dragged {
background: lighten(@term, 40%)!important;
}
.terminal {
@@ -76,8 +87,7 @@
.border-bottom-radius (5px);
background: @term;
// background: url(../images/terminal.svg);
// backbground-repeat: no-repeat;
backbground-repeat: no-repeat;
background-size: cover;
}
@@ -133,8 +143,8 @@
h3 {color: #fff;
font-size: 25px;
}
background: @light-gray;
background: @blue;
.btn-cta {
border-color: @light-blue;
border-color: @dark-blue;
}
}

8
src/styles/includes/pages.less
View File

@@ -11,7 +11,7 @@
font-size: 18px
}
i {
color: @dark-blue;
color: @blue;
font-size: 100px;
}
padding:100px 0;
@@ -39,7 +39,7 @@
#share {
text-align:center;
background: @dark-blue;
background: @blue;
color: #fff;
i {
font-size: 50px;
@@ -74,7 +74,7 @@
margin: 0 auto;
margin-bottom: 10px;
}
background: @dark-gray;
background: @light-gray;
padding: 50px 0;
a {
font-size: 20px;
@@ -107,7 +107,7 @@ footer {
text-align: center;
i {
font-size: 160px;
color: @light-gray;
color: @blue;
}
padding:100px 0;
@media (min-width: @screen-sm-min) {

13
src/styles/includes/preview.less
View File

@@ -1,3 +1,12 @@
.delete-modal {
display: none;
}
.delete-modal .show {
display: block;
}
.preview-wrapper {
padding-bottom: 30px;
}
@@ -62,7 +71,7 @@ padding: 0px;
width: 50%;
max-width: 500px;
min-width: 300px;
background-color: @light-gray;
background-color: @blue;
border-radius: 2px;
transform: translateX(-50%) translateY(-50%);
opacity: 0;
@@ -82,7 +91,7 @@ padding: 0px;
color: #fff;
}
input {
background-color: @dark-gray;
background-color: @light-gray;
color: @text-color;
border: 0;
font-size: 1em;

2
src/styles/includes/reviews.less
View File

@@ -1,5 +1,5 @@
#reviews {
background: @dark-gray;
background: @light-gray;
padding: 130px 0;
.twitter-profile {
float: left;

20
src/styles/includes/video-js.less
View File

@@ -23,10 +23,10 @@
// The default color of control backgrounds is mostly black but with a little
// bit of blue so it can still be seen on all-black video frames, which are common.
// Try changing to #900
@primary-background-color: @light-gray; // #2B333F default
@primary-background-color: @blue; // #2B333F default
@red-primary-background-color: red(@primary-background-color);
@green-primary-background-color: green(@primary-background-color);
@light-gray-primary-background-color: blue(@primary-background-color);
@blue-primary-background-color: blue(@primary-background-color);
// Try changing to true
@center-big-play-button: true; // true default
@@ -91,20 +91,20 @@
/* IE8 - has no alpha support */
background-color: @primary-background-color;
/* Opacity: 1.0 = 100%, 0.0 = 0% */
background-color: rgba(@red-primary-background-color, @green-primary-background-color, @light-gray-primary-background-color, 0.7);
background-color: rgba(@red-primary-background-color, @green-primary-background-color, @blue-primary-background-color, 0.7);
}
// Make a slightly lighter version of the main background
// for the slider background.
@slider-bg-color: lighten(rgb(@red-primary-background-color, @green-primary-background-color, @light-gray-primary-background-color), 33%);
@slider-bg-color: lighten(rgb(@red-primary-background-color, @green-primary-background-color, @blue-primary-background-color), 33%);
@red-slider-bg-color: red(@slider-bg-color);
@green-slider-bg-color: green(@slider-bg-color);
@light-gray-slider-bg-color: blue(@slider-bg-color);
@blue-slider-bg-color: blue(@slider-bg-color);
/* Slider - used for Volume bar and Progress bar */
.video-js .vjs-slider {
background-color: @slider-bg-color;
background-color: rgba(@red-slider-bg-color, @green-slider-bg-color, @light-gray-slider-bg-color, 0.5);
background-color: rgba(@red-slider-bg-color, @green-slider-bg-color, @blue-slider-bg-color, 0.5);
}
/* The slider bar color is used for the progress bar and the volume bar
@@ -118,18 +118,18 @@
/* The main progress bar also has a bar that shows how much has been loaded. */
.video-js .vjs-load-progress {
/* For IE8 we'll lighten the color */
background: lighten(rgb(@red-slider-bg-color, @green-slider-bg-color, @light-gray-slider-bg-color), 25%);
background: lighten(rgb(@red-slider-bg-color, @green-slider-bg-color, @blue-slider-bg-color), 25%);
/* Otherwise we'll rely on stacked opacities */
background: rgba(@red-slider-bg-color, @green-slider-bg-color, @light-gray-slider-bg-color, 0.5);
background: rgba(@red-slider-bg-color, @green-slider-bg-color, @blue-slider-bg-color, 0.5);
}
/* The load progress bar also has internal divs that represent
smaller disconnected loaded time ranges */
.video-js .vjs-load-progress div {
/* For IE8 we'll lighten the color */
background: lighten(rgb(@red-slider-bg-color, @green-slider-bg-color, @light-gray-slider-bg-color), 50%);
background: lighten(rgb(@red-slider-bg-color, @green-slider-bg-color, @blue-slider-bg-color), 50%);
/* Otherwise we'll rely on stacked opacities */
background: rgba(@red-slider-bg-color, @green-slider-bg-color, @light-gray-slider-bg-color, 0.75);
background: rgba(@red-slider-bg-color, @green-slider-bg-color, @blue-slider-bg-color, 0.75);
}