diff --git a/content/html/en/index.md b/content/html/en/index.md index d2a973a..d72f4df 100644 --- a/content/html/en/index.md +++ b/content/html/en/index.md @@ -1,5 +1,5 @@ ----- -title: YPassword +title: Sharies noSubMenu: true menupriority: 1 ----- @@ -16,52 +16,41 @@ end
-
Easy, Secure & Portable Password Manager
+
Share your stuff!
-

One different password for each website.
- If some are compromised, there is not way to find another one.
- You only have to remember one password.

+

Once you've read an inspiring book +
Share it with others, just drop it somewhere +
Take a photo and make it a sharie!

-
+
main view -

Easy

-

Remember only one Master Password

+

Share

+

You have an object you want to share?

    -
  1. Tab "go to website"
  2. -
  3. Paste
  4. -
  5. Enjoy
  6. -
-
    -
  1. Tap on login or password, it's copied
  2. -
  3. Go in any other app
  4. -
  5. Paste
  6. -
  7. Enjoy
  8. +
  9. Drop it in a public area
  10. +
  11. Take a Photo
  12. +
  13. Share it!
-
+
Main Password View -

Secure

-

Only strong password provided using SHA1

-

Knowing one of your password make it almost - impossible to know your master password or other - passwords.

+

Discover

+

Open _sharies_ and find stuff around you!

+

Then just take it!

+

Once used, you could share it again.

-
-

Portable

-

You can use YPassword on:

-
    -
  • iPhone,
  • -
  • Mac using Dashboard widget,
  • -
  • on UNIX system using the command line openssl
  • -
+
+

Watch their life

+

You can follow the life of your object.

+

You can other people comment

diff --git a/content/html/fr/index.md b/content/html/fr/index.md index d2a973a..d72f4df 100644 --- a/content/html/fr/index.md +++ b/content/html/fr/index.md @@ -1,5 +1,5 @@ ----- -title: YPassword +title: Sharies noSubMenu: true menupriority: 1 ----- @@ -16,52 +16,41 @@ end
-
Easy, Secure & Portable Password Manager
+
Share your stuff!
-

One different password for each website.
- If some are compromised, there is not way to find another one.
- You only have to remember one password.

+

Once you've read an inspiring book +
Share it with others, just drop it somewhere +
Take a photo and make it a sharie!

-
+
main view -

Easy

-

Remember only one Master Password

+

Share

+

You have an object you want to share?

    -
  1. Tab "go to website"
  2. -
  3. Paste
  4. -
  5. Enjoy
  6. -
-
    -
  1. Tap on login or password, it's copied
  2. -
  3. Go in any other app
  4. -
  5. Paste
  6. -
  7. Enjoy
  8. +
  9. Drop it in a public area
  10. +
  11. Take a Photo
  12. +
  13. Share it!
-
+
Main Password View -

Secure

-

Only strong password provided using SHA1

-

Knowing one of your password make it almost - impossible to know your master password or other - passwords.

+

Discover

+

Open _sharies_ and find stuff around you!

+

Then just take it!

+

Once used, you could share it again.

-
-

Portable

-

You can use YPassword on:

-
    -
  • iPhone,
  • -
  • Mac using Dashboard widget,
  • -
  • on UNIX system using the command line openssl
  • -
+
+

Watch their life

+

You can follow the life of your object.

+

You can other people comment

diff --git a/lib/html.rb b/lib/html.rb index e4bec2d..3bd466f 100644 --- a/lib/html.rb +++ b/lib/html.rb @@ -45,7 +45,7 @@ def page_title else h2text=@item[:content_for_title] end - tmp=%{

YPassword

#{h2text}

} + tmp=%{

Sharies

#{h2text}

} unless @item[:subtitle].nil? and @item[:content_for_subtitle].nil? if @item[:content_for_subtitle].nil? h3text=@item[:subtitle] diff --git a/multi/index.md b/multi/index.md index d2a973a..d72f4df 100644 --- a/multi/index.md +++ b/multi/index.md @@ -1,5 +1,5 @@ ----- -title: YPassword +title: Sharies noSubMenu: true menupriority: 1 ----- @@ -16,52 +16,41 @@ end
-
Easy, Secure & Portable Password Manager
+
Share your stuff!
-

One different password for each website.
- If some are compromised, there is not way to find another one.
- You only have to remember one password.

+

Once you've read an inspiring book +
Share it with others, just drop it somewhere +
Take a photo and make it a sharie!

-
+
main view -

Easy

-

Remember only one Master Password

+

Share

+

You have an object you want to share?

    -
  1. Tab "go to website"
  2. -
  3. Paste
  4. -
  5. Enjoy
  6. -
-
    -
  1. Tap on login or password, it's copied
  2. -
  3. Go in any other app
  4. -
  5. Paste
  6. -
  7. Enjoy
  8. +
  9. Drop it in a public area
  10. +
  11. Take a Photo
  12. +
  13. Share it!
-
+
Main Password View -

Secure

-

Only strong password provided using SHA1

-

Knowing one of your password make it almost - impossible to know your master password or other - passwords.

+

Discover

+

Open _sharies_ and find stuff around you!

+

Then just take it!

+

Once used, you could share it again.

-
-

Portable

-

You can use YPassword on:

-
    -
  • iPhone,
  • -
  • Mac using Dashboard widget,
  • -
  • on UNIX system using the command line openssl
  • -
+
+

Watch their life

+

You can follow the life of your object.

+

You can other people comment

