github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-02-18 19:24:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update styles for homepage

Browse source
This commit is contained in:
James Allen 2014-07-25 14:14:27 +01:00
parent b4162511f7
commit e8c5679954
5 changed files with 35 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
services/web/app/views/layout/footer.jade
View file

@ -1,4 +1,4 @@
footer footer.site-footer
.container .container
.row .row
ul.col-md-6 ul.col-md-6

13
services/web/public/stylesheets/app/homepage.less
View file

@ -150,10 +150,21 @@
&:after { &:after {
content: " "; content: " ";
position: absolute; position: absolute;
top: 12px; top: 50%;
left: 0; left: 0;
right: 0; right: 0;
border-top: 1px solid hsl(200, 70%, 40%); border-top: 1px solid hsl(200, 70%, 40%);
} }
} }
} }
.real-time-example-code {
border-left: 42px solid @gray-lighter;
background-color: white;
padding: 12px;
font-family: @font-family-monospace;
.highlight {
color: @blue;
}
box-shadow: 0 3px 3px rgba(0,0,0,.2);
}

2
services/web/public/stylesheets/components/footer.less
View file

@ -1,4 +1,4 @@
footer { footer.site-footer {
border-top: 1px solid @gray-lighter; border-top: 1px solid @gray-lighter;
padding: 2em; padding: 2em;
font-size: 0.9rem; font-size: 0.9rem;

25
services/web/public/stylesheets/core/type.less
View file

@ -245,7 +245,20 @@ blockquote {
padding: (@line-height-computed / 2) @line-height-computed; padding: (@line-height-computed / 2) @line-height-computed;
margin: 0 0 @line-height-computed; margin: 0 0 @line-height-computed;
font-size: @blockquote-font-size; font-size: @blockquote-font-size;
quotes: "\201C""\201D""\2018""\2019";
border-left: 5px solid @blockquote-border-color; border-left: 5px solid @blockquote-border-color;
&:before {
content: open-quote;
font-size: @blockquote-font-size * 3;
color: @blockquote-border-color;
margin-right: 0.25em;
vertical-align: -0.4em;
line-height: 0.1em;
}
p {
display: inline;
}
p, p,
ul, ul,
@ -264,6 +277,7 @@ blockquote {
font-size: 80%; // back to default font-size font-size: 80%; // back to default font-size
line-height: @line-height-base; line-height: @line-height-base;
color: @blockquote-small-color; color: @blockquote-small-color;
padding-top: @line-height-computed / 2;
&:before { &:before {
content: '\2014 \00A0'; // em dash, nbsp content: '\2014 \00A0'; // em dash, nbsp
@ -274,8 +288,7 @@ blockquote {
// Opposite alignment of blockquote // Opposite alignment of blockquote
// //
// Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0. // Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
.blockquote-reverse, .blockquote-reverse {
blockquote.pull-right {
padding-right: 15px; padding-right: 15px;
padding-left: 0; padding-left: 0;
border-right: 5px solid @blockquote-border-color; border-right: 5px solid @blockquote-border-color;
@ -294,10 +307,10 @@ blockquote.pull-right {
} }
// Quotes // Quotes
blockquote:before, // blockquote:before,
blockquote:after { // blockquote:after {
content: ""; // content: "";
} // }
// Addresses // Addresses
address { address {

4
services/web/public/stylesheets/core/variables.less
View file

@ -796,9 +796,9 @@
//** Headings small color //** Headings small color
@headings-small-color: @gray-light; @headings-small-color: @gray-light;
//** Blockquote small color //** Blockquote small color
@blockquote-small-color: @gray-light; @blockquote-small-color: @gray;
//** Blockquote font size //** Blockquote font size
@blockquote-font-size: (@font-size-base * 1.25); @blockquote-font-size: (@font-size-base * 1.125);
//** Blockquote border color //** Blockquote border color
@blockquote-border-color: @gray-lighter; @blockquote-border-color: @gray-lighter;
//** Page header border color //** Page header border color