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

Slight ameliorations

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2011-06-28 18:08:33 +02:00
parent 06fcc9c6cb
commit 2712029c6a
13 changed files with 157 additions and 128 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -30,7 +30,7 @@ $('document').ready(function() {
<% end %> <% end %>
<% content_for :title do %> <% content_for :title do %>
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword<span class="nicer">&raquo;</span></a> <a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword</a>
<% end %> <% end %>
<div id="mainlinks"> <div id="mainlinks">

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

@ -30,7 +30,7 @@ $('document').ready(function() {
<% end %> <% end %>
<% content_for :title do %> <% content_for :title do %>
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword<span class="nicer">&raquo;</span></a> <a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword</a>
<% end %> <% end %>
<div id="mainlinks"> <div id="mainlinks">

4
layouts/main.html
View file

@ -52,11 +52,11 @@
<body lang="<%= language %>" class="bp"> <body lang="<%= language %>" class="bp">
<div id="container"> <div id="container">
<header> <header>
<div id="choixlang"><%= choixlang %></div>
<div id="choixrss"><%= choixrss %></div>
<hgroup> <hgroup>
<%= page_title %> <%= page_title %>
</hgroup> </hgroup>
<div id="choixlang"><%= choixlang %></div>
<div id="choixrss"><%= choixrss %></div>
<nav id="mainnav"> <nav id="mainnav">
<ul> <ul>
<%= generateMenu %> <%= generateMenu %>

2
multi/index.md
View file

@ -30,7 +30,7 @@ $('document').ready(function() {
<% end %> <% end %>
<% content_for :title do %> <% content_for :title do %>
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword<span class="nicer">&raquo;</span></a> <a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword</a>
<% end %> <% end %>
<div id="mainlinks"> <div id="mainlinks">

4
site/Scratch/en/blog/index.html
View file

@ -52,11 +52,11 @@
<body lang="en" class="bp"> <body lang="en" class="bp">
<div id="container"> <div id="container">
<header> <header>
<div id="choixlang"><a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">en Français</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
<hgroup> <hgroup>
<h1>Blog</h1> <h1>Blog</h1>
</hgroup> </hgroup>
<div id="choixlang"><a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">en Français</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
<nav id="mainnav"> <nav id="mainnav">
<ul> <ul>
<ul><li><a href="/Scratch/en/">YPassword</a></li><li><span class="active" title="You're here.">Blog</span></li><li><a href="/Scratch/en/support/">Support</a></li></ul> <ul><li><a href="/Scratch/en/">YPassword</a></li><li><span class="active" title="You're here.">Blog</span></li><li><a href="/Scratch/en/support/">Support</a></li></ul>

12
site/Scratch/en/index.html
View file

@ -52,13 +52,13 @@
<body lang="en" class="bp"> <body lang="en" class="bp">
<div id="container"> <div id="container">
<header> <header>
<hgroup>
<h1>
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword<span class="nicer">&raquo;</span></a>
</h1>
</hgroup>
<div id="choixlang"><a href="/Scratch/fr/" onclick="setLanguage('fr')">en Français</a></div> <div id="choixlang"><a href="/Scratch/fr/" onclick="setLanguage('fr')">en Français</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div> <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
<hgroup>
<h1>
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword</a>
</h1>
</hgroup>
<nav id="mainnav"> <nav id="mainnav">
<ul> <ul>
<ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul> <ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul>
@ -152,7 +152,7 @@ Your password is copied, you can paste it.
</div> </div>
<footer> <footer>
<ul class="article_metadata"> <ul class="article_metadata">
<li>Modified: <time>05/16/2011</time></li> <li>Modified: <time>06/28/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>

4
site/Scratch/en/support/index.html
View file

@ -52,6 +52,8 @@
<body lang="en" class="bp"> <body lang="en" class="bp">
<div id="container"> <div id="container">
<header> <header>
<div id="choixlang"><a href="/Scratch/fr/support/" onclick="setLanguage('fr')">en Français</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
<hgroup> <hgroup>
<h1> <h1>
<span style="font-weight: normal; margin-top: 0; line-height: 1ex"> <span style="font-weight: normal; margin-top: 0; line-height: 1ex">
@ -61,8 +63,6 @@
<span style="letter-spacing: 1em">Support</span> <span style="letter-spacing: 1em">Support</span>
</h2> </h2>
</hgroup> </hgroup>
<div id="choixlang"><a href="/Scratch/fr/support/" onclick="setLanguage('fr')">en Français</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
<nav id="mainnav"> <nav id="mainnav">
<ul> <ul>
<ul><li><a href="/Scratch/en/">YPassword</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><span class="active" title="You're here.">Support</span></li></ul> <ul><li><a href="/Scratch/en/">YPassword</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><span class="active" title="You're here.">Support</span></li></ul>

4
site/Scratch/fr/blog/index.html
View file

@ -52,11 +52,11 @@
<body lang="fr" class="bp"> <body lang="fr" class="bp">
<div id="container"> <div id="container">
<header> <header>
<div id="choixlang"><a href="/Scratch/en/blog/" onclick="setLanguage('en')">in English</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
<hgroup> <hgroup>
<h1>Blog</h1> <h1>Blog</h1>
</hgroup> </hgroup>
<div id="choixlang"><a href="/Scratch/en/blog/" onclick="setLanguage('en')">in English</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
<nav id="mainnav"> <nav id="mainnav">
<ul> <ul>
<ul><li><a href="/Scratch/fr/">YPassword</a></li><li><span class="active" title="You're here.">Blog</span></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul> <ul><li><a href="/Scratch/fr/">YPassword</a></li><li><span class="active" title="You're here.">Blog</span></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul>

12
site/Scratch/fr/index.html
View file

@ -52,13 +52,13 @@
<body lang="fr" class="bp"> <body lang="fr" class="bp">
<div id="container"> <div id="container">
<header> <header>
<hgroup>
<h1>
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword<span class="nicer">&raquo;</span></a>
</h1>
</hgroup>
<div id="choixlang"><a href="/Scratch/en/" onclick="setLanguage('en')">in English</a></div> <div id="choixlang"><a href="/Scratch/en/" onclick="setLanguage('en')">in English</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div> <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
<hgroup>
<h1>
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword</a>
</h1>
</hgroup>
<nav id="mainnav"> <nav id="mainnav">
<ul> <ul>
<ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul> <ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul>
@ -152,7 +152,7 @@ Your password is copied, you can paste it.
</div> </div>
<footer> <footer>
<ul class="article_metadata"> <ul class="article_metadata">
<li>modifié le : <time>16/05/2011</time></li> <li>modifié le : <time>28/06/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>

4
site/Scratch/fr/support/index.html
View file

@ -52,6 +52,8 @@
<body lang="fr" class="bp"> <body lang="fr" class="bp">
<div id="container"> <div id="container">
<header> <header>
<div id="choixlang"><a href="/Scratch/en/support/" onclick="setLanguage('en')">in English</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
<hgroup> <hgroup>
<h1> <h1>
<span style="font-weight: normal; margin-top: 0; line-height: 1ex"> <span style="font-weight: normal; margin-top: 0; line-height: 1ex">
@ -61,8 +63,6 @@
<span style="letter-spacing: 1em">Support</span> <span style="letter-spacing: 1em">Support</span>
</h2> </h2>
</hgroup> </hgroup>
<div id="choixlang"><a href="/Scratch/en/support/" onclick="setLanguage('en')">in English</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
<nav id="mainnav"> <nav id="mainnav">
<ul> <ul>
<ul><li><a href="/Scratch/fr/">YPassword</a></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><span class="active" title="You're here.">Aide</span></li></ul> <ul><li><a href="/Scratch/fr/">YPassword</a></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><span class="active" title="You're here.">Aide</span></li></ul>

183
site/css/main.css
View file

@ -4,35 +4,46 @@ body {
} }
/* line 35, ../src/main.sass */ /* line 35, ../src/main.sass */
body.bp { body.bp {
margin-top: 30px;
background: #efeff4; background: #efeff4;
} }
/* line 38, ../src/main.sass */ /* line 37, ../src/main.sass */
body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 { 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;
text-shadow: #41444a -1px -1px 0px, #efeff4 0px 1px 0px; text-shadow: #41444a -1px -1px 0px, #efeff4 0px 1px 0px;
} }
/* line 43, ../src/main.sass */ /* line 42, ../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 {
color: #9ca1ad;
}
/* line 44, ../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 {
color: #9ca1ad;
}
/* line 46, ../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: #86adff;
}
/* line 48, ../src/main.sass */
body.bp h1 a:hover, body.bp h2 a:hover, body.bp h3 a:hover, body.bp h4 a:hover, body.bp h5 a:hover, body.bp h6 a:hover { body.bp h1 a:hover, body.bp h2 a:hover, body.bp h3 a:hover, body.bp h4 a:hover, body.bp h5 a:hover, body.bp h6 a:hover {
text-shadow: #41444a -1px -1px 0px, #efeff4 0px 1px 0px, rgba(51, 136, 204, 0.5) 0 0 4px; text-shadow: #41444a -1px -1px 0px, #efeff4 0px 1px 0px, rgba(51, 136, 204, 0.5) 0 0 4px;
} }
/* line 45, ../src/main.sass */ /* line 50, ../src/main.sass */
body.bp a { body.bp a {
text-decoration: none; text-decoration: none;
color: #60646c; color: #60646c;
} }
/* line 48, ../src/main.sass */ /* line 53, ../src/main.sass */
body.bp a:visited { body.bp a:visited {
color: #60646c; color: #60646c;
} }
/* line 50, ../src/main.sass */ /* line 55, ../src/main.sass */
body.bp a:hover, body.bp a:active { body.bp a:hover, body.bp a:active {
color: #86adff; color: #86adff;
} }
/* line 54, ../src/main.sass */ /* line 59, ../src/main.sass */
* { * {
-moz-transition-property: all; -moz-transition-property: all;
-webkit-transition-property: all; -webkit-transition-property: all;
@ -44,28 +55,28 @@ body.bp a:hover, body.bp a:active {
transition-duration: 0.2s; transition-duration: 0.2s;
} }
/* line 64, ../src/main.sass */ /* line 69, ../src/main.sass */
.clickable { .clickable {
cursor: pointer; cursor: pointer;
} }
/* line 68, ../src/main.sass */ /* line 73, ../src/main.sass */
#container { #container {
width: 950px; width: 950px;
margin: 0 auto; margin: 0 auto;
} }
/* line 73, ../src/main.sass */ /* line 78, ../src/main.sass */
a { a {
text-decoration: none; text-decoration: none;
} }
/* line 76, ../src/main.sass */ /* line 81, ../src/main.sass */
h1 { h1 {
text-align: center; text-align: center;
} }
/* line 86, ../src/main.sass */ /* line 91, ../src/main.sass */
.block { .block {
display: inline; display: inline;
float: left; float: left;
@ -90,16 +101,16 @@ h1 {
* html .block { * html .block {
overflow-x: hidden; overflow-x: hidden;
} }
/* line 83, ../src/main.sass */ /* line 88, ../src/main.sass */
.block > * { .block > * {
padding: 20px; padding: 20px;
} }
/* line 92, ../src/main.sass */ /* line 97, ../src/main.sass */
.block:hover { .block:hover {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
} }
/* line 122, ../src/main.sass */ /* line 114, ../src/main.sass */
#choixlang { #choixlang {
display: inline; display: inline;
float: left; float: left;
@ -110,7 +121,7 @@ h1 {
* html #choixlang { * html #choixlang {
overflow-x: hidden; overflow-x: hidden;
} }
/* line 124, ../src/main.sass */ /* line 116, ../src/main.sass */
#choixlang a { #choixlang a {
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -176,24 +187,47 @@ h1 {
border-color: rgba(0, 0, 0, 0.3) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.3);
color: #caf1ff; color: #caf1ff;
} }
/* line 117, ../src/main.sass */ /* line 109, ../src/main.sass */
#choixlang a:hover { #choixlang a:hover {
text-shadow: #3388cc 0 0 3px, rgba(0, 0, 0, 0.5) 0px -1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px; text-shadow: #3388cc 0 0 3px, rgba(0, 0, 0, 0.5) 0px -1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
} }
/* line 119, ../src/main.sass */ /* line 111, ../src/main.sass */
#choixlang a:active { #choixlang a:active {
text-shadow: #33aaff 0 0 4px, rgba(0, 0, 0, 0.5) 0px -1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px; text-shadow: #33aaff 0 0 4px, rgba(0, 0, 0, 0.5) 0px -1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
} }
/* line 128, ../src/main.sass */ /* line 120, ../src/main.sass */
#mainnav {
display: inline;
float: left;
margin-right: 0;
width: 950px;
background: rgba(136, 51, 17, 0.2);
margin-top: 40px;
margin-bottom: 40px;
}
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html #mainnav {
overflow-x: hidden;
}
/* line 126, ../src/main.sass */
#mainlinks { #mainlinks {
display: inline; display: inline;
float: left; float: left;
position: relative; position: relative;
margin: 0 -120px 1.5em 120px; margin: 0 -80px 1.5em 80px;
display: inline;
float: left;
margin-right: 10px;
width: 870px;
}
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html #mainlinks {
overflow-x: hidden;
} }
/* line 131, ../src/main.sass */ /* line 130, ../src/main.sass */
#choixrss { #choixrss {
text-align: right; text-align: right;
display: inline; display: inline;
@ -214,19 +248,19 @@ h1 {
* html #choixrss { * html #choixrss {
overflow-x: hidden; overflow-x: hidden;
} }
/* line 137, ../src/main.sass */ /* line 136, ../src/main.sass */
#choixrss a { #choixrss a {
width: 100%;
text-align: center;
text-size: 14px;
padding: 4px;
height: 22px;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
display: -moz-inline-box; -moz-border-radius: 3px;
-moz-box-orient: vertical; -webkit-border-radius: 3px;
display: inline-block; -o-border-radius: 3px;
vertical-align: middle; -ms-border-radius: 3px;
*vertical-align: auto; -khtml-border-radius: 3px;
border-radius: 3px;
text-align: center;
display: inline;
float: left;
display: block;
margin: 0.7em 0.5em 0.7em 0; margin: 0.7em 0.5em 0.7em 0;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
@ -236,19 +270,13 @@ h1 {
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
-moz-border-radius: 22px; width: auto;
-webkit-border-radius: 22px; overflow: visible;
-o-border-radius: 22px; padding: 4px 10px 3px 7px;
-ms-border-radius: 22px; background-color: #e3e5ed;
-khtml-border-radius: 22px; border-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(255, 255, 255, 0.3);
border-radius: 22px; color: #51555c;
background-color: rgba(0, 0, 0, 0.2); width: 100%;
border-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(255, 255, 255, 0.5);
color: #41444a;
}
/* line 7, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
#choixrss a {
*display: inline;
} }
/* line 75, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */ /* line 75, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
#choixrss a img { #choixrss a img {
@ -259,48 +287,55 @@ h1 {
height: 16px; height: 16px;
float: none; float: none;
} }
/* line 104, ../src/main.sass */ /* line 95, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
#choixrss a[type] {
padding: 4px 10px 4px 7px;
line-height: 17px;
}
/* line 98, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
*:first-child + html #choixrss a[type] {
padding: 4px 10px 3px 7px;
}
/* line 62, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
#choixrss a:hover {
background-color: #dff4ff;
border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff;
color: #336699;
}
/* line 62, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
#choixrss a:hover {
background-color: #d2d4dc;
border-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(255, 255, 255, 0.3);
color: #caf1ff;
}
/* line 47, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
#choixrss a:active {
background-color: #d2d4dc;
border-color: rgba(0, 0, 0, 0.3) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.3);
color: #caf1ff;
}
/* line 109, ../src/main.sass */
#choixrss a:hover { #choixrss a:hover {
text-shadow: #3388cc 0 0 3px, rgba(0, 0, 0, 0.5) 0px -1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px; text-shadow: #3388cc 0 0 3px, rgba(0, 0, 0, 0.5) 0px -1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
background-color: rgba(0, 0, 0, 0.3); }
border-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(255, 255, 255, 0.5); /* line 111, ../src/main.sass */
color: #efeff4; #choixrss a:active {
text-shadow: #33aaff 0 0 4px, rgba(0, 0, 0, 0.5) 0px -1px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
} }
/* line 142, ../src/main.sass */ /* line 141, ../src/main.sass */
#mainnav ul { #mainnav ul {
padding-left: 0; padding-left: 0;
list-style-type: none; list-style-type: none;
display: inline;
float: left;
margin-right: 10px;
width: 950px;
margin-right: 0;
margin: 0 auto; margin: 0 auto;
} }
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ /* line 146, ../src/main.sass */
* html #mainnav ul {
overflow-x: hidden;
}
/* line 148, ../src/main.sass */
#mainnav ul li {
display: inline;
float: left;
margin-right: 10px;
width: 230px;
}
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html #mainnav ul li {
overflow-x: hidden;
}
/* line 150, ../src/main.sass */
#mainnav ul li * { #mainnav ul li * {
display: block; display: block;
text-align: center; text-align: center;
width: 100%;
} }
/* line 154, ../src/main.sass */ /* line 149, ../src/main.sass */
footer { footer {
display: inline; display: inline;
float: left; float: left;
@ -313,7 +348,7 @@ footer {
overflow-x: hidden; overflow-x: hidden;
} }
/* line 158, ../src/main.sass */ /* line 153, ../src/main.sass */
.flush { .flush {
clear: both; clear: both;
} }

12
site/index.html
View file

@ -52,13 +52,13 @@
<body lang="en" class="bp"> <body lang="en" class="bp">
<div id="container"> <div id="container">
<header> <header>
<hgroup>
<h1>
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword<span class="nicer">&raquo;</span></a>
</h1>
</hgroup>
<div id="choixlang"><a href="/Scratch/fr/" onclick="setLanguage('fr')">en Français</a></div> <div id="choixlang"><a href="/Scratch/fr/" onclick="setLanguage('fr')">en Français</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div> <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
<hgroup>
<h1>
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">YPassword</a>
</h1>
</hgroup>
<nav id="mainnav"> <nav id="mainnav">
<ul> <ul>
<ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul> <ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul>
@ -152,7 +152,7 @@ Your password is copied, you can paste it.
</div> </div>
<footer> <footer>
<ul class="article_metadata"> <ul class="article_metadata">
<li>Modified: <time>05/16/2011</time></li> <li>Modified: <time>06/28/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>

40
site/src/main.sass
View file

@ -33,13 +33,18 @@ $main-background-color: $ycolorb
body body
background: $main-background-color background: $main-background-color
&.bp &.bp
margin-top: 30px
background: $main-background-color background: $main-background-color
h1,h2,h3,h4,h5,h6 h1,h2,h3,h4,h5,h6
color: $ycolor4 color: $ycolor4
font-weight: bold font-weight: bold
letter-spacing: -0.05em letter-spacing: -0.05em
+text-shadow($ycolor6 -1px -1px 0px,$ycolorb 0px 1px 0px ) +text-shadow($ycolor6 -1px -1px 0px,$ycolorb 0px 1px 0px )
a
color: $ycolor2
&:visited
color: $ycolor2
&:hover, &:active
color: $higlightcolor
a:hover a:hover
+text-shadow($ycolor6 -1px -1px 0px ,$ycolorb 0px 1px 0px ,rgba(#38C,0.5) 0 0 4px ) +text-shadow($ycolor6 -1px -1px 0px ,$ycolorb 0px 1px 0px ,rgba(#38C,0.5) 0 0 4px )
a a
@ -92,19 +97,6 @@ h1
&:hover &:hover
background-color: rgba(#000,0.05) background-color: rgba(#000,0.05)
=ybutton
text-align: center
text-size: 14px
padding: 4px
height: 22px
+text-shadow(rgba(#000,0.5) 0px -1px 0px,rgba(#FFF,0.5) 0px 1px 0px )
+button-base
+border-radius(22px)
+button-colors($ycolor6, rgba(#000,0.2), rgba(#000,0.3), rgba(#FFF,0.5))
&:hover
+text-shadow(#38C 0 0 3px, rgba(#000,0.5) 0px -1px 0px,rgba(#FFF,0.5) 0px 1px 0px )
+button-colors($ycolorb, rgba(#000,0.3), rgba(#000,0.5), rgba(#FFF,0.5))
=button =button
+text-shadow(rgba(#000,0.5) 0px -1px 0px,rgba(#FFF,0.5) 0px 1px 0px ) +text-shadow(rgba(#000,0.5) 0px -1px 0px,rgba(#FFF,0.5) 0px 1px 0px )
+border-radius(3px) +border-radius(3px)
@ -125,8 +117,15 @@ h1
+button +button
width: 100% width: 100%
#mainnav
+column(24,true)
background: rgba(#831,.2)
+prepend-top(40px)
+append-bottom(40px)
#mainlinks #mainlinks
+push(3) +push(2)
+column(22)
#choixrss #choixrss
text-align: right text-align: right
@ -135,22 +134,17 @@ h1
+column(4) +column(4)
+last +last
a a
+button
width: 100% width: 100%
+ybutton
#mainnav #mainnav
ul ul
padding-left: 0 padding-left: 0
list-style-type: none list-style-type: none
+column(24)
+last
margin: 0 auto margin: 0 auto
li li
+column(6) +column(5)
* background: rgba(#000,.2)
display: block
text-align: center
width: 100%
footer footer
+column(24) +column(24)
+last +last