infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

apply some style fixes

Browse Source
pull/1/head
ansuz 9 years ago
parent 7a5877d12a
commit 82dfcb6bdd
2 changed files with 42 additions and 36 deletions
Show Stats Download Patch File Download Diff File

40
customize.dist/main.css
Unescape Escape View File

@ -1,23 +1,9 @@
@font-face { /*
font-family: lato; Apparently Chrome fails to render fonts half the time, so we just have to drop
src: url('/customize/fonts/lato/Lato-Regular.ttf') format('truetype'); lato for now :(
font-weight: 400; */
font-style: normal;
}
@font-face {
font-family: lato;
src: url('/customize/fonts/lato/Lato-Black.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: lato;
src: url('/customize/fonts/lato/Lato-Italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
.lato { .lato {
font-family: lato, sans-serif; font-family: lato, Helvetica, sans-serif;
font-size: 1.02em; font-size: 1.02em;
} }
html { html {
@ -90,18 +76,19 @@ a {
color: #46E981; color: #46E981;
text-decoration: none; text-decoration: none;
} }
a:hover {
color: #a1f4bf;
}
img { img {
height: auto; height: auto;
max-width: 100%; max-width: 100%;
} }
img.cryptofist { img.cryptofist {
filter: invert(100%); filter: invert(100%);
-webkit-filter: invert(100%);
} }
p { p {
padding-top: .66001rem; padding-top: .66001rem;
-webkit-font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
-moz-font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
margin-top: 0; margin-top: 0;
} }
p, p,
@ -114,7 +101,7 @@ td,
a, a,
table, table,
tr { tr {
font-family: lato, sans-serif; font-family: lato, Helvetica, sans-serif;
font-size: 1.02em; font-size: 1.02em;
} }
#main { #main {
@ -125,7 +112,7 @@ tr {
} }
/* buttons */ /* buttons */
.create { .create {
border: 1px solid #46E981; border: 2px solid #46E981;
border-radius: 10px; border-radius: 10px;
background-color: #302B28; background-color: #302B28;
color: #46E981; color: #46E981;
@ -134,6 +121,10 @@ tr {
margin-right: 5px; margin-right: 5px;
margin-left: 5px; margin-left: 5px;
} }
.create:hover {
border: 2px solid #a1f4bf;
color: #46E981;
}
.buttons { .buttons {
margin-bottom: 50px; margin-bottom: 50px;
margin-top: 20px; margin-top: 20px;
@ -203,7 +194,6 @@ tbody td:last-child {
border-top: 1px solid #444; border-top: 1px solid #444;
} }
.bottom-bar a { .bottom-bar a {
color: #27b000;
color: #46E981; color: #46E981;
text-decoration: none; text-decoration: none;
} }

38
customize.dist/src/cryptpad.less
Unescape Escape View File

@ -1,7 +1,10 @@
@base: #302B28; @base: #302B28;
@light-base: lighten(@base, 20%);
@fore: #fafafa; @fore: #fafafa;
@cp-green: #46E981; @cp-green: #46E981;
@cp-accent: lighten(@cp-green, 20%);
@cp-red: #FF0073; // remove red @cp-red: #FF0073; // remove red
@cp-outline: #444; @cp-outline: #444;
@ -14,12 +17,16 @@
} }
} }
.fontface(lato, '/customize/fonts/lato/Lato-Regular.ttf', normal, 400); /*
.fontface(lato, '/customize/fonts/lato/Lato-Black.ttf', normal, 700); Apparently Chrome fails to render fonts half the time, so we just have to drop
.fontface(lato, '/customize/fonts/lato/Lato-Italic.ttf', italic, 400); lato for now :(
*/
//.fontface(lato, '/customize/fonts/lato/Lato-Regular.ttf', normal, 400);
//.fontface(lato, '/customize/fonts/lato/Lato-Black.ttf', normal, 700);
//.fontface(lato, '/customize/fonts/lato/Lato-Italic.ttf', italic, 400);
.lato { .lato {
font-family: lato, sans-serif; font-family: lato, Helvetica, sans-serif;
font-size: 1.02em; font-size: 1.02em;
} }
@ -97,6 +104,10 @@ a {
cursor: pointer; cursor: pointer;
color: @cp-green; color: @cp-green;
text-decoration: none; text-decoration: none;
&:hover {
color: @cp-accent;
}
} }
img { img {
@ -105,14 +116,15 @@ img {
&.cryptofist { &.cryptofist {
filter: invert(100%); filter: invert(100%);
-webkit-filter: invert(100%);
} }
} }
p { p {
padding-top: .66001rem; padding-top: .66001rem;
-webkit-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1; //-webkit-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
-moz-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1; //-moz-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
font-feature-settings: 'kern' 1,'onum' 1,'liga' 1; //font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
margin-top: 0; margin-top: 0;
} }
@ -122,6 +134,7 @@ p,pre {
p, pre, td, a, table, tr { p, pre, td, a, table, tr {
.lato; .lato;
//color: @fore;
} }
#main { #main {
@ -134,7 +147,8 @@ p, pre, td, a, table, tr {
/* buttons */ /* buttons */
.create { .create {
border: 1px solid @cp-green; @thick: 2px;
border: @thick solid @cp-green;
border-radius: 10px; border-radius: 10px;
background-color: @base; background-color: @base;
color: @cp-green; color: @cp-green;
@ -143,6 +157,10 @@ p, pre, td, a, table, tr {
font-size: large; font-size: large;
margin-right: 5px; margin-right: 5px;
margin-left: 5px; margin-left: 5px;
&:hover {
border: @thick solid @cp-accent;
color: @cp-green;
}
} }
.buttons { .buttons {
margin-bottom: 50px; margin-bottom: 50px;
@ -175,7 +193,7 @@ tbody {
text-decoration: underline; text-decoration: underline;
} }
&:nth-child(odd) { &:nth-child(odd) {
background-color: lighten(@base, 20%); //darken(@base, 20%); background-color: @light-base;
} }
th:first-of-type { th:first-of-type {
border-left: 0px; border-left: 0px;
@ -222,7 +240,6 @@ tbody {
border-top: 1px solid @cp-outline; border-top: 1px solid @cp-outline;
a { a {
color: rgb(39, 176, 0);
color: @cp-green; color: @cp-green;
text-decoration: none; text-decoration: none;
} }
@ -234,7 +251,6 @@ tbody {
display:block; display:block;
float:left; float:left;
padding-top:3px; padding-top:3px;
//color: rgb(39, 176, 0);
color: @fore; color: @fore;
} }
img { img {

Write Preview
Loading…
Cancel
Save