web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Updated the new font, changed the logo, changed see more

Browse Source
This commit is contained in:
CatalinScr
2017-07-31 19:13:45 +03:00
parent 6862bda454
commit 5921073524
3 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
customize.dist/src/less2/main.less
View File

@@ -1,6 +1,5 @@
@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face { @font-face {
font-family: Neuropolitical; font-family: Neuropolitical;
src: url(../customize.dist/fonts/neuropolitical.ttf) src: url(./customize/fonts/neuropolitical.ttf)
} }
div#cp-main.cp-page-index { @import "./pages/page-index.less"; } div#cp-main.cp-page-index { @import "./pages/page-index.less"; }

30
customize.dist/src/less2/pages/page-index.less
View File

@@ -7,10 +7,11 @@
.infopages_main(); .infopages_main();
.infopages_topbar(); .infopages_topbar();
@background: rgba(0,0,0,0.2); @background_lighter: rgba(0,0,0,0.1);
@background_darker: rgba(0,0,0,0.4);
&#cp-main { &#cp-main {
color: #FFF; color: #FFF;
background: linear-gradient( @background, @background ), url('/customize/bg14.jpg'); background: linear-gradient( @background_darker, @background_lighter ), url('/customize/bg14.jpg');
background-size: cover; background-size: cover;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -43,15 +44,17 @@
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
margin-top: 1.5em;
img { img {
height: 30vh; height: 20vh;
margin-bottom: 1.5em;
} }
margin-left: 0; margin-left: 0;
h1 { h1 {
font-family: "Roboto"; font-family: "Neuropolitical";
//font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", Times, serif; //font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", Times, serif;
//font-family: "Raleway"; //font-family: "Raleway";
font-size: 65px; font-size: 45px;
} }
p { p {
//font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; //font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
@@ -74,7 +77,9 @@
} }
} }
@callout-padding: 15px; @callout-padding: 15px;
a:hover {
text-decoration: none
}
.bs-callout { .bs-callout {
display: flex; display: flex;
align-items: stretch; align-items: stretch;
@@ -98,6 +103,9 @@
h4 { h4 {
margin: 0; margin: 0;
} }
.cp-callout-more-moremsg,.cp-callout-more-lessmsg {
transform: none !important;
}
.bs-callout div { .bs-callout div {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -115,13 +123,12 @@ h4 {
transform: scale(1.05); transform: scale(1.05);
cursor: pointer; cursor: pointer;
} }
.cp-callout-more:hover {
transform: none;
}
.bs-callout:hover .fa { .bs-callout:hover .fa {
//width: 100%; //width: 100%;
} }
.bs-callout:hover.cp-callout-more {
transform: none !important;
}
.bs-callout .fa { .bs-callout .fa {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -131,16 +138,13 @@ h4 {
transition: width 0.1s; transition: width 0.1s;
color: #fff; color: #fff;
} }
.cp-callout-pad .fa { background-color: @colortheme_pad-bg; } .cp-callout-pad .fa { background-color: @colortheme_pad-bg; }
.cp-callout-code .fa { background-color: @colortheme_code-bg; } .cp-callout-code .fa { background-color: @colortheme_code-bg; }
.cp-callout-slide .fa { background-color: @colortheme_slide-bg; } .cp-callout-slide .fa { background-color: @colortheme_slide-bg; }
.cp-callout-poll .fa { background-color: @colortheme_poll-bg; } .cp-callout-poll .fa { background-color: @colortheme_poll-bg; }
.cp-callout-whiteboard .fa { background-color: @colortheme_whiteboard-bg; } .cp-callout-whiteboard .fa { background-color: @colortheme_whiteboard-bg; }
.cp-callout-recent .fa { background-color: @colortheme_drive-bg; } .cp-callout-recent .fa { background-color: @colortheme_drive-bg; }
.cp-hidden { display: none !important; } .cp-hidden { display: none !important; }
.cp-callout-more { .cp-callout-more {
width: auto; width: auto;
display: inline-block; display: inline-block;