diff --git a/site/Scratch/en/blog/2011-05-05-Screenshots/index.html b/site/Scratch/en/blog/2011-05-05-Screenshots/index.html index ab40f8e..a9ecdf0 100644 --- a/site/Scratch/en/blog/2011-05-05-Screenshots/index.html +++ b/site/Scratch/en/blog/2011-05-05-Screenshots/index.html @@ -45,10 +45,10 @@
-

YPassword

Screenshots

+

Sharies

Screenshots

diff --git a/site/Scratch/en/blog/feed/feed.xml b/site/Scratch/en/blog/feed/feed.xml index f21194f..3d6b2f9 100644 --- a/site/Scratch/en/blog/feed/feed.xml +++ b/site/Scratch/en/blog/feed/feed.xml @@ -14,10 +14,6 @@ Screenshots 2011-05-05T09:27:11Z 2011-05-05T09:27:11Z - - Yann Esposito - yannesposito.com - <div class="intro"> diff --git a/site/Scratch/en/blog/index.html b/site/Scratch/en/blog/index.html index 95b46ae..56fb1c4 100644 --- a/site/Scratch/en/blog/index.html +++ b/site/Scratch/en/blog/index.html @@ -45,10 +45,10 @@
-

YPassword

Blog

+

Sharies

Blog

diff --git a/site/Scratch/en/getit/index.html b/site/Scratch/en/getit/index.html index e11fd88..83ca399 100644 --- a/site/Scratch/en/getit/index.html +++ b/site/Scratch/en/getit/index.html @@ -45,10 +45,10 @@
-

YPassword

Get it!

+

Sharies

Get it!

diff --git a/site/Scratch/en/index.html b/site/Scratch/en/index.html index 0ec0319..640aeb0 100644 --- a/site/Scratch/en/index.html +++ b/site/Scratch/en/index.html @@ -14,7 +14,7 @@ Remove this if you use the .htaccess --> - YPassword + Sharies @@ -45,10 +45,10 @@
-

YPassword

+

Sharies

Get it! »

@@ -60,52 +60,41 @@
-
Easy, Secure & Portable Password Manager
+
Share your stuff!
-

One different password for each website.
- If some are compromised, there is not way to find another one.
- You only have to remember one password.

+

Once you've read an inspiring book +
Share it with others, just drop it somewhere +
Take a photo and make it a sharie!

-
+
main view -

Easy

-

Remember only one Master Password

+

Share

+

You have an object you want to share?

    -
  1. Tab "go to website"
  2. -
  3. Paste
  4. -
  5. Enjoy
  6. -
-
    -
  1. Tap on login or password, it's copied
  2. -
  3. Go in any other app
  4. -
  5. Paste
  6. -
  7. Enjoy
  8. +
  9. Drop it in a public area
  10. +
  11. Take a Photo
  12. +
  13. Share it!
-
+
Main Password View -

Secure

-

Only strong password provided using SHA1

-

Knowing one of your password make it almost - impossible to know your master password or other - passwords.

+

Discover

+

Open _sharies_ and find stuff around you!

+

Then just take it!

+

Once used, you could share it again.

-
-

Portable

-

You can use YPassword on:

-
    -
  • iPhone,
  • -
  • Mac using Dashboard widget,
  • -
  • on UNIX system using the command line openssl
  • -
+
+

Watch their life

+

You can follow the life of your object.

+

You can other people comment

diff --git a/site/Scratch/en/support/index.html b/site/Scratch/en/support/index.html index 0bf79a1..9320de3 100644 --- a/site/Scratch/en/support/index.html +++ b/site/Scratch/en/support/index.html @@ -45,10 +45,10 @@
-

YPassword

Support

+

Sharies

Support

@@ -76,7 +76,7 @@
diff --git a/site/Scratch/fr/blog/2011-05-05-Screenshots/index.html b/site/Scratch/fr/blog/2011-05-05-Screenshots/index.html index e1d20ed..b97c962 100644 --- a/site/Scratch/fr/blog/2011-05-05-Screenshots/index.html +++ b/site/Scratch/fr/blog/2011-05-05-Screenshots/index.html @@ -45,10 +45,10 @@
-

YPassword

Captures d'écran

+

Sharies

Captures d'écran

diff --git a/site/Scratch/fr/blog/feed/feed.xml b/site/Scratch/fr/blog/feed/feed.xml index d0b9463..3c53f96 100644 --- a/site/Scratch/fr/blog/feed/feed.xml +++ b/site/Scratch/fr/blog/feed/feed.xml @@ -14,10 +14,6 @@ Captures d'écran 2011-05-05T09:27:11Z 2011-05-05T09:27:11Z - - Yann Esposito - yannesposito.com - <div class="intro"> diff --git a/site/Scratch/fr/blog/index.html b/site/Scratch/fr/blog/index.html index 042aa13..ab5e5ed 100644 --- a/site/Scratch/fr/blog/index.html +++ b/site/Scratch/fr/blog/index.html @@ -45,10 +45,10 @@
-

YPassword

Blog

+

Sharies

Blog

diff --git a/site/Scratch/fr/getit/index.html b/site/Scratch/fr/getit/index.html index b16ded0..742d06f 100644 --- a/site/Scratch/fr/getit/index.html +++ b/site/Scratch/fr/getit/index.html @@ -45,10 +45,10 @@
-

YPassword

L'avoir !

+

Sharies

L'avoir !

diff --git a/site/Scratch/fr/index.html b/site/Scratch/fr/index.html index 88501c1..b8510d8 100644 --- a/site/Scratch/fr/index.html +++ b/site/Scratch/fr/index.html @@ -14,7 +14,7 @@ Remove this if you use the .htaccess --> - YPassword + Sharies @@ -45,10 +45,10 @@
-

YPassword

+

Sharies

Get it! »

@@ -60,52 +60,41 @@
-
Easy, Secure & Portable Password Manager
+
Share your stuff!
-

One different password for each website.
- If some are compromised, there is not way to find another one.
- You only have to remember one password.

+

Once you've read an inspiring book +
Share it with others, just drop it somewhere +
Take a photo and make it a sharie!

-
+
main view -

Easy

-

Remember only one Master Password

+

Share

+

You have an object you want to share?

    -
  1. Tab "go to website"
  2. -
  3. Paste
  4. -
  5. Enjoy
  6. -
-
    -
  1. Tap on login or password, it's copied
  2. -
  3. Go in any other app
  4. -
  5. Paste
  6. -
  7. Enjoy
  8. +
  9. Drop it in a public area
  10. +
  11. Take a Photo
  12. +
  13. Share it!
-
+
Main Password View -

Secure

-

Only strong password provided using SHA1

-

Knowing one of your password make it almost - impossible to know your master password or other - passwords.

+

Discover

+

Open _sharies_ and find stuff around you!

+

Then just take it!

+

Once used, you could share it again.

-
-

Portable

-

You can use YPassword on:

-
    -
  • iPhone,
  • -
  • Mac using Dashboard widget,
  • -
  • on UNIX system using the command line openssl
  • -
+
+

Watch their life

+

You can follow the life of your object.

+

You can other people comment

diff --git a/site/Scratch/fr/support/index.html b/site/Scratch/fr/support/index.html index 87e0951..3c1cbff 100644 --- a/site/Scratch/fr/support/index.html +++ b/site/Scratch/fr/support/index.html @@ -45,10 +45,10 @@
-

YPassword

Aide

+

Sharies

Aide

