align with unilu logomanual
This commit is contained in:
Mirek Kratochvil
parent
1b320c5b47
commit
fb03956dac
|
|
@ -22,6 +22,7 @@ body {
|
|||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
color: #444;
|
||||
border-bottom: 1pt solid #eee;
|
||||
/* this might need rethinking but looks good for navigation
|
||||
border-left: 1rem solid;
|
||||
border-color: #aaa;
|
||||
|
|
@ -62,6 +63,7 @@ h6 {
|
|||
|
||||
.layout-topbar {
|
||||
height: 8rem;
|
||||
margin-bottom: 3rem;
|
||||
background: linear-gradient(to bottom, #fafafa, #fafafa 66%, #eeeeee);
|
||||
display: flex;
|
||||
}
|
||||
|
|
@ -93,21 +95,28 @@ h6 {
|
|||
}
|
||||
|
||||
.topbar-text {
|
||||
align-self: flex-end;
|
||||
padding: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
font-weight: 300;
|
||||
line-height: 1.2;
|
||||
color: #777;
|
||||
display:flex;
|
||||
}
|
||||
|
||||
.header-title {
|
||||
font-size: 250%;
|
||||
align-self: flex-end;
|
||||
font-size: 300%;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
.header-subtitle {
|
||||
font-size: 150%;
|
||||
align-self: flex-end;
|
||||
font-size: 120%;
|
||||
max-width: 8em;
|
||||
margin-left: .5em;
|
||||
padding-left: .5em;
|
||||
margin-bottom: 0.3em;
|
||||
border-left: 1pt solid #777;
|
||||
}
|
||||
|
||||
.topbar-unilu {
|
||||
|
|
@ -133,8 +142,9 @@ h6 {
|
|||
width: 980px;
|
||||
}
|
||||
|
||||
.footer-box {
|
||||
.layout-footer {
|
||||
height: 10rem;
|
||||
margin-top: 5rem;
|
||||
background-color: #aaa;
|
||||
box-shadow:
|
||||
inset 10rem -10rem 10rem 0px #fff,
|
||||
|
|
@ -144,8 +154,8 @@ h6 {
|
|||
|
||||
.footer-r3 {
|
||||
align-self: center;
|
||||
height: 2rem;
|
||||
width: 2rem;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
background-image: url('static/r3.svg');
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -154,8 +164,8 @@ h6 {
|
|||
.footer-lcsb {
|
||||
align-self: center;
|
||||
margin-left: 1rem;
|
||||
height: 2rem;
|
||||
width: 2rem;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
background-image: url('static/lcsb.svg');
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
|
|
|
|||
22
external/mypage/text.md
vendored
22
external/mypage/text.md
vendored
|
|
@ -17,9 +17,29 @@ something something
|
|||
this that
|
||||
```
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin tortor purus platea sit eu id nisi litora libero. Neque vulputate consequat ac amet augue blandit maximus aliquet congue. Pharetra vestibulum posuere ornare faucibus fusce dictumst orci aenean eu facilisis ut volutpat commodo senectus purus himenaeos fames primis convallis nisi.
|
||||
Phasellus fermentum malesuada phasellus netus dictum aenean placerat egestas amet. Ornare taciti semper dolor tristique morbi. Sem leo tincidunt aliquet semper eu lectus scelerisque quis. Sagittis vivamus mollis nisi mollis enim fermentum laoreet.
|
||||
|
||||
Curabitur semper venenatis lectus viverra ex dictumst nulla maximus. Primis iaculis elementum conubia feugiat venenatis dolor augue ac blandit nullam ac phasellus turpis feugiat mollis.
|
||||
|
||||
- Duis lectus porta mattis imperdiet
|
||||
- vivamus augue litora lectus arcu. Justo torquent pharetra volutpat ad
|
||||
- blandit bibendum accumsan nec elit cras luctus primis ipsum gravida class congue.
|
||||
|
||||
Vehicula etiam elementum finibus enim duis feugiat commodo adipiscing tortor tempor elit. Et mollis consectetur habitant turpis tortor consectetur adipiscing vulputate dolor lectus
|
||||
|
||||
1. iaculis convallis adipiscing.
|
||||
2. Nam hendrerit dignissim condimentum ullamcorper
|
||||
3. diam morbi eget consectetur odio in sagittis.
|
||||
|
||||
## Something else
|
||||
|
||||
|
||||
|
||||
more nonsense
|
||||
### more nonsense
|
||||
|
||||
haha [linek](/tags/or/something)
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin tortor purus platea sit eu id nisi
|
||||
|
||||
litora libero. Neque vulputate consequat ac amet augue blandit maximus aliquet congue. Pharetra vestibulum posuere ornare faucibus fusce dictumst orci aenean eu facilisis ut volutpat commodo senectus purus himenaeos fames primis convallis nisi.
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="footer-box">
|
||||
<div class="layout-footer">
|
||||
<div class="bar-fill"></div>
|
||||
<div class="footer-r3"></div>
|
||||
<div class="footer-lcsb"></div>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
<div class="layout-topbar">
|
||||
<div class="bar-fill topbar-borderbottom"></div>
|
||||
<div class="width-content same-height">
|
||||
<div class="topbar-lcsb topbar-borderbottom">
|
||||
<div class="logo-lcsb"></div>
|
||||
<div class="topbar-unilu topbar-borderbottom">
|
||||
<div class="logo-unilu"></div>
|
||||
</div>
|
||||
<div class="topbar-text topbar-borderbottom">
|
||||
<div class="header-title">LCSB How-To Cards</div>
|
||||
<div class="header-subtitle">Practical and handy reference</div>
|
||||
<div class="header-subtitle">The practical and handy reference</div>
|
||||
</div>
|
||||
<div class="bar-fill topbar-borderbottom"></div>
|
||||
<div class="topbar-unilu topbar-borderbottom">
|
||||
<div class="logo-unilu"></div>
|
||||
<div class="topbar-lcsb topbar-borderbottom">
|
||||
<div class="logo-lcsb"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bar-fill topbar-borderbottom"></div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue