base layout/design/colors
Chakib (spike) Benziane
12 years ago
parent
12ea37a12d
commit
287ce3f2fe
Binary file not shown.
|
After Width: | Height: | Size: 144 KiB |
@ -0,0 +1,130 @@
|
||||
body, html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-align: stretch;
|
||||
}
|
||||
|
||||
.left-menu{
|
||||
background: @white;
|
||||
-webkit-box-flex: 2;
|
||||
width: 100%;
|
||||
border-left: 5px solid @orange;
|
||||
}
|
||||
|
||||
.content {
|
||||
-webkit-box-flex: 1;
|
||||
width: 100%;
|
||||
background: @darkGrey;
|
||||
padding: 4.5em;
|
||||
p {
|
||||
font: 300 18px/28px @textFont;
|
||||
color: @white;
|
||||
}
|
||||
h1, h2, h3, h4, h5{
|
||||
color: @orange;
|
||||
}
|
||||
h1 {
|
||||
font: 400 40px/40px @titleFont;
|
||||
}
|
||||
* {
|
||||
-webkit-animation-delay: 2.3s;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-wrapper {
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-align: stretch;
|
||||
}
|
||||
|
||||
.menu-wrapper {
|
||||
text-align: center;
|
||||
div {
|
||||
-webkit-box-flex: 1;
|
||||
height: 100%;
|
||||
|
||||
&:nth-child(4n + 1) {
|
||||
-webkit-animation-delay: 2.3s;
|
||||
}
|
||||
|
||||
&:nth-child(4n + 2) {
|
||||
-webkit-animation-delay: 1s;
|
||||
}
|
||||
|
||||
&:nth-child(4n + 3) {
|
||||
-webkit-animation-delay: 1.3s;
|
||||
}
|
||||
|
||||
&:nth-child(4n + 4) {
|
||||
-webkit-animation-delay: 1.6s;
|
||||
}
|
||||
|
||||
&:nth-child(4n + 5) {
|
||||
-webkit-animation-delay: 1.9s;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font: 300 40px/90px "Lato";
|
||||
cursor: pointer;
|
||||
.transition(all 300ms ease);
|
||||
border-left: 0px solid @orange;
|
||||
|
||||
&:first-letter {
|
||||
font-weight: 400;
|
||||
color: @orange;
|
||||
}
|
||||
&:hover:first-letter {
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-left-width: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.hint {
|
||||
font: 400 18px/40px @textFont;
|
||||
color: rgba(239, 71, 35, 0.84);
|
||||
padding-left: 1em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.portrait {
|
||||
background: @orange;
|
||||
img {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
border-radius: 50px;
|
||||
float: left;
|
||||
margin: 20px 0 20px 30px;
|
||||
}
|
||||
|
||||
p {
|
||||
color: @darkGrey;
|
||||
font-size: 30px;
|
||||
line-height: 68px;
|
||||
&:first-letter {
|
||||
color: @darkGrey;
|
||||
font-weight: 300;
|
||||
}
|
||||
&.baseline {
|
||||
font-size: 18px;
|
||||
line-height: 0px;
|
||||
font-weight: 300;
|
||||
}
|
||||
.select{
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
|
||||
@import url('http://fonts.googleapis.com/css?family=Gentium+Book+Basic');
|
||||
@import url('http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
|
||||
|
||||
|
||||
@textFont: "Open Sans";
|
||||
@titleFont: "Lato";
|
||||
|
||||
@orange: #ef4723;
|
||||
@darkGrey: #222;
|
||||
@white: rgb(247, 247, 247);
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1,3 @@
|
||||
<p>This is the partial for view 1.</p>
|
||||
<h1 class="animated fadeInLeft ng-cloak">This is a title</h1>
|
||||
<p class="animated fadeInLeft ng-cloak">At this point I can no longer avoid giving a first, provisional statement of my own hypothesis concerning the origin of the “bad conscience”: it may sound rather strange and needs to be pondered, lived with, and slept on for a long time. I regard the bad conscience as the serious illness that man was bound to contract under the stress of the most fundamental change he ever experienced—that change which occurred when he found himself finally enclosed within the walls of society and of peace. The situation that faced sea animals when they were compelled to become land animals or perish was the same as that which faced these semi-animals, well adapted to the wilderness, to war, to prowling, to adventure: suddenly all their instincts were disvalued and “suspended.” From now on they had to walk on their feet and “bear themselves” whereas hitherto they had been borne by the water: a dreadful heaviness lay upon them. They felt unable to cope with the simplest undertakings; in this new world they no longer possessed their former guides, their regulating, unconscious and infallible drives: they were reduced to thinking, inferring, reckoning, coordinating cause and effect, these unfortunate creatures; they were reduced to their “consciousness,” their weakest and most fallible organ! I believe there has never been such a feeling of misery on earth, such a leaden discomfort and at the same time the old instincts had not suddenly ceased to make their usual demands. Only it was hardly or rarely possible to humor them: as a rule they had to seek new and, as it were, subterranean gratifications.
|
||||
This is the partial for view 1.</p>
|
||||
|
||||
Reference in New Issue