This start to look something reasonable.
This commit is contained in:
parent
e0bfeb11c7
commit
65ab9119e9
11 changed files with 124 additions and 96 deletions
|
@ -27,7 +27,7 @@ noSubMenu: true
|
||||||
%>
|
%>
|
||||||
|
|
||||||
<div id="elementblock">
|
<div id="elementblock">
|
||||||
<ul>
|
<ul class="menu">
|
||||||
<li> <a href="#last-articles"><%= number_of_articles %> latest articles </a> </li>
|
<li> <a href="#last-articles"><%= number_of_articles %> latest articles </a> </li>
|
||||||
<li> <a href="#tagcloud">Tag Cloud </a></li>
|
<li> <a href="#tagcloud">Tag Cloud </a></li>
|
||||||
<li> <a href="#archives">Achives </a></li>
|
<li> <a href="#archives">Achives </a></li>
|
||||||
|
|
|
@ -27,7 +27,7 @@ noSubMenu: true
|
||||||
%>
|
%>
|
||||||
|
|
||||||
<div id="elementblock">
|
<div id="elementblock">
|
||||||
<ul>
|
<ul class="menu">
|
||||||
<li> <a href="#last-articles">Les <%= number_of_articles %> derniers articles </a></li>
|
<li> <a href="#last-articles">Les <%= number_of_articles %> derniers articles </a></li>
|
||||||
<li> <a href="#tagcloud">Nuage de mots clés </a></li>
|
<li> <a href="#tagcloud">Nuage de mots clés </a></li>
|
||||||
<li> <a href="#archives">Achives </a></li>
|
<li> <a href="#archives">Achives </a></li>
|
||||||
|
|
|
@ -27,7 +27,7 @@ noSubMenu: true
|
||||||
%>
|
%>
|
||||||
|
|
||||||
<div id="elementblock">
|
<div id="elementblock">
|
||||||
<ul>
|
<ul class="menu">
|
||||||
en: <li> <a href="#last-articles"><%= number_of_articles %> latest articles </a> </li>
|
en: <li> <a href="#last-articles"><%= number_of_articles %> latest articles </a> </li>
|
||||||
fr: <li> <a href="#last-articles">Les <%= number_of_articles %> derniers articles </a></li>
|
fr: <li> <a href="#last-articles">Les <%= number_of_articles %> derniers articles </a></li>
|
||||||
en: <li> <a href="#tagcloud">Tag Cloud </a></li>
|
en: <li> <a href="#tagcloud">Tag Cloud </a></li>
|
||||||
|
|
|
@ -62,7 +62,7 @@
|
||||||
|
|
||||||
|
|
||||||
<div id="elementblock">
|
<div id="elementblock">
|
||||||
<ul>
|
<ul class="menu">
|
||||||
<li> <a href="#last-articles">5 latest articles </a> </li>
|
<li> <a href="#last-articles">5 latest articles </a> </li>
|
||||||
<li> <a href="#tagcloud">Tag Cloud </a></li>
|
<li> <a href="#tagcloud">Tag Cloud </a></li>
|
||||||
<li> <a href="#archives">Achives </a></li>
|
<li> <a href="#archives">Achives </a></li>
|
||||||
|
|
|
@ -99,7 +99,7 @@
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
<ul class="article_metadata">
|
<ul class="article_metadata">
|
||||||
<li>Modified: <time>07/10/2011</time></li>
|
<li>Modified: <time>07/11/2011</time></li>
|
||||||
<li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a></li>
|
<li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
|
@ -62,7 +62,7 @@
|
||||||
|
|
||||||
|
|
||||||
<div id="elementblock">
|
<div id="elementblock">
|
||||||
<ul>
|
<ul class="menu">
|
||||||
<li> <a href="#last-articles">Les 5 derniers articles </a></li>
|
<li> <a href="#last-articles">Les 5 derniers articles </a></li>
|
||||||
<li> <a href="#tagcloud">Nuage de mots clés </a></li>
|
<li> <a href="#tagcloud">Nuage de mots clés </a></li>
|
||||||
<li> <a href="#archives">Achives </a></li>
|
<li> <a href="#archives">Achives </a></li>
|
||||||
|
|
|
@ -99,7 +99,7 @@
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
<ul class="article_metadata">
|
<ul class="article_metadata">
|
||||||
<li>modifié le : <time>10/07/2011</time></li>
|
<li>modifié le : <time>11/07/2011</time></li>
|
||||||
<li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a></li>
|
<li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://ypassword.espozito.com/Scratch/fr/blog/</loc>
|
<loc>http://ypassword.espozito.com/Scratch/fr/blog/</loc>
|
||||||
<lastmod>2011-05-16</lastmod>
|
<lastmod>2011-07-11</lastmod>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://ypassword.espozito.com/Scratch/en/support/</loc>
|
<loc>http://ypassword.espozito.com/Scratch/en/support/</loc>
|
||||||
|
@ -38,7 +38,7 @@
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://ypassword.espozito.com/Scratch/en/blog/</loc>
|
<loc>http://ypassword.espozito.com/Scratch/en/blog/</loc>
|
||||||
<lastmod>2011-05-16</lastmod>
|
<lastmod>2011-07-11</lastmod>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>http://ypassword.espozito.com/Scratch/fr/</loc>
|
<loc>http://ypassword.espozito.com/Scratch/fr/</loc>
|
||||||
|
|
|
@ -5,42 +5,38 @@ body {
|
||||||
background: #efeff4;
|
background: #efeff4;
|
||||||
}
|
}
|
||||||
/* line 39, ../src/main.sass */
|
/* line 39, ../src/main.sass */
|
||||||
body.bp {
|
body h1, body h2, body h3, body h4, body h5, body h6 {
|
||||||
background: #efeff4;
|
|
||||||
}
|
|
||||||
/* line 41, ../src/main.sass */
|
|
||||||
body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 {
|
|
||||||
color: #60646c;
|
color: #60646c;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
letter-spacing: -0.05em;
|
letter-spacing: -0.05em;
|
||||||
}
|
}
|
||||||
|
/* line 43, ../src/main.sass */
|
||||||
|
body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a {
|
||||||
|
color: #9ca1ad;
|
||||||
|
}
|
||||||
/* line 45, ../src/main.sass */
|
/* line 45, ../src/main.sass */
|
||||||
body.bp h1 a, body.bp h2 a, body.bp h3 a, body.bp h4 a, body.bp h5 a, body.bp h6 a {
|
body h1 a:visited, body h2 a:visited, body h3 a:visited, body h4 a:visited, body h5 a:visited, body h6 a:visited {
|
||||||
color: #9ca1ad;
|
color: #9ca1ad;
|
||||||
}
|
}
|
||||||
/* line 47, ../src/main.sass */
|
/* line 47, ../src/main.sass */
|
||||||
body.bp h1 a:visited, body.bp h2 a:visited, body.bp h3 a:visited, body.bp h4 a:visited, body.bp h5 a:visited, body.bp h6 a:visited {
|
body h1 a:hover, body h1 a:active, body h2 a:hover, body h2 a:active, body h3 a:hover, body h3 a:active, body h4 a:hover, body h4 a:active, body h5 a:hover, body h5 a:active, body h6 a:hover, body h6 a:active {
|
||||||
color: #9ca1ad;
|
|
||||||
}
|
|
||||||
/* line 49, ../src/main.sass */
|
|
||||||
body.bp h1 a:hover, body.bp h1 a:active, body.bp h2 a:hover, body.bp h2 a:active, body.bp h3 a:hover, body.bp h3 a:active, body.bp h4 a:hover, body.bp h4 a:active, body.bp h5 a:hover, body.bp h5 a:active, body.bp h6 a:hover, body.bp h6 a:active {
|
|
||||||
color: #4269a7;
|
color: #4269a7;
|
||||||
}
|
}
|
||||||
/* line 51, ../src/main.sass */
|
/* line 49, ../src/main.sass */
|
||||||
body.bp a {
|
body a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #60646c;
|
color: #60646c;
|
||||||
}
|
}
|
||||||
/* line 54, ../src/main.sass */
|
/* line 52, ../src/main.sass */
|
||||||
body.bp a:visited {
|
body a:visited {
|
||||||
color: #60646c;
|
color: #60646c;
|
||||||
}
|
}
|
||||||
/* line 56, ../src/main.sass */
|
/* line 54, ../src/main.sass */
|
||||||
body.bp a:hover, body.bp a:active {
|
body a:hover, body a:active {
|
||||||
color: #4269a7;
|
color: #4269a7;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 60, ../src/main.sass */
|
/* line 58, ../src/main.sass */
|
||||||
* {
|
* {
|
||||||
-moz-transition-property: all;
|
-moz-transition-property: all;
|
||||||
-webkit-transition-property: all;
|
-webkit-transition-property: all;
|
||||||
|
@ -52,7 +48,7 @@ body.bp a:hover, body.bp a:active {
|
||||||
transition-duration: 0.5s;
|
transition-duration: 0.5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 63, ../src/main.sass */
|
/* line 61, ../src/main.sass */
|
||||||
hgroup#maintitle {
|
hgroup#maintitle {
|
||||||
margin: 0.5em 0;
|
margin: 0.5em 0;
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
|
@ -69,22 +65,22 @@ hgroup#maintitle {
|
||||||
background-image: -ms-linear-gradient(top, #60646c, #51555c);
|
background-image: -ms-linear-gradient(top, #60646c, #51555c);
|
||||||
background-image: linear-gradient(top, #60646c, #51555c);
|
background-image: linear-gradient(top, #60646c, #51555c);
|
||||||
}
|
}
|
||||||
/* line 67, ../src/main.sass */
|
/* line 65, ../src/main.sass */
|
||||||
hgroup#maintitle h1, hgroup#maintitle h1 a, hgroup#maintitle h2, hgroup#maintitle h2 a {
|
hgroup#maintitle h1, hgroup#maintitle h1 a, hgroup#maintitle h2, hgroup#maintitle h2 a {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #0f1011;
|
color: #0f1011;
|
||||||
text-shadow: 0 0 2px rgba(239, 239, 244, 0.5);
|
text-shadow: 0 0 2px rgba(239, 239, 244, 0.5);
|
||||||
}
|
}
|
||||||
/* line 71, ../src/main.sass */
|
/* line 69, ../src/main.sass */
|
||||||
hgroup#maintitle h1 a:hover, hgroup#maintitle h2 a:hover {
|
hgroup#maintitle h1 a:hover, hgroup#maintitle h2 a:hover {
|
||||||
color: #002255;
|
color: #002255;
|
||||||
}
|
}
|
||||||
/* line 73, ../src/main.sass */
|
/* line 71, ../src/main.sass */
|
||||||
hgroup#maintitle h2 {
|
hgroup#maintitle h2 {
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 81, ../src/main.sass */
|
/* line 79, ../src/main.sass */
|
||||||
#container > footer {
|
#container > footer {
|
||||||
padding: 3em 0;
|
padding: 3em 0;
|
||||||
color: #0f1011;
|
color: #0f1011;
|
||||||
|
@ -96,42 +92,42 @@ hgroup#maintitle h2 {
|
||||||
background-image: -ms-linear-gradient(top, #60646c, #51555c);
|
background-image: -ms-linear-gradient(top, #60646c, #51555c);
|
||||||
background-image: linear-gradient(top, #60646c, #51555c);
|
background-image: linear-gradient(top, #60646c, #51555c);
|
||||||
}
|
}
|
||||||
/* line 82, ../src/main.sass */
|
/* line 80, ../src/main.sass */
|
||||||
#container > footer * {
|
#container > footer * {
|
||||||
width: 960px;
|
width: 960px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
/* line 85, ../src/main.sass */
|
/* line 83, ../src/main.sass */
|
||||||
#container > footer a {
|
#container > footer a {
|
||||||
color: #1f2024;
|
color: #1f2024;
|
||||||
}
|
}
|
||||||
/* line 87, ../src/main.sass */
|
/* line 85, ../src/main.sass */
|
||||||
#container > footer a:hover {
|
#container > footer a:hover {
|
||||||
color: #002255;
|
color: #002255;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 101, ../src/main.sass */
|
/* line 99, ../src/main.sass */
|
||||||
.clickable {
|
.clickable {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 105, ../src/main.sass */
|
/* line 103, ../src/main.sass */
|
||||||
#container {
|
#container {
|
||||||
width: span(24);
|
width: span(24);
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 110, ../src/main.sass */
|
/* line 108, ../src/main.sass */
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 113, ../src/main.sass */
|
/* line 111, ../src/main.sass */
|
||||||
h1, h2 {
|
h1, h2 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 123, ../src/main.sass */
|
/* line 121, ../src/main.sass */
|
||||||
.block {
|
.block {
|
||||||
background-color: #e3e5ed;
|
background-color: #e3e5ed;
|
||||||
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
||||||
|
@ -145,28 +141,28 @@ h1, h2 {
|
||||||
-khtml-border-radius: 5px;
|
-khtml-border-radius: 5px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
/* line 120, ../src/main.sass */
|
/* line 118, ../src/main.sass */
|
||||||
.block > * {
|
.block > * {
|
||||||
padding: 20px;
|
margin: 20px;
|
||||||
}
|
}
|
||||||
/* line 125, ../src/main.sass */
|
/* line 123, ../src/main.sass */
|
||||||
.block:hover {
|
.block:hover {
|
||||||
background-color: rgba(0, 0, 0, 0.05);
|
background-color: rgba(0, 0, 0, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 169, ../src/main.sass */
|
/* line 167, ../src/main.sass */
|
||||||
#prelinks {
|
#prelinks {
|
||||||
width: 960px;
|
width: 960px;
|
||||||
margin: 0.5em auto;
|
margin: 0.5em auto;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 175, ../src/main.sass */
|
/* line 173, ../src/main.sass */
|
||||||
#choixlang {
|
#choixlang {
|
||||||
float: left;
|
float: left;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
/* line 130, ../src/main.sass */
|
/* line 128, ../src/main.sass */
|
||||||
#choixlang a:hover {
|
#choixlang a:hover {
|
||||||
color: #efeff4;
|
color: #efeff4;
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
background-color: rgba(0, 0, 0, 0.3);
|
||||||
|
@ -175,16 +171,16 @@ h1, h2 {
|
||||||
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||||
}
|
}
|
||||||
/* line 134, ../src/main.sass */
|
/* line 132, ../src/main.sass */
|
||||||
#choixlang a:active {
|
#choixlang a:active {
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
text-shadow: 0 0 2px black;
|
text-shadow: 0 0 2px black;
|
||||||
}
|
}
|
||||||
/* line 137, ../src/main.sass */
|
/* line 135, ../src/main.sass */
|
||||||
#choixlang a {
|
#choixlang a {
|
||||||
color: #9ca1ad;
|
color: #9ca1ad;
|
||||||
}
|
}
|
||||||
/* line 139, ../src/main.sass */
|
/* line 137, ../src/main.sass */
|
||||||
#choixlang a, #choixlang span {
|
#choixlang a, #choixlang span {
|
||||||
padding: 0.2em;
|
padding: 0.2em;
|
||||||
-moz-border-radius: 2ex;
|
-moz-border-radius: 2ex;
|
||||||
|
@ -197,11 +193,11 @@ h1, h2 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
/* line 145, ../src/main.sass */
|
/* line 143, ../src/main.sass */
|
||||||
#choixlang a:hover, #choixlang span:hover {
|
#choixlang a:hover, #choixlang span:hover {
|
||||||
color: #efeff4;
|
color: #efeff4;
|
||||||
}
|
}
|
||||||
/* line 147, ../src/main.sass */
|
/* line 145, ../src/main.sass */
|
||||||
#choixlang span {
|
#choixlang span {
|
||||||
color: #efeff4;
|
color: #efeff4;
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||||
|
@ -212,12 +208,12 @@ h1, h2 {
|
||||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 179, ../src/main.sass */
|
/* line 177, ../src/main.sass */
|
||||||
#choixrss {
|
#choixrss {
|
||||||
float: right;
|
float: right;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
/* line 130, ../src/main.sass */
|
/* line 128, ../src/main.sass */
|
||||||
#choixrss a:hover {
|
#choixrss a:hover {
|
||||||
color: #efeff4;
|
color: #efeff4;
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
background-color: rgba(0, 0, 0, 0.3);
|
||||||
|
@ -226,16 +222,16 @@ h1, h2 {
|
||||||
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||||
}
|
}
|
||||||
/* line 134, ../src/main.sass */
|
/* line 132, ../src/main.sass */
|
||||||
#choixrss a:active {
|
#choixrss a:active {
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
text-shadow: 0 0 2px black;
|
text-shadow: 0 0 2px black;
|
||||||
}
|
}
|
||||||
/* line 137, ../src/main.sass */
|
/* line 135, ../src/main.sass */
|
||||||
#choixrss a {
|
#choixrss a {
|
||||||
color: #9ca1ad;
|
color: #9ca1ad;
|
||||||
}
|
}
|
||||||
/* line 139, ../src/main.sass */
|
/* line 137, ../src/main.sass */
|
||||||
#choixrss a, #choixrss span {
|
#choixrss a, #choixrss span {
|
||||||
padding: 0.2em;
|
padding: 0.2em;
|
||||||
-moz-border-radius: 2ex;
|
-moz-border-radius: 2ex;
|
||||||
|
@ -248,11 +244,11 @@ h1, h2 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
/* line 145, ../src/main.sass */
|
/* line 143, ../src/main.sass */
|
||||||
#choixrss a:hover, #choixrss span:hover {
|
#choixrss a:hover, #choixrss span:hover {
|
||||||
color: #efeff4;
|
color: #efeff4;
|
||||||
}
|
}
|
||||||
/* line 147, ../src/main.sass */
|
/* line 145, ../src/main.sass */
|
||||||
#choixrss span {
|
#choixrss span {
|
||||||
color: #efeff4;
|
color: #efeff4;
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||||
|
@ -263,19 +259,19 @@ h1, h2 {
|
||||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 184, ../src/main.sass */
|
/* line 182, ../src/main.sass */
|
||||||
#mainnav {
|
#mainnav {
|
||||||
width: 600px;
|
width: 600px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 2.5em auto;
|
margin: 2.5em auto;
|
||||||
}
|
}
|
||||||
/* line 188, ../src/main.sass */
|
/* line 186, ../src/main.sass */
|
||||||
#mainnav ul {
|
#mainnav ul {
|
||||||
height: 2.2ex;
|
height: 2.2ex;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
/* line 192, ../src/main.sass */
|
/* line 190, ../src/main.sass */
|
||||||
#mainnav ul li {
|
#mainnav ul li {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -283,7 +279,7 @@ h1, h2 {
|
||||||
margin: 0 20px;
|
margin: 0 20px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
/* line 130, ../src/main.sass */
|
/* line 128, ../src/main.sass */
|
||||||
#mainnav ul li a:hover {
|
#mainnav ul li a:hover {
|
||||||
color: #efeff4;
|
color: #efeff4;
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
background-color: rgba(0, 0, 0, 0.3);
|
||||||
|
@ -292,16 +288,16 @@ h1, h2 {
|
||||||
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||||
}
|
}
|
||||||
/* line 134, ../src/main.sass */
|
/* line 132, ../src/main.sass */
|
||||||
#mainnav ul li a:active {
|
#mainnav ul li a:active {
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
text-shadow: 0 0 2px black;
|
text-shadow: 0 0 2px black;
|
||||||
}
|
}
|
||||||
/* line 137, ../src/main.sass */
|
/* line 135, ../src/main.sass */
|
||||||
#mainnav ul li a {
|
#mainnav ul li a {
|
||||||
color: #9ca1ad;
|
color: #9ca1ad;
|
||||||
}
|
}
|
||||||
/* line 139, ../src/main.sass */
|
/* line 137, ../src/main.sass */
|
||||||
#mainnav ul li a, #mainnav ul li span {
|
#mainnav ul li a, #mainnav ul li span {
|
||||||
padding: 0.2em;
|
padding: 0.2em;
|
||||||
-moz-border-radius: 2ex;
|
-moz-border-radius: 2ex;
|
||||||
|
@ -314,11 +310,11 @@ h1, h2 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
/* line 145, ../src/main.sass */
|
/* line 143, ../src/main.sass */
|
||||||
#mainnav ul li a:hover, #mainnav ul li span:hover {
|
#mainnav ul li a:hover, #mainnav ul li span:hover {
|
||||||
color: #efeff4;
|
color: #efeff4;
|
||||||
}
|
}
|
||||||
/* line 147, ../src/main.sass */
|
/* line 145, ../src/main.sass */
|
||||||
#mainnav ul li span {
|
#mainnav ul li span {
|
||||||
color: #efeff4;
|
color: #efeff4;
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||||
|
@ -328,33 +324,33 @@ h1, h2 {
|
||||||
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||||
}
|
}
|
||||||
/* line 198, ../src/main.sass */
|
/* line 196, ../src/main.sass */
|
||||||
#mainnav ul li * {
|
#mainnav ul li * {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 202, ../src/main.sass */
|
/* line 200, ../src/main.sass */
|
||||||
.flush {
|
.flush {
|
||||||
clear: both;
|
clear: both !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 205, ../src/main.sass */
|
/* line 203, ../src/main.sass */
|
||||||
.clean {
|
.clean {
|
||||||
background: none;
|
background: none;
|
||||||
border: none;
|
border: none;
|
||||||
margin: none;
|
margin: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 210, ../src/main.sass */
|
/* line 208, ../src/main.sass */
|
||||||
#main {
|
#main {
|
||||||
width: 960px;
|
width: 960px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 214, ../src/main.sass */
|
/* line 212, ../src/main.sass */
|
||||||
body.std #main > article, .slideshow {
|
body.std #main > article, .slideshow {
|
||||||
padding: 3em;
|
padding: 3em;
|
||||||
margin: 3em;
|
margin: 3em 0;
|
||||||
background-color: #e3e5ed;
|
background-color: #e3e5ed;
|
||||||
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
||||||
-webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
-webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
||||||
|
@ -367,12 +363,33 @@ body.std #main > article, .slideshow {
|
||||||
-khtml-border-radius: 5px;
|
-khtml-border-radius: 5px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
/* line 120, ../src/main.sass */
|
/* line 118, ../src/main.sass */
|
||||||
body.std #main > article > *, .slideshow > * {
|
body.std #main > article > *, .slideshow > * {
|
||||||
padding: 20px;
|
margin: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 219, ../src/main.sass */
|
/* line 217, ../src/main.sass */
|
||||||
|
.slideshow {
|
||||||
|
color: #60646c;
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
/* line 220, ../src/main.sass */
|
||||||
|
.slideshow img, .slideshow h3, .slideshow p, .slideshow ul {
|
||||||
|
float: left;
|
||||||
|
margin-left: 60px;
|
||||||
|
}
|
||||||
|
/* line 223, ../src/main.sass */
|
||||||
|
.slideshow h3, .slideshow p, .slideshow ul {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
/* line 225, ../src/main.sass */
|
||||||
|
.slideshow h3 {
|
||||||
|
font-size: 2em;
|
||||||
|
color: #9ca1ad;
|
||||||
|
text-shadow: 0 0 3px white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* line 230, ../src/main.sass */
|
||||||
.center {
|
.center {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
@ -99,7 +99,7 @@
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
<ul class="article_metadata">
|
<ul class="article_metadata">
|
||||||
<li>Modified: <time>07/10/2011</time></li>
|
<li>Modified: <time>07/11/2011</time></li>
|
||||||
<li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a></li>
|
<li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
|
@ -35,8 +35,6 @@ $main-background-color: $ycolorb
|
||||||
body
|
body
|
||||||
margin: 0
|
margin: 0
|
||||||
font-family: Futura, Molengo, sans-serif
|
font-family: Futura, Molengo, sans-serif
|
||||||
background: $main-background-color
|
|
||||||
&.bp
|
|
||||||
background: $main-background-color
|
background: $main-background-color
|
||||||
h1,h2,h3,h4,h5,h6
|
h1,h2,h3,h4,h5,h6
|
||||||
color: $ycolor4
|
color: $ycolor4
|
||||||
|
@ -118,7 +116,7 @@ h1,h2
|
||||||
+box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset)
|
+box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset)
|
||||||
+border-radius()
|
+border-radius()
|
||||||
& > *
|
& > *
|
||||||
padding: 20px
|
margin: 20px
|
||||||
|
|
||||||
.block
|
.block
|
||||||
+innerblock
|
+innerblock
|
||||||
|
@ -200,7 +198,7 @@ $navWidth: 600px
|
||||||
|
|
||||||
|
|
||||||
.flush
|
.flush
|
||||||
clear: both
|
clear: both !important
|
||||||
|
|
||||||
.clean
|
.clean
|
||||||
background: none
|
background: none
|
||||||
|
@ -213,9 +211,22 @@ $navWidth: 600px
|
||||||
|
|
||||||
body.std #main > article, .slideshow
|
body.std #main > article, .slideshow
|
||||||
padding: 3em
|
padding: 3em
|
||||||
margin: 3em
|
margin: 3em 0
|
||||||
+innerblock
|
+innerblock
|
||||||
|
|
||||||
|
.slideshow
|
||||||
|
color: $ycolor4
|
||||||
|
font-size: 1.3em
|
||||||
|
img,h3,p,ul
|
||||||
|
float: left
|
||||||
|
margin-left: 60px
|
||||||
|
h3,p,ul
|
||||||
|
width: 40%
|
||||||
|
h3
|
||||||
|
font-size: 2.0em
|
||||||
|
color: $ycolor2
|
||||||
|
text-shadow: 0 0 3px #FFF
|
||||||
|
|
||||||
.center
|
.center
|
||||||
margin: 0 auto
|
margin: 0 auto
|
||||||
text-align: center
|
text-align: center
|
||||||
|
|
Loading…
Reference in a new issue