Refactor variables in static pages
parent
37b5e8f559
commit
ce7382e550
|
@ -118,6 +118,9 @@
|
|||
// New variables
|
||||
|
||||
// Colors
|
||||
// XXX @cryptpad_color_brand = @colortheme_logo-2
|
||||
@cryptpad_color_brand_soft: lighten(@colortheme_logo-2, 40%);
|
||||
|
||||
@cryptpad_color_hint_grey: #777;
|
||||
@cryptpad_color_dark_grey: #999999;
|
||||
@cryptpad_color_neutral_grey: #aaaaaa;
|
||||
|
@ -131,6 +134,7 @@
|
|||
@cryptpad_color_light_blue: #00b7d8;
|
||||
@cryptpad_color_lighter_blue: #d2e1f2;
|
||||
@cryptpad_color_warn_red: #eb675e;
|
||||
@cryptpad_color_red: #f00;
|
||||
@cryptpad_color_dark_red: #9e0000;
|
||||
@cryptpad_color_black: #000;
|
||||
@cryptpad_color_white: #FFF;
|
||||
|
@ -280,7 +284,7 @@
|
|||
@cp_help-link: @cryptpad_color_link;
|
||||
|
||||
// Static pages
|
||||
@cp_static-bg: @cryptpad_color_grey;
|
||||
@cp_static-bg: @cryptpad_color_toolbar_grey;
|
||||
@cp_static-fg: @cryptpad_text_col;
|
||||
@cp_static-link: @colortheme_logo-2;
|
||||
@cp_static-title: @colortheme_logo-2;
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
}
|
||||
}
|
||||
.cp-shadow() {
|
||||
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.34);
|
||||
box-shadow: 0px 0px 25px 0px @cp_shadow-color;
|
||||
}
|
||||
|
||||
.infopages_main () {
|
||||
|
|
|
@ -5,7 +5,7 @@ html, body {
|
|||
.font_main();
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: @colortheme_info-background;
|
||||
background-color: @cp_static-bg;
|
||||
color: @cryptpad_text_col;
|
||||
font-family: "IBM Plex Mono";
|
||||
#cp-main {
|
||||
|
|
|
@ -23,7 +23,7 @@
|
|||
border: 0;
|
||||
&:hover, &:focus {
|
||||
text-decoration: none;
|
||||
background-color: @colortheme_logo_2_light;
|
||||
background-color: @cryptpad_color_brand_soft;
|
||||
}
|
||||
@media (max-width: 1200px) and (min-width: 769px) {
|
||||
min-height: 139px;
|
||||
|
|
|
@ -84,9 +84,9 @@
|
|||
font-size: 0.8em;
|
||||
}
|
||||
.list-group-item {
|
||||
border-bottom: 1px solid rgba(0,0,0,0.125);
|
||||
border-bottom: 1px solid @cryptpad_color_neutral2_grey;
|
||||
&:first-child {
|
||||
border-top: 1px solid rgba(0,0,0,0.125);
|
||||
border-top: 1px solid @cryptpad_color_neutral2_grey;
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom-right-radius: 0px;
|
||||
|
|
|
@ -27,22 +27,7 @@
|
|||
font-family: "Open Sans", Helvetica;
|
||||
color: @cryptpad_text_col;
|
||||
}
|
||||
.cp-right {
|
||||
.cp-register-btn {
|
||||
padding: 0.5em 1em 0.7em 1em;
|
||||
border: 2px solid #fff;
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
}
|
||||
.cp-login-btn {
|
||||
color: #fff;
|
||||
padding: 0.5em 1em 0.7em 1em;
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cp-home-hero {
|
||||
width: 100%;
|
||||
margin-bottom: 50px;
|
||||
|
@ -158,7 +143,7 @@
|
|||
.cp-callout-@{key} {
|
||||
i { color: @value; }
|
||||
&:hover {
|
||||
background-color: lighten(@value, 30%);
|
||||
background-color: contrast(@cryptpad_text_col, lighten(@value, 30%), darken(@value, 30%));
|
||||
i { color: @cryptpad_text_col; }
|
||||
}
|
||||
}
|
||||
|
@ -177,7 +162,7 @@
|
|||
width: 100%;
|
||||
div {
|
||||
.infopages_link();
|
||||
color: #fff;
|
||||
color: @cryptpad_color_white;
|
||||
.fa, .cptools {
|
||||
font-size: inherit;
|
||||
padding: 0;
|
||||
|
|
|
@ -21,7 +21,7 @@
|
|||
.cp-container {
|
||||
#userForm {
|
||||
.cp-shadow();
|
||||
background-color: white;
|
||||
background-color: @cryptpad_color_white;
|
||||
padding: 10px;
|
||||
.form-control {
|
||||
border-radius: 0;
|
||||
|
@ -36,15 +36,15 @@
|
|||
}
|
||||
}
|
||||
.align-items-center {
|
||||
box-shadow: 0 5px 15px rgba(69,145,196, 0.3);
|
||||
background: #fff;
|
||||
box-shadow: 0 5px 15px @cp_shadow-color;
|
||||
background: @cryptpad_color_white;
|
||||
}
|
||||
.extra {
|
||||
margin-top: 1em;
|
||||
|
||||
#register {
|
||||
border-color: @colortheme_logo-2;
|
||||
background: #fff;
|
||||
background: @cryptpad_color_white;
|
||||
color: @colortheme_logo-2;
|
||||
padding: 10px;
|
||||
border-radius: 0;
|
||||
|
|
|
@ -78,7 +78,7 @@
|
|||
}
|
||||
#userForm {
|
||||
padding: 15px;
|
||||
background-color: white;
|
||||
background-color: @cryptpad_color_white;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
margin-bottom: 100px;
|
||||
|
@ -111,7 +111,7 @@
|
|||
content: "\f071";
|
||||
}
|
||||
.red {
|
||||
color: #ff0000;
|
||||
color: @cryptpad_color_red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -11,28 +11,5 @@
|
|||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
// .cp-container {
|
||||
// padding-top: 3em;
|
||||
// padding-bottom: 3em;
|
||||
// h2 {
|
||||
// margin-top: 0;
|
||||
// font-weight: 700;
|
||||
// color: @cryptpad_header_col;
|
||||
// }
|
||||
// p {
|
||||
// color: @cryptpad_text_col;
|
||||
// }
|
||||
// #zeroknowledge {
|
||||
// width: 65%;
|
||||
// }
|
||||
// .row {
|
||||
// margin-bottom: 1.5em;
|
||||
// }
|
||||
// img {
|
||||
// display: block;
|
||||
// margin: 0 auto;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue