yogsototh/sharieswebsite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Repaired and working.

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2011-05-05 10:37:34 +02:00
parent c342fafae9
commit 3e38e110df
6 changed files with 325 additions and 257 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
content/html/en/index.md
View file

@ -28,6 +28,7 @@ $('document').ready(function() {
}); });
</script> </script>
<% end %> <% end %>
<div id="mainlinks"> <div id="mainlinks">
<%= block("Secure","javascript:return false;","SHA1 ensure strong password generation","left secure") %> <%= block("Secure","javascript:return false;","SHA1 ensure strong password generation","left secure") %>
<%= block("Easy","javascript:return false;","Remember only one master password", "left easy") %> <%= block("Easy","javascript:return false;","Remember only one master password", "left easy") %>
@ -36,19 +37,21 @@ $('document').ready(function() {
<div class="flush"></div> <div class="flush"></div>
<div id="securecontent" class="slideshow big"><div> <div id="securecontent" class="slideshow big"><div class="inner">
YPassword use SHA1 YPassword use SHA1
</div></div> </div></div>
<div id="easycontent" class="slideshow big"><div> <div id="easycontent" class="slideshow big"><div class="inner">
You remember only one password the rest follow. You remember only one password the rest follow.
</div></div> </div></div>
<div id="portablecontent" class="slideshow big"><div> <div id="portablecontent" class="slideshow big">
You can use YPassword on <div class="inner">
<ul> You can use YPassword on
<li> iPhone, </li> <ul>
<li> Mac using Dashboard widget, </li> <li> iPhone, </li>
<li> on UNIX system using the command line <code>openssl</code> </li> <li> Mac using Dashboard widget, </li>
</ul> <li> on UNIX system using the command line <code>openssl</code> </li>
</div></div> </ul>
</div>
</div>

23
content/html/fr/index.md
View file

@ -28,6 +28,7 @@ $('document').ready(function() {
}); });
</script> </script>
<% end %> <% end %>
<div id="mainlinks"> <div id="mainlinks">
<%= block("Secure","javascript:return false;","SHA1 ensure strong password generation","left secure") %> <%= block("Secure","javascript:return false;","SHA1 ensure strong password generation","left secure") %>
<%= block("Easy","javascript:return false;","Remember only one master password", "left easy") %> <%= block("Easy","javascript:return false;","Remember only one master password", "left easy") %>
@ -36,19 +37,21 @@ $('document').ready(function() {
<div class="flush"></div> <div class="flush"></div>
<div id="securecontent" class="slideshow big"><div> <div id="securecontent" class="slideshow big"><div class="inner">
YPassword use SHA1 YPassword use SHA1
</div></div> </div></div>
<div id="easycontent" class="slideshow big"><div> <div id="easycontent" class="slideshow big"><div class="inner">
You remember only one password the rest follow. You remember only one password the rest follow.
</div></div> </div></div>
<div id="portablecontent" class="slideshow big"><div> <div id="portablecontent" class="slideshow big">
You can use YPassword on <div class="inner">
<ul> You can use YPassword on
<li> iPhone, </li> <ul>
<li> Mac using Dashboard widget, </li> <li> iPhone, </li>
<li> on UNIX system using the command line <code>openssl</code> </li> <li> Mac using Dashboard widget, </li>
</ul> <li> on UNIX system using the command line <code>openssl</code> </li>
</div></div> </ul>
</div>
</div>

22
lib/y.rb
View file

@ -153,16 +153,16 @@ module Nanoc3::Filters
end end
def block(title, url, text, position="left") def block(title, url, text, position="left")
return %{<div class="block #{position}"> %{<div class="block #{position}">
<div> <div class="inner">
<h3> <h3>
<a href="#{url}"> #{title} <a href="#{url}"> #{title}
<span class="nicer">»</span> <span class="nicer">»</span>
</a> </a>
</h3> </h3>
<p> <p>
#{text} #{text}
</p> </p>
<div> </div>
</div>} </div>}
end end

21
multi/index.md
View file

@ -28,6 +28,7 @@ $('document').ready(function() {
}); });
</script> </script>
<% end %> <% end %>
<div id="mainlinks"> <div id="mainlinks">
<%= block("Secure","javascript:return false;","SHA1 ensure strong password generation","left secure") %> <%= block("Secure","javascript:return false;","SHA1 ensure strong password generation","left secure") %>
<%= block("Easy","javascript:return false;","Remember only one master password", "left easy") %> <%= block("Easy","javascript:return false;","Remember only one master password", "left easy") %>
@ -36,21 +37,21 @@ $('document').ready(function() {
<div class="flush"></div> <div class="flush"></div>
<div id="securecontent" class="slideshow big"><div> <div id="securecontent" class="slideshow big"><div class="inner">
YPassword use SHA1 YPassword use SHA1
</div></div> </div></div>
<div id="easycontent" class="slideshow big"><div> <div id="easycontent" class="slideshow big"><div class="inner">
You remember only one password the rest follow. You remember only one password the rest follow.
</div></div> </div></div>
<div id="portablecontent" class="slideshow big"> <div id="portablecontent" class="slideshow big">
<div> <div class="inner">
You can use YPassword on You can use YPassword on
<ul> <ul>
<li> iPhone, </li> <li> iPhone, </li>
<li> Mac using Dashboard widget, </li> <li> Mac using Dashboard widget, </li>
<li> on UNIX system using the command line <code>openssl</code> </li> <li> on UNIX system using the command line <code>openssl</code> </li>
</ul> </ul>
</div> </div>
</div> </div>

244
site/css/main.css
View file

@ -1,4 +1,4 @@
/* line 49, ../src/main.scss */ /* line 65, ../src/main.scss */
* { * {
-moz-transition-property: all; -moz-transition-property: all;
-webkit-transition-property: all; -webkit-transition-property: all;
@ -10,31 +10,37 @@
transition-duration: 0.5s; transition-duration: 0.5s;
} }
/* line 54, ../src/main.scss */ /* line 70, ../src/main.scss */
body { body {
background: #dddde0; background: #dddde0;
font-family: Georgia, 'Kreon', serif; font-family: Georgia, 'Kreon', serif;
font-size: 1.2em; font-size: 1.2em;
} }
/* line 60, ../src/main.scss */ /* line 76, ../src/main.scss */
a { a {
color: #7689a6; color: #7689a6;
border: none; border: none;
text-decoration: none; text-decoration: none;
} }
/* line 65, ../src/main.scss */ /* line 81, ../src/main.scss */
a:hover { a:hover {
color: #ee6666; color: #ee6666;
} }
/* line 69, ../src/main.scss */ /* line 85, ../src/main.scss */
.corps {
margin: 48px 0;
line-height: 32px;
}
/* line 90, ../src/main.scss */
#metacontainer { #metacontainer {
border-bottom: 1px solid #888; border-bottom: 1px solid #888;
} }
/* line 72, ../src/main.scss */ /* line 93, ../src/main.scss */
body > header { body > header {
margin: 0; margin: 0;
color: #CCC; color: #CCC;
@ -47,7 +53,7 @@ body > header {
box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333;
} }
/* line 80, ../src/main.scss */ /* line 101, ../src/main.scss */
body > footer { body > footer {
border-top: solid 1px rgba(0, 0, 0, 0.1); border-top: solid 1px rgba(0, 0, 0, 0.1);
border-bottom: solid 1px rgba(0, 0, 0, 0.1); border-bottom: solid 1px rgba(0, 0, 0, 0.1);
@ -62,32 +68,30 @@ body > footer {
-o-box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset; -o-box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset;
box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset; box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset;
} }
/* line 90, ../src/main.scss */ /* line 111, ../src/main.scss */
body > footer a { body > footer a {
color: #2c5490; color: #2c5490;
} }
/* line 95, ../src/main.scss */ /* line 116, ../src/main.scss */
article > footer { article > footer {
color: #88aadd; color: #88aadd;
margin: 48px 0; margin: 48px 0;
} }
/* line 98, ../src/main.scss */ /* line 119, ../src/main.scss */
article > footer ul { article > footer ul {
list-style-type: none; list-style-type: none;
} }
/* line 105, ../src/main.scss */ /* line 126, ../src/main.scss */
nav { nav {
border-bottom: solid 1px rgba(0, 0, 0, 0.1); border-bottom: solid 1px rgba(0, 0, 0, 0.1);
} }
/* line 129, ../src/main.scss */
/* line 108, ../src/main.scss */
nav ul { nav ul {
list-style-type: none; list-style-type: none;
} }
/* line 131, ../src/main.scss */
/* line 111, ../src/main.scss */
nav ul li { nav ul li {
display: inline-block; display: inline-block;
height: 50px; height: 50px;
@ -97,8 +101,7 @@ nav ul li {
border-left: solid 1px rgba(255, 255, 255, 0.1); border-left: solid 1px rgba(255, 255, 255, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.2); border-right: solid 1px rgba(0, 0, 0, 0.2);
} }
/* line 139, ../src/main.scss */
/* line 120, ../src/main.scss */
nav ul li * { nav ul li * {
display: block; display: block;
margin-right: 0px; margin-right: 0px;
@ -107,24 +110,21 @@ nav ul li * {
height: 100%; height: 100%;
text-shadow: -1px -1px rgba(0, 0, 0, 0.2), 1px 1px rgba(0, 0, 0, 0.2); text-shadow: -1px -1px rgba(0, 0, 0, 0.2), 1px 1px rgba(0, 0, 0, 0.2);
} }
/* line 147, ../src/main.scss */
/* line 128, ../src/main.scss */
nav ul li span.active { nav ul li span.active {
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
} }
/* line 150, ../src/main.scss */
/* line 131, ../src/main.scss */
nav ul li a { nav ul li a {
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
} }
/* line 152, ../src/main.scss */
/* line 134, ../src/main.scss */
nav ul li a:hover { nav ul li a:hover {
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
/* line 139, ../src/main.scss */ /* line 161, ../src/main.scss */
header #choixrss, header #choixlang { header #choixrss, header #choixlang {
display: block; display: block;
margin-right: 0px; margin-right: 0px;
@ -137,8 +137,7 @@ header #choixrss, header #choixlang {
border-left: solid 1px rgba(255, 255, 255, 0.1); border-left: solid 1px rgba(255, 255, 255, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.2); border-right: solid 1px rgba(0, 0, 0, 0.2);
} }
/* line 172, ../src/main.scss */
/* line 151, ../src/main.scss */
header #choixrss a, header #choixlang a { header #choixrss a, header #choixlang a {
color: #bcd0ee; color: #bcd0ee;
display: block; display: block;
@ -147,33 +146,13 @@ header #choixrss a, header #choixlang a {
padding: 0 10px 0 10px; padding: 0 10px 0 10px;
text-align: center; text-align: center;
} }
/* line 180, ../src/main.scss */
/* line 159, ../src/main.scss */
header #choixrss a:hover, header #choixlang a:hover { header #choixrss a:hover, header #choixlang a:hover {
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }
/* line 164, ../src/main.scss */ /* line 187, ../src/main.scss */
#main {
margin: 0px auto;
}
/* line 167, ../src/main.scss */
#container {
margin: 0px auto;
}
/* line 171, ../src/main.scss */
h1, h2, h3, h4, h5, h6 {
font-family: 'Expletus Sans',Futura,sans-serif;
text-shadow: 0px -1px 0px #223366, 0px 1px 0px white;
font-weight: bold;
color: #7689a6;
margin: 48px 0;
}
/* line 179, ../src/main.scss */
nav ul li a:hover, #choixlang a:hover, #choixrss a:hover { nav ul li a:hover, #choixlang a:hover, #choixrss a:hover {
-moz-box-shadow: #333377 0 0 8px inset; -moz-box-shadow: #333377 0 0 8px inset;
-webkit-box-shadow: #333377 0 0 8px inset; -webkit-box-shadow: #333377 0 0 8px inset;
@ -181,38 +160,72 @@ nav ul li a:hover, #choixlang a:hover, #choixrss a:hover {
box-shadow: #333377 0 0 8px inset; box-shadow: #333377 0 0 8px inset;
} }
/* line 184, ../src/main.scss */ /* line 192, ../src/main.scss */
#main, #container {
margin: 0px auto;
}
/* line 196, ../src/main.scss */
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: 'Expletus Sans',Futura,sans-serif;
text-shadow: 0px -1px 0px #223366, 0px 1px 0px white;
font-weight: bold;
color: #7689a6;
margin: 48px 0;
text-align: center; text-align: center;
} }
/* line 186, ../src/main.scss */ /* line 205, ../src/main.scss */
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-shadow: 0px -1px 0px #441111, 0px 1px 0px white; text-shadow: 0px -1px 0px #441111, 0px 1px 0px white;
} }
/* line 191, ../src/main.scss */ /* line 211, ../src/main.scss */
article article {
background-color: rgba(0, 0, 0, 0.02);
-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;
-o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
/* line 40, ../src/main.scss */
article article > * {
padding: 20px;
}
/* line 43, ../src/main.scss */
article article:hover {
background-color: rgba(0, 0, 0, 0.05);
}
/* line 213, ../src/main.scss */
article article .date { article article .date {
float: right; float: right;
padding: 0;
margin: 20px;
} }
/* line 192, ../src/main.scss */ /* line 214, ../src/main.scss */
article article h1, article article h2, article article h3, article article h4, article article h5, article article h6 { article article h1, article article h2, article article h3, article article h4, article article h5, article article h6 {
text-align: left; text-align: left;
font-size: 25px; font-size: 36px;
line-height: 30px; line-height: 30px;
margin: 0; margin: 0 0 16px;
} }
/* line 201, ../src/main.scss */ /* line 222, ../src/main.scss */
.intro { .intro {
margin-bottom: 24px; margin-bottom: 24px;
} }
/* line 204, ../src/main.scss */ /* line 226, ../src/main.scss */
.sc { .sc {
font-variant: small-caps; font-variant: small-caps;
} }
/* line 208, ../src/main.scss */ /* line 230, ../src/main.scss */
.block { .block {
background-color: rgba(0, 0, 0, 0.02); background-color: rgba(0, 0, 0, 0.02);
-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;
@ -225,51 +238,49 @@ article article h1, article article h2, article article h3, article article h4,
-ms-border-radius: 5px; -ms-border-radius: 5px;
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
width: 252px;
margin-right: 24px;
margin-bottom: 48px; margin-bottom: 48px;
height: 144px; height: 144px;
cursor: pointer; cursor: pointer;
width: 252px;
margin-right: 24px;
float: left;
} }
/* line 40, ../src/main.scss */ /* line 40, ../src/main.scss */
.block > * { .block > * {
margin: 20px; padding: 20px;
} }
/* line 43, ../src/main.scss */ /* line 43, ../src/main.scss */
.block:hover { .block:hover {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
} }
/* line 213, ../src/main.scss */ /* line 234, ../src/main.scss */
.block h3 { .block h3 {
text-size: .6em; text-size: .6em;
text-align: left; text-align: left;
margin: 0 0 12px;
} }
/* line 219, ../src/main.scss */ /* line 243, ../src/main.scss */
.block { .right {
width: 252px; float: right;
margin-right: 24px;
float: left;
} }
/* line 223, ../src/main.scss */ /* line 246, ../src/main.scss */
.block.right {
width: 252px;
margin-right: 24px;
}
/* line 226, ../src/main.scss */
.left { .left {
float: left; float: left;
} }
/* line 229, ../src/main.scss */ /* line 249, ../src/main.scss */
.flush { .flush {
clear: both; clear: both;
} }
/* line 232, ../src/main.scss */ /* line 252, ../src/main.scss */
.slideshow { .slideshow {
background: #88aadd;
color: #fafafa;
font-weight: bold;
text-shadow: 0 0 3px black;
-moz-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
-o-border-radius: 5px; -o-border-radius: 5px;
@ -280,20 +291,18 @@ article article h1, article article h2, article article h3, article article h4,
-webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.3) 0 0 5px inset; -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.3) 0 0 5px inset;
-o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.3) 0 0 5px inset; -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.3) 0 0 5px inset;
box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.3) 0 0 5px inset; box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.3) 0 0 5px inset;
text-shadow: 0 0 3px black;
font-weight: bold;
color: #fafafa;
width: 804px; width: 804px;
background: #88aadd; }
/* line 59, ../src/main.scss */
.slideshow > * {
margin: 20px;
}
/* line 254, ../src/main.scss */
.slideshow > * {
padding: 3em;
} }
/* line 242, ../src/main.scss */ /* line 259, ../src/main.scss */
.corps {
margin: 48px 0;
line-height: 32px;
}
/* line 247, ../src/main.scss */
.date { .date {
font-size: 0.8em; font-size: 0.8em;
border: 1px solid #7689a6; border: 1px solid #7689a6;
@ -304,21 +313,18 @@ article article h1, article article h2, article article h3, article article h4,
vertical-align: middle; vertical-align: middle;
margin-right: 1em; margin-right: 1em;
} }
/* line 268, ../src/main.scss */
/* line 258, ../src/main.scss */
.date .day, .date .month, .date .year { .date .day, .date .month, .date .year {
display: block; display: block;
} }
/* line 271, ../src/main.scss */
/* line 262, ../src/main.scss */
.date .day { .date .day {
float: left; float: left;
width: 1.7em; width: 1.7em;
background: #a9c5ee; background: #a9c5ee;
color: #2c5490; color: #2c5490;
} }
/* line 277, ../src/main.scss */
/* line 269, ../src/main.scss */
.date .month { .date .month {
float: right; float: right;
width: 2.3em; width: 2.3em;
@ -326,8 +332,7 @@ article article h1, article article h2, article article h3, article article h4,
background: #2c5490; background: #2c5490;
border-left: 1px solid #88aadd; border-left: 1px solid #88aadd;
} }
/* line 284, ../src/main.scss */
/* line 277, ../src/main.scss */
.date .year { .date .year {
line-height: 3ex; line-height: 3ex;
clear: both; clear: both;
@ -336,7 +341,7 @@ article article h1, article article h2, article article h3, article article h4,
border-top: 1px solid #223366; border-top: 1px solid #223366;
} }
/* line 285, ../src/main.scss */ /* line 294, ../src/main.scss */
.archive { .archive {
background-color: rgba(0, 0, 0, 0.02); background-color: rgba(0, 0, 0, 0.02);
-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;
@ -352,27 +357,27 @@ article article h1, article article h2, article article h3, article article h4,
padding: 2em; padding: 2em;
} }
/* line 291, ../src/main.scss */ /* line 300, ../src/main.scss */
.tag { .tag {
cursor: pointer; cursor: pointer;
} }
/* line 294, ../src/main.scss */ /* line 303, ../src/main.scss */
.nicer { .nicer {
font-family: "Lucida Grande", Tahoma; font-family: "Lucida Grande", Tahoma;
} }
/* line 298, ../src/main.scss */ /* line 308, ../src/main.scss */
#elementblock ul { #elementblock ul {
list-style-type: none; list-style-type: none;
} }
/* line 300, ../src/main.scss */ /* line 310, ../src/main.scss */
#elementblock ul li { #elementblock ul li {
display: inline-block; display: inline-block;
width: 252px; width: 252px;
margin-right: 24px; margin-right: 24px;
} }
/* line 303, ../src/main.scss */ /* line 313, ../src/main.scss */
#elementblock ul li a { #elementblock ul li a {
float: left; float: left;
background-color: rgba(0, 0, 0, 0.02); background-color: rgba(0, 0, 0, 0.02);
@ -390,12 +395,12 @@ article article h1, article article h2, article article h3, article article h4,
text-align: center; text-align: center;
width: 80%; width: 80%;
} }
/* line 312, ../src/main.scss */ /* line 322, ../src/main.scss */
#elementblock ul li a:hover { #elementblock ul li a:hover {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
} }
/* line 318, ../src/main.scss */ /* line 329, ../src/main.scss */
.return { .return {
background-color: rgba(0, 0, 0, 0.02); background-color: rgba(0, 0, 0, 0.02);
-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;
@ -408,12 +413,45 @@ article article h1, article article h2, article article h3, article article h4,
-ms-border-radius: 5px; -ms-border-radius: 5px;
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
padding: .4em .3em 0;
margin: 1em 0;
} }
/* line 40, ../src/main.scss */ /* line 40, ../src/main.scss */
.return > * { .return > * {
margin: 20px; padding: 20px;
} }
/* line 43, ../src/main.scss */ /* line 43, ../src/main.scss */
.return:hover { .return:hover {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
} }
/* line 335, ../src/main.scss */
article footer {
width: 252px;
margin-right: 24px;
background-color: rgba(0, 0, 0, 0.02);
-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;
-o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
font-size: .7em;
opacity: .6;
}
/* line 40, ../src/main.scss */
article footer > * {
padding: 20px;
}
/* line 43, ../src/main.scss */
article footer:hover {
background-color: rgba(0, 0, 0, 0.05);
}
/* line 340, ../src/main.scss */
article footer ul {
list-style-type: none;
}