@@ -76,7 +76,7 @@
diff --git a/site/Scratch/sitemap.xml b/site/Scratch/sitemap.xml index 4921803..ef56b53 100644 --- a/site/Scratch/sitemap.xml +++ b/site/Scratch/sitemap.xml @@ -1,55 +1,55 @@ - + http://ypassword.espozito.com/Scratch/fr/blog/2011-05-05-Screenshots/ - 2011-07-12 + 2011-10-12 http://ypassword.espozito.com/Scratch/en/getit/ - 2011-07-24 + 2011-10-12 http://ypassword.espozito.com/Scratch/fr/blog/ - 2011-07-27 + 2011-10-12 http://ypassword.espozito.com/Scratch/fr/getit/ - 2011-07-24 + 2011-10-12 http://ypassword.espozito.com/Scratch/en/support/ - 2011-08-09 + 2011-10-12 http://ypassword.espozito.com/Scratch/en/blog/feed/feed.xml - 2011-05-02 + 2011-10-12 http://ypassword.espozito.com/Scratch/fr/support/ - 2011-08-09 + 2011-10-12 http://ypassword.espozito.com/Scratch/en/ - 2011-07-27 + 2011-10-12 http://ypassword.espozito.com/Scratch/en/blog/2011-05-05-Screenshots/ - 2011-07-12 + 2011-10-12 http://ypassword.espozito.com/Scratch/sitemap.xml - 2011-05-02 + 2011-10-12 http://ypassword.espozito.com/Scratch/fr/blog/feed/feed.xml - 2011-05-02 + 2011-10-12 http://ypassword.espozito.com/Scratch/en/blog/ - 2011-07-27 + 2011-10-12 http://ypassword.espozito.com/Scratch/fr/ - 2011-07-27 + 2011-10-12 diff --git a/site/css/main.css b/site/css/main.css index f4bdfe5..a8f5438 100644 --- a/site/css/main.css +++ b/site/css/main.css @@ -1,11 +1,12 @@ /* line 37, ../src/main.sass */ body { - color: #41444a; + color: #445577; margin: 0; - font-family: Futura, Molengo, sans-serif; + font-family: Georgia, Palatino, serif; + line-height: 1.6em; background: #efeff4; } -/* line 42, ../src/main.sass */ +/* line 43, ../src/main.sass */ body hr { clear: both; color: #b4b8c5; @@ -15,39 +16,40 @@ body hr { width: 300px; margin: 2em auto; } -/* line 50, ../src/main.sass */ +/* line 51, ../src/main.sass */ body h1, body h2, body h3, body h4, body h5, body h6 { color: #60646c; + line-height: 1em; font-weight: bold; letter-spacing: -0.05em; } -/* line 54, ../src/main.sass */ -body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a { - color: #9ca1ad; -} /* line 56, ../src/main.sass */ -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; +body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a { + color: #99aacc; } /* line 58, ../src/main.sass */ -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: #4269a7; +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: #99aacc; } /* line 60, ../src/main.sass */ +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: #4477bb; +} +/* line 62, ../src/main.sass */ body a { text-decoration: none; color: #60646c; } -/* line 63, ../src/main.sass */ +/* line 65, ../src/main.sass */ body a:visited { color: #60646c; } -/* line 65, ../src/main.sass */ +/* line 67, ../src/main.sass */ body a:hover, body a:active { - color: #4269a7; + color: #4477bb; } -/* line 69, ../src/main.sass */ +/* line 71, ../src/main.sass */ * { -moz-transition-property: all; -webkit-transition-property: all; @@ -59,95 +61,101 @@ body a:hover, body a:active { transition-duration: 0.5s; } -/* line 72, ../src/main.sass */ +/* line 74, ../src/main.sass */ hgroup#maintitle { margin: 1em 0; font-size: 2em; border-top: solid 1px black; border-bottom: solid 1px white; - -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; - -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; - -o-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; - box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #60646c), color-stop(100%, #51555c)); - background-image: -webkit-linear-gradient(top, #60646c, #51555c); - background-image: -moz-linear-gradient(top, #60646c, #51555c); - background-image: -o-linear-gradient(top, #60646c, #51555c); - background-image: linear-gradient(top, #60646c, #51555c); + -moz-box-shadow: rgba(68, 85, 119, 0.6) 0 0 4px inset; + -webkit-box-shadow: rgba(68, 85, 119, 0.6) 0 0 4px inset; + -o-box-shadow: rgba(68, 85, 119, 0.6) 0 0 4px inset; + box-shadow: rgba(68, 85, 119, 0.6) 0 0 4px inset; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c7def4), color-stop(100%, #d7eef4)); + background-image: -webkit-linear-gradient(top, #c7def4, #d7eef4); + background-image: -moz-linear-gradient(top, #c7def4, #d7eef4); + background-image: -o-linear-gradient(top, #c7def4, #d7eef4); + background-image: -ms-linear-gradient(top, #c7def4, #d7eef4); + background-image: linear-gradient(top, #c7def4, #d7eef4); } -/* line 75, ../src/main.sass */ +/* line 77, ../src/main.sass */ hgroup#maintitle h1, hgroup#maintitle h2 { margin: 0.3em; } -/* line 77, ../src/main.sass */ +/* line 79, ../src/main.sass */ hgroup#maintitle h1, hgroup#maintitle h1 a, hgroup#maintitle h2, hgroup#maintitle h2 a { font-weight: normal; - color: #0f1011; + font-variant: small-caps; + color: #445577; text-shadow: 0 0 2px rgba(239, 239, 244, 0.5); } -/* line 81, ../src/main.sass */ +/* line 84, ../src/main.sass */ hgroup#maintitle h1 a:hover, hgroup#maintitle h2 a:hover { color: #002255; } -/* line 83, ../src/main.sass */ +/* line 86, ../src/main.sass */ hgroup#maintitle h2 { font-size: 0.8em; } -/* line 91, ../src/main.sass */ +/* line 94, ../src/main.sass */ footer { font-size: 0.8em; } -/* line 95, ../src/main.sass */ +/* line 98, ../src/main.sass */ #container > footer { padding: 3em 0; - color: #0f1011; + color: #445577; text-shadow: 0 0 2px rgba(239, 239, 244, 0.5); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #60646c), color-stop(100%, #51555c)); background-image: -webkit-linear-gradient(top, #60646c, #51555c); background-image: -moz-linear-gradient(top, #60646c, #51555c); background-image: -o-linear-gradient(top, #60646c, #51555c); + background-image: -ms-linear-gradient(top, #60646c, #51555c); background-image: linear-gradient(top, #60646c, #51555c); } -/* line 96, ../src/main.sass */ +/* line 99, ../src/main.sass */ #container > footer * { width: 960px; margin: 0 auto; } -/* line 99, ../src/main.sass */ +/* line 102, ../src/main.sass */ #container > footer a { color: #1f2024; } -/* line 101, ../src/main.sass */ +/* line 104, ../src/main.sass */ #container > footer a:hover { color: #002255; } -/* line 115, ../src/main.sass */ +/* line 118, ../src/main.sass */ .clickable { cursor: pointer; } -/* line 119, ../src/main.sass */ +/* line 122, ../src/main.sass */ #container { width: span(24); margin: 0 auto; } -/* line 124, ../src/main.sass */ +/* line 127, ../src/main.sass */ a { text-decoration: none; } -/* line 127, ../src/main.sass */ +/* line 130, ../src/main.sass */ h1, h2 { text-align: center; } -/* line 137, ../src/main.sass */ +/* line 143, ../src/main.sass */ .block { - background-color: #e3e5ed; + background-color: #d7eef4; + background-image: url("/img/main/collines.png"); + background-position: 0 100%; + background-repeat: no-repeat; -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; @@ -159,28 +167,28 @@ h1, h2 { -khtml-border-radius: 5px; border-radius: 5px; } -/* line 134, ../src/main.sass */ +/* line 140, ../src/main.sass */ .block > * { margin: 20px; } -/* line 139, ../src/main.sass */ +/* line 145, ../src/main.sass */ .block:hover { background-color: rgba(0, 0, 0, 0.05); } -/* line 183, ../src/main.sass */ +/* line 189, ../src/main.sass */ #prelinks { width: 960px; margin: 0.5em auto; height: 1em; } -/* line 189, ../src/main.sass */ +/* line 195, ../src/main.sass */ #choixlang { float: left; font-size: 14px; } -/* line 144, ../src/main.sass */ +/* line 150, ../src/main.sass */ #choixlang a:hover { color: #efeff4; background-color: rgba(0, 0, 0, 0.3); @@ -189,16 +197,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; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; } -/* line 148, ../src/main.sass */ +/* line 154, ../src/main.sass */ #choixlang a:active { background-color: rgba(0, 0, 0, 0.5); text-shadow: 0 0 2px black; } -/* line 151, ../src/main.sass */ +/* line 157, ../src/main.sass */ #choixlang a { - color: #9ca1ad; + color: #99aacc; } -/* line 153, ../src/main.sass */ +/* line 159, ../src/main.sass */ #choixlang a, #choixlang span { padding: 0.2em; -moz-border-radius: 2ex; @@ -211,11 +219,11 @@ h1, h2 { width: 100%; display: inline-block; } -/* line 159, ../src/main.sass */ +/* line 165, ../src/main.sass */ #choixlang a:hover, #choixlang span:hover { color: #efeff4; } -/* line 161, ../src/main.sass */ +/* line 167, ../src/main.sass */ #choixlang span { color: #efeff4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3); @@ -226,12 +234,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; } -/* line 193, ../src/main.sass */ +/* line 199, ../src/main.sass */ #choixrss { float: right; font-size: 14px; } -/* line 144, ../src/main.sass */ +/* line 150, ../src/main.sass */ #choixrss a:hover { color: #efeff4; background-color: rgba(0, 0, 0, 0.3); @@ -240,16 +248,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; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; } -/* line 148, ../src/main.sass */ +/* line 154, ../src/main.sass */ #choixrss a:active { background-color: rgba(0, 0, 0, 0.5); text-shadow: 0 0 2px black; } -/* line 151, ../src/main.sass */ +/* line 157, ../src/main.sass */ #choixrss a { - color: #9ca1ad; + color: #99aacc; } -/* line 153, ../src/main.sass */ +/* line 159, ../src/main.sass */ #choixrss a, #choixrss span { padding: 0.2em; -moz-border-radius: 2ex; @@ -262,11 +270,11 @@ h1, h2 { width: 100%; display: inline-block; } -/* line 159, ../src/main.sass */ +/* line 165, ../src/main.sass */ #choixrss a:hover, #choixrss span:hover { color: #efeff4; } -/* line 161, ../src/main.sass */ +/* line 167, ../src/main.sass */ #choixrss span { color: #efeff4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3); @@ -277,18 +285,18 @@ h1, h2 { 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 204, ../src/main.sass */ #mainnav { width: 600px; padding: 0; margin: 0 auto; } -/* line 202, ../src/main.sass */ +/* line 208, ../src/main.sass */ #mainnav ul { padding: 0; list-style-type: none; } -/* line 205, ../src/main.sass */ +/* line 211, ../src/main.sass */ #mainnav ul li { text-align: center; float: left; @@ -296,7 +304,7 @@ h1, h2 { margin: 0 3px; font-size: 14px; } -/* line 144, ../src/main.sass */ +/* line 150, ../src/main.sass */ #mainnav ul li a:hover { color: #efeff4; background-color: rgba(0, 0, 0, 0.3); @@ -305,16 +313,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; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; } -/* line 148, ../src/main.sass */ +/* line 154, ../src/main.sass */ #mainnav ul li a:active { background-color: rgba(0, 0, 0, 0.5); text-shadow: 0 0 2px black; } -/* line 151, ../src/main.sass */ +/* line 157, ../src/main.sass */ #mainnav ul li a { - color: #9ca1ad; + color: #99aacc; } -/* line 153, ../src/main.sass */ +/* line 159, ../src/main.sass */ #mainnav ul li a, #mainnav ul li span { padding: 0.2em; -moz-border-radius: 2ex; @@ -327,11 +335,11 @@ h1, h2 { width: 100%; display: inline-block; } -/* line 159, ../src/main.sass */ +/* line 165, ../src/main.sass */ #mainnav ul li a:hover, #mainnav ul li span:hover { color: #efeff4; } -/* line 161, ../src/main.sass */ +/* line 167, ../src/main.sass */ #mainnav ul li span { color: #efeff4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3); @@ -341,34 +349,37 @@ 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; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; } -/* line 211, ../src/main.sass */ +/* line 217, ../src/main.sass */ #mainnav ul li * { font-size: 1em; } -/* line 215, ../src/main.sass */ +/* line 221, ../src/main.sass */ .flush { clear: both !important; } -/* line 218, ../src/main.sass */ +/* line 224, ../src/main.sass */ .clean { background: none; border: none; margin: none; } -/* line 223, ../src/main.sass */ +/* line 229, ../src/main.sass */ #main { width: 960px; margin: 0 auto; } -/* line 227, ../src/main.sass */ +/* line 233, ../src/main.sass */ body.std #main > article, .slideshow { padding: 3em; margin: 3em 0; - background-color: #e3e5ed; + background-color: #d7eef4; + background-image: url("/img/main/collines.png"); + background-position: 0 100%; + background-repeat: no-repeat; -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; @@ -380,46 +391,49 @@ body.std #main > article, .slideshow { -khtml-border-radius: 5px; border-radius: 5px; } -/* line 134, ../src/main.sass */ +/* line 140, ../src/main.sass */ body.std #main > article > *, .slideshow > * { margin: 20px; } -/* line 232, ../src/main.sass */ +/* line 238, ../src/main.sass */ .slideshow { color: #60646c; font-size: 1.2em; } -/* line 235, ../src/main.sass */ +/* line 241, ../src/main.sass */ .slideshow h3 { font-size: 2em; - color: #9ca1ad; + color: #99aacc; text-shadow: 0 0 3px white; margin-bottom: 2em; } -/* line 241, ../src/main.sass */ +/* line 247, ../src/main.sass */ .center { margin: 0 auto; text-align: center; } -/* line 245, ../src/main.sass */ +/* line 251, ../src/main.sass */ .leftimage { float: left; } -/* line 247, ../src/main.sass */ +/* line 253, ../src/main.sass */ .rightimage { float: right; } -/* line 250, ../src/main.sass */ +/* line 256, ../src/main.sass */ img.left { float: left; padding: 10px; max-width: 10em; - background-color: #e3e5ed; + background-color: #d7eef4; + background-image: url("/img/main/collines.png"); + background-position: 0 100%; + background-repeat: no-repeat; -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; @@ -433,30 +447,33 @@ img.left { margin: 0 2em; background: #efeff4; } -/* line 134, ../src/main.sass */ +/* line 140, ../src/main.sass */ img.left > * { margin: 20px; } -/* line 258, ../src/main.sass */ +/* line 264, ../src/main.sass */ ul.article_metadata { list-style-type: none; text-align: right; color: #b4b8c5; } -/* line 262, ../src/main.sass */ +/* line 268, ../src/main.sass */ ul.article_metadata a { - color: #9ca1ad; + color: #99aacc; } -/* line 264, ../src/main.sass */ +/* line 270, ../src/main.sass */ ul.article_metadata a:hover { - color: #315896; + color: #3366bb; } -/* line 267, ../src/main.sass */ +/* line 273, ../src/main.sass */ #tagcloud { background: #efeff4; - background-color: #e3e5ed; + background-color: #d7eef4; + background-image: url("/img/main/collines.png"); + background-position: 0 100%; + background-repeat: no-repeat; -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; @@ -471,21 +488,21 @@ ul.article_metadata a:hover { width: 600px; margin: 1em auto; } -/* line 134, ../src/main.sass */ +/* line 140, ../src/main.sass */ #tagcloud > * { margin: 20px; } -/* line 273, ../src/main.sass */ +/* line 279, ../src/main.sass */ #tagcloud a:hover { cursor: pointer; } -/* line 276, ../src/main.sass */ +/* line 282, ../src/main.sass */ #elementblock { width: 600px; margin: 0 auto 4em auto; } -/* line 279, ../src/main.sass */ +/* line 285, ../src/main.sass */ #elementblock ul.menu { background-color: #efeff4; -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; @@ -502,7 +519,7 @@ ul.article_metadata a:hover { padding: 0; list-style-type: none; } -/* line 286, ../src/main.sass */ +/* line 292, ../src/main.sass */ #elementblock ul.menu li { display: inline-block; text-align: center; @@ -510,7 +527,7 @@ ul.article_metadata a:hover { margin: 0 23.077px; font-size: 14px; } -/* line 144, ../src/main.sass */ +/* line 150, ../src/main.sass */ #elementblock ul.menu li a:hover { color: #efeff4; background-color: rgba(0, 0, 0, 0.3); @@ -519,16 +536,16 @@ ul.article_metadata a:hover { -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; } -/* line 148, ../src/main.sass */ +/* line 154, ../src/main.sass */ #elementblock ul.menu li a:active { background-color: rgba(0, 0, 0, 0.5); text-shadow: 0 0 2px black; } -/* line 151, ../src/main.sass */ +/* line 157, ../src/main.sass */ #elementblock ul.menu li a { - color: #9ca1ad; + color: #99aacc; } -/* line 153, ../src/main.sass */ +/* line 159, ../src/main.sass */ #elementblock ul.menu li a, #elementblock ul.menu li span { padding: 0.2em; -moz-border-radius: 2ex; @@ -541,11 +558,11 @@ ul.article_metadata a:hover { width: 100%; display: inline-block; } -/* line 159, ../src/main.sass */ +/* line 165, ../src/main.sass */ #elementblock ul.menu li a:hover, #elementblock ul.menu li span:hover { color: #efeff4; } -/* line 161, ../src/main.sass */ +/* line 167, ../src/main.sass */ #elementblock ul.menu li span { color: #efeff4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3); @@ -556,35 +573,38 @@ ul.article_metadata a:hover { box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; } -/* line 293, ../src/main.sass */ +/* line 299, ../src/main.sass */ #related_articles { width: 960px; margin: 3em auto; } -/* line 296, ../src/main.sass */ +/* line 302, ../src/main.sass */ #related_articles #previous_articles { float: left; width: 40%; } -/* line 299, ../src/main.sass */ +/* line 305, ../src/main.sass */ #related_articles #next_articles { float: right; text-align: right; width: 40%; } -/* line 304, ../src/main.sass */ +/* line 310, ../src/main.sass */ .date { font-size: 0.8em; line-height: 2em; float: left; - color: #9ca1ad; + color: #99aacc; margin-right: 1em; } -/* line 311, ../src/main.sass */ +/* line 317, ../src/main.sass */ article article, .archive { - background-color: #e3e5ed; + background-color: #d7eef4; + background-image: url("/img/main/collines.png"); + background-position: 0 100%; + background-repeat: no-repeat; -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; @@ -598,21 +618,24 @@ article article, .archive { background-color: #efeff4; padding: 1em; } -/* line 134, ../src/main.sass */ +/* line 140, ../src/main.sass */ article article > *, .archive > * { margin: 20px; } -/* line 315, ../src/main.sass */ +/* line 321, ../src/main.sass */ article article .content, .archive .content { width: 600px; margin: 0 auto; } -/* line 319, ../src/main.sass */ +/* line 325, ../src/main.sass */ #hiddenDivs { width: 600px; margin: 1em auto; - background-color: #e3e5ed; + background-color: #d7eef4; + background-image: url("/img/main/collines.png"); + background-position: 0 100%; + background-repeat: no-repeat; -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; @@ -626,17 +649,17 @@ article article .content, .archive .content { background-color: #efeff4; padding: 1em; } -/* line 134, ../src/main.sass */ +/* line 140, ../src/main.sass */ #hiddenDivs > * { margin: 20px; } -/* line 327, ../src/main.sass */ +/* line 333, ../src/main.sass */ .archive .button { font-size: 14px; width: 5em; } -/* line 144, ../src/main.sass */ +/* line 150, ../src/main.sass */ .archive .button a:hover { color: #efeff4; background-color: rgba(0, 0, 0, 0.3); @@ -645,16 +668,16 @@ article article .content, .archive .content { -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; } -/* line 148, ../src/main.sass */ +/* line 154, ../src/main.sass */ .archive .button a:active { background-color: rgba(0, 0, 0, 0.5); text-shadow: 0 0 2px black; } -/* line 151, ../src/main.sass */ +/* line 157, ../src/main.sass */ .archive .button a { - color: #9ca1ad; + color: #99aacc; } -/* line 153, ../src/main.sass */ +/* line 159, ../src/main.sass */ .archive .button a, .archive .button span { padding: 0.2em; -moz-border-radius: 2ex; @@ -667,11 +690,11 @@ article article .content, .archive .content { width: 100%; display: inline-block; } -/* line 159, ../src/main.sass */ +/* line 165, ../src/main.sass */ .archive .button a:hover, .archive .button span:hover { color: #efeff4; } -/* line 161, ../src/main.sass */ +/* line 167, ../src/main.sass */ .archive .button span { color: #efeff4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3); @@ -682,36 +705,36 @@ article article .content, .archive .content { box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; } -/* line 331, ../src/main.sass */ +/* line 337, ../src/main.sass */ .return { float: right; opacity: 0.3; } -/* line 334, ../src/main.sass */ +/* line 340, ../src/main.sass */ .return:hover { opacity: 1; } -/* line 337, ../src/main.sass */ +/* line 343, ../src/main.sass */ .big { font-size: 1.2em; } -/* line 340, ../src/main.sass */ +/* line 346, ../src/main.sass */ body.support #main > article { width: 600px; margin: 3em auto; font-size: 1.2em; } -/* line 344, ../src/main.sass */ +/* line 350, ../src/main.sass */ body.support #main > article form { margin: 1em; } -/* line 347, ../src/main.sass */ +/* line 353, ../src/main.sass */ #helloblock { - color: #b4b8c5; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9); + color: #445577; + text-shadow: 0 0 1px #4455aa; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; @@ -719,36 +742,35 @@ body.support #main > article form { -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; - -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; - -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; - -o-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; - box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #60646c), color-stop(100%, #51555c)); - background-image: -webkit-linear-gradient(top, #60646c, #51555c); - background-image: -moz-linear-gradient(top, #60646c, #51555c); - background-image: -o-linear-gradient(top, #60646c, #51555c); - background-image: linear-gradient(top, #60646c, #51555c); + -moz-box-shadow: rgba(68, 85, 119, 0.6) 0 0 5px inset; + -webkit-box-shadow: rgba(68, 85, 119, 0.6) 0 0 5px inset; + -o-box-shadow: rgba(68, 85, 119, 0.6) 0 0 5px inset; + box-shadow: rgba(68, 85, 119, 0.6) 0 0 5px inset; + background-color: #d7eef4; + background-image: url("/img/main/collines.png"); + background-position: 0 100%; + background-repeat: no-repeat; } -/* line 354, ../src/main.sass */ +/* line 363, ../src/main.sass */ #helloblock #logo { float: left; margin-right: 40px; } -/* line 357, ../src/main.sass */ +/* line 366, ../src/main.sass */ #helloblock #blocktitle { font-size: 1.6em; font-weight: normal; } -/* line 360, ../src/main.sass */ +/* line 369, ../src/main.sass */ #helloblock #blocktext { margin: 32px 0; } -/* line 362, ../src/main.sass */ +/* line 371, ../src/main.sass */ #helloblock #getit { float: right; } -/* line 365, ../src/main.sass */ +/* line 374, ../src/main.sass */ iframe { -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px; @@ -762,34 +784,34 @@ iframe { border-radius: 5px; } -/* line 371, ../src/main.sass */ +/* line 380, ../src/main.sass */ input[type=text], textarea { display: block; width: 28em; font-size: 0.9em; - -moz-box-shadow: #868b96 0 0 3px inset, #efeff4 0 0 3px; - -webkit-box-shadow: #868b96 0 0 3px inset, #efeff4 0 0 3px; - -o-box-shadow: #868b96 0 0 3px inset, #efeff4 0 0 3px; - box-shadow: #868b96 0 0 3px inset, #efeff4 0 0 3px; + -moz-box-shadow: #8899bb 0 0 3px inset, #efeff4 0 0 3px; + -webkit-box-shadow: #8899bb 0 0 3px inset, #efeff4 0 0 3px; + -o-box-shadow: #8899bb 0 0 3px inset, #efeff4 0 0 3px; + box-shadow: #8899bb 0 0 3px inset, #efeff4 0 0 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; - border: solid 1px #868b96; + border: solid 1px #8899bb; color: #60646c; background: #efeff4; padding: 1ex; margin: 1em 0; } -/* line 382, ../src/main.sass */ +/* line 391, ../src/main.sass */ textarea { height: 17.305em; } -/* line 385, ../src/main.sass */ +/* line 394, ../src/main.sass */ input[type=submit], .bluebutton { display: block; text-align: center; @@ -810,12 +832,12 @@ input[type=submit], .bluebutton { border: solid 3px #303237; color: #efeff4 !important; font-weight: bold; - background: #4269a7; + background: #4477bb; } -/* line 398, ../src/main.sass */ +/* line 407, ../src/main.sass */ input[type=submit]:hover, .bluebutton:hover { color: #efeff4; text-shadow: 0 0 1px #005588; cursor: pointer; - background: #537ab8; + background: #5588cc; } diff --git a/site/img/main/cloud.png b/site/img/main/cloud.png new file mode 100644 index 0000000..edf11da Binary files /dev/null and b/site/img/main/cloud.png differ diff --git a/site/img/main/collines.png b/site/img/main/collines.png new file mode 100644 index 0000000..9295ac5 Binary files /dev/null and b/site/img/main/collines.png differ diff --git a/site/index.html b/site/index.html index 0ec0319..640aeb0 100644 --- a/site/index.html +++ b/site/index.html @@ -14,7 +14,7 @@ Remove this if you use the .htaccess --> - YPassword + Sharies @@ -45,10 +45,10 @@
-

YPassword

+

Sharies

Get it! »

@@ -60,52 +60,41 @@
-
Easy, Secure & Portable Password Manager
+
Share your stuff!
-

One different password for each website.
- If some are compromised, there is not way to find another one.
- You only have to remember one password.

+

Once you've read an inspiring book +
Share it with others, just drop it somewhere +
Take a photo and make it a sharie!

-
+
main view -

Easy

-

Remember only one Master Password

+

Share

+

You have an object you want to share?

    -
  1. Tab "go to website"
  2. -
  3. Paste
  4. -
  5. Enjoy
  6. -
-
    -
  1. Tap on login or password, it's copied
  2. -
  3. Go in any other app
  4. -
  5. Paste
  6. -
  7. Enjoy
  8. +
  9. Drop it in a public area
  10. +
  11. Take a Photo
  12. +
  13. Share it!
-
+
Main Password View -

Secure

-

Only strong password provided using SHA1

-

Knowing one of your password make it almost - impossible to know your master password or other - passwords.

+

Discover

+

Open _sharies_ and find stuff around you!

+

Then just take it!

+

Once used, you could share it again.

-
-

Portable

-

You can use YPassword on:

-
    -
  • iPhone,
  • -
  • Mac using Dashboard widget,
  • -
  • on UNIX system using the command line openssl
  • -