249
site/src/main.scss
View file

@ -38,13 +38,29 @@ $linkColor: $darkGrey;
@include box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset); @include box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset);
@include border-radius(); @include border-radius();
& > * { & > * {
margin: 20px; padding: 20px;
} }
&:hover { &:hover {
background-color: rgba(#000,0.05); background-color: rgba(#000,0.05);
} }
} }
@mixin blueinnerblock() {
background: $higlightColor;
color: #fafafa;
font-weight: bold;
@include text-shadow(0 0 3px #000);
@include border-radius(5px);
@include box-shadow(#FFF 0 0 3px, rgba(#000,0.3) 0 0 5px inset);
@include column(9,true);
& > * {
margin: 20px;
}
}
// Height // Height
* { * {
@include transition(); @include transition();
@ -66,6 +82,11 @@ a:hover {
color: $hoverColor; color: $hoverColor;
} }
.corps {
margin: 48px 0;
line-height: 32px;
}
#metacontainer{ #metacontainer{
border-bottom: 1px solid #888; border-bottom: 1px solid #888;
} }
@ -104,36 +125,37 @@ $menuItemWidth: 8em;
nav { nav {
border-bottom: solid 1px rgba(0,0,0,0.1); border-bottom: solid 1px rgba(0,0,0,0.1);
}
nav ul { ul {
list-style-type: none; list-style-type: none;
} li {
nav ul li { display: inline-block;
display: inline-block; height: $navHeight;
height: $navHeight; margin-right: 0;
margin-right: 0; width: $menuItemWidth;
width: $menuItemWidth; text-align: center;
text-align: center; border-left: solid 1px rgba(255,255,255,0.1);
border-left: solid 1px rgba(255,255,255,0.1); border-right: solid 1px rgba(0,0,0,0.2);
border-right: solid 1px rgba(0,0,0,0.2); * {
} display: block;
nav ul li * { margin-right: 0px;
display: block; margin-left: 0px;
margin-right: 0px; padding: 0 10px;
margin-left: 0px; height: 100%;
padding: 0 10px; @include text-shadow( -1px -1px rgba(0,0,0,0.2), 1px 1px rgba(0,0,0,0.2));
height: 100%; }
@include text-shadow( -1px -1px rgba(0,0,0,0.2), 1px 1px rgba(0,0,0,0.2)); span.active {
} background-color: $selectedBlockColor;
nav ul li span.active { }
background-color: $selectedBlockColor; a {
} color: rgba(255,255,255,0.8);
nav ul li a { &:hover {
color: rgba(255,255,255,0.8); color: rgba(255,255,255,0.8);
} background-color: rgba(255,255,255,0.1);
nav ul li a:hover { }
color: rgba(255,255,255,0.8); }
background-color: rgba(255,255,255,0.1); }
}
} }
header #choixrss, header #choixlang { header #choixrss, header #choixlang {
@ -147,81 +169,79 @@ header #choixrss, header #choixlang {
text-align: center; text-align: center;
border-left: solid 1px rgba(255,255,255,0.1); border-left: solid 1px rgba(255,255,255,0.1);
border-right: solid 1px rgba(0,0,0,0.2); border-right: solid 1px rgba(0,0,0,0.2);
} a {
header #choixrss a, header #choixlang a { color: $lightGrey;
color: $lightGrey; display: block;
display: block; height: 100%;
height: 100%; width: $menuItemWidth;
width: $menuItemWidth; padding: 0 10px 0 10px;
padding: 0 10px 0 10px; text-align: center;
text-align: center; }
} a:hover {
header #choixrss a:hover, header #choixlang a:hover { color: rgba(255,255,255,0.8);
color: rgba(255,255,255,0.8); background-color: rgba(255,255,255,0.1);
background-color: rgba(255,255,255,0.1); }
} }
#main {
margin: 0px auto;
}
#container {
margin: 0px auto;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Expletus Sans',Futura,sans-serif;
@include text-shadow( 0px -1px 0px $higlightColorShadow, 0px 1px 0px #FFF);
font-weight: bold;
color: $titleColor;
margin: 48px 0;
}
nav ul li, #choixlang, #choixrss { nav ul li, #choixlang, #choixrss {
a:hover { a:hover {
@include box-shadow(#337 0 0 8px inset); @include box-shadow(#337 0 0 8px inset);
} }
} }
#main, #container {
margin: 0px auto;
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: 'Expletus Sans',Futura,sans-serif;
@include text-shadow( 0px -1px 0px $higlightColorShadow, 0px 1px 0px #FFF);
font-weight: bold;
color: $titleColor;
margin: 48px 0;
text-align: center; text-align: center;
a:hover { a:hover {
@include text-shadow( 0px -1px 0px $hoverColorShadow, 0px 1px 0px #FFF); @include text-shadow( 0px -1px 0px $hoverColorShadow, 0px 1px 0px #FFF);
} }
} }
article article { article article {
.date { float: right; } @include innerblock();
.date { float: right; padding: 0; margin: 20px; }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
text-align: left; text-align: left;
font-size: 25px; font-size: 36px;
line-height: 30px; line-height: 30px;
margin: 0; margin: 0 0 16px;
} }
} }
.intro { .intro {
margin-bottom: 24px; margin-bottom: 24px;
} }
.sc { .sc {
font-variant: small-caps; font-variant: small-caps;
} }
.block { .block {
@include innerblock(); @include innerblock();
@include column(3,false);
margin-bottom: 48px; margin-bottom: 48px;
height: 3 * 48px ; height: 3 * 48px ;
h3 { h3 {
text-size: .6em; text-size: .6em;
text-align: left; text-align: left;
margin: 0 0 12px;
} }
cursor: pointer; cursor: pointer;
}
.block {
@include column(3); @include column(3);
float: left; float: left;
} }
.block.right { .right {
@include column(3); float: right;
} }
.left { .left {
float: left; float: left;
@ -230,57 +250,46 @@ article article {
clear: both; clear: both;
} }
.slideshow { .slideshow {
@include border-radius(5px); @include blueinnerblock();
@include box-shadow(#FFF 0 0 3px, rgba(#000,0.3) 0 0 5px inset); & > * {
@include text-shadow(0 0 3px #000); padding: 3em;
font-weight: bold; }
color: #fafafa;
@include column(9,true);
background: $higlightColor;
}
.corps {
margin: 48px 0;
line-height: 32px;
} }
.date { .date {
font-size: 0.8em; font-size: 0.8em;
border: 1px solid $darkGrey; border: 1px solid $darkGrey;
text-align: center; text-align: center;
width: 4.1em; width: 4.1em;
line-height: 1.5em; line-height: 1.5em;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
margin-right: 1em; margin-right: 1em;
.day, .month, .year {
display: block;
}
.day {
float: left;
width: 1.7em;
background: $light;
color: $dark;
}
.month {
float: right;
width: 2.3em;
color: $light;
background: $dark;
border-left: 1px solid $mainColor;
}
.year {
line-height: 3ex;
clear: both;
background: $higlightColorShadow;
color: $mainColor;
border-top: 1px solid $higlightColorShadow;
}
} }
.date .day, .date .month, .date .year {
display: block;
}
.date .day {
float: left;
width: 1.7em;
background: $light;
color: $dark;
}
.date .month{
float: right;
width: 2.3em;
color: $light;
background: $dark;
border-left: 1px solid $mainColor;
}
.date .year{
line-height: 3ex;
clear: both;
background: $higlightColorShadow;
color: $mainColor;
border-top: 1px solid $higlightColorShadow;
}
.archive { .archive {
background-color: rgba(#000,0.02); background-color: rgba(#000,0.02);
@ -294,12 +303,13 @@ article article {
.nicer { .nicer {
font-family: "Lucida Grande", Tahoma font-family: "Lucida Grande", Tahoma
} }
#elementblock { #elementblock {
ul { ul {
list-style-type: none; list-style-type: none;
li { li {
display: inline-block; display: inline-block;
@include column(3,false); @include column(3);
a { a {
float: left; float: left;
background-color: rgba(#000,0.02); background-color: rgba(#000,0.02);
@ -315,6 +325,19 @@ article article {
} }
} }
} }
.return { .return {
@include innerblock(); @include innerblock();
padding: .4em .3em 0;
margin: 1em 0;
}
article footer {
@include column(3);
@include innerblock;
font-size: .7em;
opacity: .6;
ul {
list-style-type: none;
}
} }