+
+

Watch their life

+

You can follow the life of your object.

+

You can other people comment

diff --git a/site/src/main.sass b/site/src/main.sass index 3282978..5c53399 100644 --- a/site/src/main.sass +++ b/site/src/main.sass @@ -10,17 +10,17 @@ $stdWidth: 960px $navWidth: 600px $ycolorb: #EFEFF4 -$ycolorc: #E3E5ED +$ycolorc: #d7eef4 $ycolor0: #C9CEDE $ycolor1: #B4B8C5 -$ycolor2: #9CA1AD -$ycolor3: #868B96 +$ycolor2: #99AACC +$ycolor3: #8899BB $ycolor4: #60646C $ycolor5: #51555C $ycolor6: #41444A $ycolor7: #303237 $ycolor8: #1F2024 -$ycolor9: #0F1011 +$ycolor9: #445577 // $higlightcolor: #28C $higlightcolor: $ycolor3 + #025 - #444 @@ -35,9 +35,10 @@ $main-background-color: $ycolorb // Background colors body - color: $ycolor6 + color: $ycolor9 margin: 0 - font-family: Futura, Molengo, sans-serif + font-family: Georgia, Palatino, serif + line-height: 1.6em background: $main-background-color hr clear: both @@ -49,6 +50,7 @@ body margin: 2em auto h1,h2,h3,h4,h5,h6 color: $ycolor4 + line-height: 1em font-weight: bold letter-spacing: -0.05em a @@ -76,6 +78,7 @@ hgroup#maintitle margin: .3em &,a font-weight: normal + font-variant: small-caps color: $ycolor9 text-shadow: 0 0 2px rgba($ycolorb,.5) a:hover @@ -85,8 +88,8 @@ hgroup#maintitle border: top: solid 1px #000 bottom: solid 1px #FFF - +box-shadow(rgba(#000,.6) 0 0 15px inset) - +linear-gradient(color-stops($ycolor4,$ycolor5)) + +box-shadow(rgba($ycolor9,.6) 0 0 4px inset) + +linear-gradient(color-stops(#c7def4,#d7eef4)) footer font-size: .8em @@ -129,6 +132,9 @@ h1,h2 =innerblock background-color: $ycolorc + background-image: url('/img/main/collines.png') + background-position: 0 100% + background-repeat: no-repeat +box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset) +border-radius() & > * @@ -345,12 +351,15 @@ body.support #main > article margin: 1em #helloblock - color: $ycolor1 - text-shadow: 0 -1px 0 rgba(#000,.9) + color: $ycolor9 + text-shadow: 0 0 1px #45A padding: 20px +border-radius() - +box-shadow(rgba(#000,.6) 0 0 15px inset) - +linear-gradient(color-stops($ycolor4,$ycolor5)) + +box-shadow(rgba($ycolor9,.6) 0 0 5px inset) + background-color: $ycolorc + background-image: url('/img/main/collines.png') + background-position: 0 100% + background-repeat: no-repeat #logo float: left margin-right: 40px