Nothing special, progress
This commit is contained in:
parent
f8f5f8f92f
commit
06fcc9c6cb
13 changed files with 223 additions and 118 deletions
|
@ -34,9 +34,9 @@ $('document').ready(function() {
|
||||||
<% 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 clickable") %>
|
||||||
<%= block("Easy","javascript:return false;","Remember only one master password", "left easy") %>
|
<%= block("Easy","javascript:return false;","Remember only one master password", "left easy clickable") %>
|
||||||
<%= block("Portable","javascript:return false;","Dashboard widget, Javascript applet, etc...", "left portable") %>
|
<%= block("Portable","javascript:return false;","Dashboard widget, Javascript applet, etc...", "left portable clickable") %>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
|
@ -65,6 +65,9 @@ Your password is copied, you can paste it.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
<%= block("Get it!", "http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8","On the Apple Store") %>
|
<%= block("Get it!",
|
||||||
|
"http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8",
|
||||||
|
"On the Apple Store",
|
||||||
|
"clickable") %>
|
||||||
|
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
|
|
|
@ -34,9 +34,9 @@ $('document').ready(function() {
|
||||||
<% 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 clickable") %>
|
||||||
<%= block("Easy","javascript:return false;","Remember only one master password", "left easy") %>
|
<%= block("Easy","javascript:return false;","Remember only one master password", "left easy clickable") %>
|
||||||
<%= block("Portable","javascript:return false;","Dashboard widget, Javascript applet, etc...", "left portable") %>
|
<%= block("Portable","javascript:return false;","Dashboard widget, Javascript applet, etc...", "left portable clickable") %>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
|
@ -65,6 +65,9 @@ Your password is copied, you can paste it.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
<%= block("Get it!", "http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8","On the Apple Store") %>
|
<%= block("Get it!",
|
||||||
|
"http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8",
|
||||||
|
"On the Apple Store",
|
||||||
|
"clickable") %>
|
||||||
|
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
|
|
|
@ -34,9 +34,9 @@ $('document').ready(function() {
|
||||||
<% 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 clickable") %>
|
||||||
<%= block("Easy","javascript:return false;","Remember only one master password", "left easy") %>
|
<%= block("Easy","javascript:return false;","Remember only one master password", "left easy clickable") %>
|
||||||
<%= block("Portable","javascript:return false;","Dashboard widget, Javascript applet, etc...", "left portable") %>
|
<%= block("Portable","javascript:return false;","Dashboard widget, Javascript applet, etc...", "left portable clickable") %>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
|
@ -65,6 +65,9 @@ Your password is copied, you can paste it.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
<%= block("Get it!", "http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8","On the Apple Store") %>
|
<%= block("Get it!",
|
||||||
|
"http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8",
|
||||||
|
"On the Apple Store",
|
||||||
|
"clickable") %>
|
||||||
|
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
|
|
|
@ -70,7 +70,7 @@
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
|
||||||
<div id="mainlinks">
|
<div id="mainlinks">
|
||||||
<div class="block left secure">
|
<div class="block left secure clickable">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3>
|
<h3>
|
||||||
<a href="javascript:return false;"> Secure
|
<a href="javascript:return false;"> Secure
|
||||||
|
@ -82,7 +82,7 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="block left easy">
|
<div class="block left easy clickable">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3>
|
<h3>
|
||||||
<a href="javascript:return false;"> Easy
|
<a href="javascript:return false;"> Easy
|
||||||
|
@ -94,7 +94,7 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="block left portable">
|
<div class="block left portable clickable">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3>
|
<h3>
|
||||||
<a href="javascript:return false;"> Portable
|
<a href="javascript:return false;"> Portable
|
||||||
|
@ -134,7 +134,7 @@ Your password is copied, you can paste it.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
<div class="block left">
|
<div class="block clickable">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3>
|
<h3>
|
||||||
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8"> Get it!
|
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8"> Get it!
|
||||||
|
|
|
@ -70,7 +70,7 @@
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
|
||||||
<div id="mainlinks">
|
<div id="mainlinks">
|
||||||
<div class="block left secure">
|
<div class="block left secure clickable">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3>
|
<h3>
|
||||||
<a href="javascript:return false;"> Secure
|
<a href="javascript:return false;"> Secure
|
||||||
|
@ -82,7 +82,7 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="block left easy">
|
<div class="block left easy clickable">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3>
|
<h3>
|
||||||
<a href="javascript:return false;"> Easy
|
<a href="javascript:return false;"> Easy
|
||||||
|
@ -94,7 +94,7 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="block left portable">
|
<div class="block left portable clickable">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3>
|
<h3>
|
||||||
<a href="javascript:return false;"> Portable
|
<a href="javascript:return false;"> Portable
|
||||||
|
@ -134,7 +134,7 @@ Your password is copied, you can paste it.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
<div class="block left">
|
<div class="block clickable">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3>
|
<h3>
|
||||||
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8"> Get it!
|
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8"> Get it!
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
/* line 18, ../../../../compass/buttons.scss */
|
/* line 18, ../src/buttons.scss */
|
||||||
a.button {
|
a.button {
|
||||||
display: inline;
|
display: inline;
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -17,7 +17,7 @@ a.button {
|
||||||
border-color: #eeeeee #dedede #dedede #eeeeee;
|
border-color: #eeeeee #dedede #dedede #eeeeee;
|
||||||
color: #565656;
|
color: #565656;
|
||||||
}
|
}
|
||||||
/* line 75, /var/lib/gems/1.8/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
/* line 75, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||||
a.button img {
|
a.button img {
|
||||||
margin: 0 3px -3px 0 !important;
|
margin: 0 3px -3px 0 !important;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
@ -26,20 +26,20 @@ a.button img {
|
||||||
height: 16px;
|
height: 16px;
|
||||||
float: none;
|
float: none;
|
||||||
}
|
}
|
||||||
/* line 62, /var/lib/gems/1.8/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
/* line 62, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||||
a.button:hover {
|
a.button:hover {
|
||||||
background-color: #dff4ff;
|
background-color: #dff4ff;
|
||||||
border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff;
|
border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff;
|
||||||
color: #336699;
|
color: #336699;
|
||||||
}
|
}
|
||||||
/* line 47, /var/lib/gems/1.8/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
/* line 47, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||||
a.button:active {
|
a.button:active {
|
||||||
background-color: #6299c5;
|
background-color: #6299c5;
|
||||||
border-color: #72a9d5 #6299c5 #6299c5 #72a9d5;
|
border-color: #72a9d5 #6299c5 #6299c5 #72a9d5;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 31, ../../../../compass/buttons.scss */
|
/* line 31, ../src/buttons.scss */
|
||||||
button {
|
button {
|
||||||
display: inline;
|
display: inline;
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -60,7 +60,7 @@ button {
|
||||||
border-color: #eeeeee #dedede #dedede #eeeeee;
|
border-color: #eeeeee #dedede #dedede #eeeeee;
|
||||||
color: #565656;
|
color: #565656;
|
||||||
}
|
}
|
||||||
/* line 75, /var/lib/gems/1.8/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
/* line 75, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||||
button img {
|
button img {
|
||||||
margin: 0 3px -3px 0 !important;
|
margin: 0 3px -3px 0 !important;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
@ -69,56 +69,56 @@ button img {
|
||||||
height: 16px;
|
height: 16px;
|
||||||
float: none;
|
float: none;
|
||||||
}
|
}
|
||||||
/* line 95, /var/lib/gems/1.8/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
/* line 95, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||||
button[type] {
|
button[type] {
|
||||||
padding: 4px 10px 4px 7px;
|
padding: 4px 10px 4px 7px;
|
||||||
line-height: 17px;
|
line-height: 17px;
|
||||||
}
|
}
|
||||||
/* line 98, /var/lib/gems/1.8/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
/* line 98, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||||
*:first-child + html button[type] {
|
*:first-child + html button[type] {
|
||||||
padding: 4px 10px 3px 7px;
|
padding: 4px 10px 3px 7px;
|
||||||
}
|
}
|
||||||
/* line 62, /var/lib/gems/1.8/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
/* line 62, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||||
button:hover {
|
button:hover {
|
||||||
background-color: #dff4ff;
|
background-color: #dff4ff;
|
||||||
border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff;
|
border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff;
|
||||||
color: #336699;
|
color: #336699;
|
||||||
}
|
}
|
||||||
/* line 47, /var/lib/gems/1.8/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
/* line 47, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||||
button:active {
|
button:active {
|
||||||
background-color: #6299c5;
|
background-color: #6299c5;
|
||||||
border-color: #72a9d5 #6299c5 #6299c5 #72a9d5;
|
border-color: #72a9d5 #6299c5 #6299c5 #72a9d5;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 39, ../../../../compass/buttons.scss */
|
/* line 39, ../src/buttons.scss */
|
||||||
a.positive, button.positive {
|
a.positive, button.positive {
|
||||||
color: #529214;
|
color: #529214;
|
||||||
}
|
}
|
||||||
/* line 62, /var/lib/gems/1.8/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
/* line 62, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||||
a.positive:hover, button.positive:hover {
|
a.positive:hover, button.positive:hover {
|
||||||
background-color: #e6efc2;
|
background-color: #e6efc2;
|
||||||
border-color: #d6e890 #c6d880 #c6d880 #d6e890;
|
border-color: #d6e890 #c6d880 #c6d880 #d6e890;
|
||||||
color: #529214;
|
color: #529214;
|
||||||
}
|
}
|
||||||
/* line 47, /var/lib/gems/1.8/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
/* line 47, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||||
a.positive:active, button.positive:active {
|
a.positive:active, button.positive:active {
|
||||||
background-color: #529214;
|
background-color: #529214;
|
||||||
border-color: #62a224 #529214 #529214 #62a224;
|
border-color: #62a224 #529214 #529214 #62a224;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 44, ../../../../compass/buttons.scss */
|
/* line 44, ../src/buttons.scss */
|
||||||
a.negative, button.negative {
|
a.negative, button.negative {
|
||||||
color: #d12f19;
|
color: #d12f19;
|
||||||
}
|
}
|
||||||
/* line 62, /var/lib/gems/1.8/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
/* line 62, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||||
a.negative:hover, button.negative:hover {
|
a.negative:hover, button.negative:hover {
|
||||||
background-color: #fbe3e4;
|
background-color: #fbe3e4;
|
||||||
border-color: #ffd2d4 #fbc2c4 #fbc2c4 #ffd2d4;
|
border-color: #ffd2d4 #fbc2c4 #fbc2c4 #ffd2d4;
|
||||||
color: #d12f19;
|
color: #d12f19;
|
||||||
}
|
}
|
||||||
/* line 47, /var/lib/gems/1.8/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
/* line 47, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||||
a.negative:active, button.negative:active {
|
a.negative:active, button.negative:active {
|
||||||
background-color: #d12f19;
|
background-color: #d12f19;
|
||||||
border-color: #e13f29 #d12f19 #d12f19 #e13f29;
|
border-color: #e13f29 #d12f19 #d12f19 #e13f29;
|
||||||
|
|
|
@ -1,38 +1,38 @@
|
||||||
/* line 32, ../src/main.sass */
|
/* line 33, ../src/main.sass */
|
||||||
body {
|
body {
|
||||||
background: #b4b8c5;
|
background: #efeff4;
|
||||||
}
|
}
|
||||||
/* line 34, ../src/main.sass */
|
/* line 35, ../src/main.sass */
|
||||||
body.bp {
|
body.bp {
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
background: #b4b8c5;
|
background: #efeff4;
|
||||||
}
|
}
|
||||||
/* line 37, ../src/main.sass */
|
/* line 38, ../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 42, ../src/main.sass */
|
/* line 43, ../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, 0, 255, 0.7) 0 0 1px;
|
text-shadow: #41444a -1px -1px 0px, #efeff4 0px 1px 0px, rgba(51, 136, 204, 0.5) 0 0 4px;
|
||||||
}
|
}
|
||||||
/* line 44, ../src/main.sass */
|
/* line 45, ../src/main.sass */
|
||||||
body.bp a {
|
body.bp a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #60646c;
|
color: #60646c;
|
||||||
}
|
}
|
||||||
/* line 47, ../src/main.sass */
|
/* line 48, ../src/main.sass */
|
||||||
body.bp a:visited {
|
body.bp a:visited {
|
||||||
color: #60646c;
|
color: #60646c;
|
||||||
}
|
}
|
||||||
/* line 49, ../src/main.sass */
|
/* line 50, ../src/main.sass */
|
||||||
body.bp a:hover, body.bp a:active {
|
body.bp a:hover, body.bp a:active {
|
||||||
color: #2288cc;
|
color: #86adff;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 53, ../src/main.sass */
|
/* line 54, ../src/main.sass */
|
||||||
* {
|
* {
|
||||||
-moz-transition-property: all;
|
-moz-transition-property: all;
|
||||||
-webkit-transition-property: all;
|
-webkit-transition-property: all;
|
||||||
|
@ -45,22 +45,27 @@ body.bp a:hover, body.bp a:active {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 64, ../src/main.sass */
|
/* line 64, ../src/main.sass */
|
||||||
|
.clickable {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* line 68, ../src/main.sass */
|
||||||
#container {
|
#container {
|
||||||
width: 950px;
|
width: 950px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 69, ../src/main.sass */
|
/* line 73, ../src/main.sass */
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 72, ../src/main.sass */
|
/* line 76, ../src/main.sass */
|
||||||
h1 {
|
h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 82, ../src/main.sass */
|
/* line 86, ../src/main.sass */
|
||||||
.block {
|
.block {
|
||||||
display: inline;
|
display: inline;
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -79,22 +84,22 @@ h1 {
|
||||||
-ms-border-radius: 5px;
|
-ms-border-radius: 5px;
|
||||||
-khtml-border-radius: 5px;
|
-khtml-border-radius: 5px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
margin-right: 30px;
|
margin-right: 50px;
|
||||||
}
|
}
|
||||||
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
|
/* line 147, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
|
||||||
* html .block {
|
* html .block {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
/* line 79, ../src/main.sass */
|
/* line 83, ../src/main.sass */
|
||||||
.block > * {
|
.block > * {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
/* line 88, ../src/main.sass */
|
/* line 92, ../src/main.sass */
|
||||||
.block:hover {
|
.block:hover {
|
||||||
background-color: rgba(0, 0, 0, 0.05);
|
background-color: rgba(0, 0, 0, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 103, ../src/main.sass */
|
/* line 122, ../src/main.sass */
|
||||||
#choixlang {
|
#choixlang {
|
||||||
display: inline;
|
display: inline;
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -105,18 +110,19 @@ h1 {
|
||||||
* html #choixlang {
|
* html #choixlang {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
/* line 105, ../src/main.sass */
|
/* line 124, ../src/main.sass */
|
||||||
#choixlang a {
|
#choixlang a {
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
text-size: 14px;
|
|
||||||
padding: 3px;
|
|
||||||
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;
|
||||||
|
@ -126,19 +132,13 @@ h1 {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
-moz-border-radius: 3px;
|
width: auto;
|
||||||
-webkit-border-radius: 3px;
|
overflow: visible;
|
||||||
-o-border-radius: 3px;
|
padding: 4px 10px 3px 7px;
|
||||||
-ms-border-radius: 3px;
|
background-color: #e3e5ed;
|
||||||
-khtml-border-radius: 3px;
|
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: 3px;
|
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: #c9cede;
|
|
||||||
}
|
|
||||||
/* line 7, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
|
|
||||||
#choixlang 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 */
|
||||||
#choixlang a img {
|
#choixlang a img {
|
||||||
|
@ -149,15 +149,43 @@ h1 {
|
||||||
height: 16px;
|
height: 16px;
|
||||||
float: none;
|
float: none;
|
||||||
}
|
}
|
||||||
/* line 99, ../src/main.sass */
|
/* line 95, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/blueprint/stylesheets/blueprint/_buttons.scss */
|
||||||
|
#choixlang 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 #choixlang 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 */
|
||||||
|
#choixlang 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 */
|
||||||
|
#choixlang 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 */
|
||||||
|
#choixlang 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 117, ../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;
|
||||||
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 119, ../src/main.sass */
|
||||||
color: #efeff4;
|
#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;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 109, ../src/main.sass */
|
/* line 128, ../src/main.sass */
|
||||||
#mainlinks {
|
#mainlinks {
|
||||||
display: inline;
|
display: inline;
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -165,7 +193,7 @@ h1 {
|
||||||
margin: 0 -120px 1.5em 120px;
|
margin: 0 -120px 1.5em 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 112, ../src/main.sass */
|
/* line 131, ../src/main.sass */
|
||||||
#choixrss {
|
#choixrss {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
display: inline;
|
display: inline;
|
||||||
|
@ -186,12 +214,13 @@ h1 {
|
||||||
* html #choixrss {
|
* html #choixrss {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
/* line 118, ../src/main.sass */
|
/* line 137, ../src/main.sass */
|
||||||
#choixrss a {
|
#choixrss a {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-size: 14px;
|
text-size: 14px;
|
||||||
padding: 3px;
|
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;
|
display: -moz-inline-box;
|
||||||
-moz-box-orient: vertical;
|
-moz-box-orient: vertical;
|
||||||
|
@ -207,15 +236,15 @@ h1 {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
-moz-border-radius: 3px;
|
-moz-border-radius: 22px;
|
||||||
-webkit-border-radius: 3px;
|
-webkit-border-radius: 22px;
|
||||||
-o-border-radius: 3px;
|
-o-border-radius: 22px;
|
||||||
-ms-border-radius: 3px;
|
-ms-border-radius: 22px;
|
||||||
-khtml-border-radius: 3px;
|
-khtml-border-radius: 22px;
|
||||||
border-radius: 3px;
|
border-radius: 22px;
|
||||||
background-color: rgba(0, 0, 0, 0.2);
|
background-color: rgba(0, 0, 0, 0.2);
|
||||||
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);
|
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: #c9cede;
|
color: #41444a;
|
||||||
}
|
}
|
||||||
/* line 7, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
|
/* line 7, ../../../../../../var/lib/gems/1.8/gems/compass-0.11.3/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
|
||||||
#choixrss a {
|
#choixrss a {
|
||||||
|
@ -230,7 +259,7 @@ h1 {
|
||||||
height: 16px;
|
height: 16px;
|
||||||
float: none;
|
float: none;
|
||||||
}
|
}
|
||||||
/* line 99, ../src/main.sass */
|
/* line 104, ../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);
|
background-color: rgba(0, 0, 0, 0.3);
|
||||||
|
@ -238,7 +267,7 @@ h1 {
|
||||||
color: #efeff4;
|
color: #efeff4;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 123, ../src/main.sass */
|
/* line 142, ../src/main.sass */
|
||||||
#mainnav ul {
|
#mainnav ul {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
|
@ -253,7 +282,7 @@ h1 {
|
||||||
* html #mainnav ul {
|
* html #mainnav ul {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
/* line 129, ../src/main.sass */
|
/* line 148, ../src/main.sass */
|
||||||
#mainnav ul li {
|
#mainnav ul li {
|
||||||
display: inline;
|
display: inline;
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -264,14 +293,14 @@ h1 {
|
||||||
* html #mainnav ul li {
|
* html #mainnav ul li {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
/* line 131, ../src/main.sass */
|
/* line 150, ../src/main.sass */
|
||||||
#mainnav ul li * {
|
#mainnav ul li * {
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 135, ../src/main.sass */
|
/* line 154, ../src/main.sass */
|
||||||
footer {
|
footer {
|
||||||
display: inline;
|
display: inline;
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -284,7 +313,7 @@ footer {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 139, ../src/main.sass */
|
/* line 158, ../src/main.sass */
|
||||||
.flush {
|
.flush {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
BIN
site/img/buttons/cross.png
Normal file
BIN
site/img/buttons/cross.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 655 B |
BIN
site/img/buttons/key.png
Normal file
BIN
site/img/buttons/key.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 455 B |
BIN
site/img/buttons/tick.png
Normal file
BIN
site/img/buttons/tick.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 537 B |
|
@ -34,11 +34,12 @@
|
||||||
<!--[if lt IE 8]>
|
<!--[if lt IE 8]>
|
||||||
<link href="/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
<link href="/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
<!-- CSS: blueprint buttons -->
|
||||||
|
<link href="/css/buttons.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
||||||
|
|
||||||
<!-- CSS: implied media="all" -->
|
<!-- CSS: implied media="all" -->
|
||||||
<!-- Google Fonts -->
|
<!-- Google Fonts -->
|
||||||
<link href='http://fonts.googleapis.com/css?family=Expletus+Sans:bold' rel='stylesheet' type='text/css'>
|
<link href='http://fonts.googleapis.com/css?family=Molengo:regular,bold' rel='stylesheet' type='text/css'>
|
||||||
<link href='http://fonts.googleapis.com/css?family=Kreon:regular,bold' rel='stylesheet' type='text/css'>
|
|
||||||
<link rel="stylesheet" href="/css/main.css">
|
<link rel="stylesheet" href="/css/main.css">
|
||||||
|
|
||||||
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
|
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
|
||||||
|
@ -69,7 +70,7 @@
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
|
||||||
<div id="mainlinks">
|
<div id="mainlinks">
|
||||||
<div class="block left secure">
|
<div class="block left secure clickable">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3>
|
<h3>
|
||||||
<a href="javascript:return false;"> Secure
|
<a href="javascript:return false;"> Secure
|
||||||
|
@ -81,7 +82,7 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="block left easy">
|
<div class="block left easy clickable">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3>
|
<h3>
|
||||||
<a href="javascript:return false;"> Easy
|
<a href="javascript:return false;"> Easy
|
||||||
|
@ -93,7 +94,7 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="block left portable">
|
<div class="block left portable clickable">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3>
|
<h3>
|
||||||
<a href="javascript:return false;"> Portable
|
<a href="javascript:return false;"> Portable
|
||||||
|
@ -133,7 +134,7 @@ Your password is copied, you can paste it.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flush"></div>
|
<div class="flush"></div>
|
||||||
<div class="block left">
|
<div class="block clickable">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h3>
|
<h3>
|
||||||
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8"> Get it!
|
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8"> Get it!
|
||||||
|
@ -151,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/14/2011</time></li>
|
<li>Modified: <time>05/16/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>
|
||||||
|
|
47
site/src/buttons.scss
Normal file
47
site/src/buttons.scss
Normal file
|
@ -0,0 +1,47 @@
|
||||||
|
@import "compass/utilities/general/float";
|
||||||
|
@import "blueprint/buttons";
|
||||||
|
|
||||||
|
// Use the following HTML code to place the buttons on your site:
|
||||||
|
//
|
||||||
|
// <button type="submit" class="button positive">
|
||||||
|
// <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
|
||||||
|
// </button>
|
||||||
|
//
|
||||||
|
// <a class="button" href="/password/reset/">
|
||||||
|
// <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
|
||||||
|
// </a>
|
||||||
|
//
|
||||||
|
// <a href="#" class="button negative">
|
||||||
|
// <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
|
||||||
|
// </a>
|
||||||
|
|
||||||
|
a.button {
|
||||||
|
// you can pass "left" or "right" to +anchor-button to float it in that direction
|
||||||
|
// or you can pass no argument to leave it inline-block (cross browser safe!) within
|
||||||
|
// the flow of your page.
|
||||||
|
@include anchor-button(left);
|
||||||
|
// All the button color mixins take 4 optional arguments:
|
||||||
|
// font color, background color, border color, border highlight color
|
||||||
|
// the first three default to constants set in blueprint/buttons.sass
|
||||||
|
// the last one defaults to a shade lighter than the border color.
|
||||||
|
@include button-colors;
|
||||||
|
@include button-hover-colors;
|
||||||
|
@include button-active-colors; }
|
||||||
|
|
||||||
|
button {
|
||||||
|
// The +button-button mixin is just like the +anchor-button mixin, but for <button> elements.
|
||||||
|
@include button-button(left);
|
||||||
|
@include button-colors;
|
||||||
|
@include button-hover-colors;
|
||||||
|
@include button-active-colors; }
|
||||||
|
|
||||||
|
// We can change the colors for buttons of certain classes, etc.
|
||||||
|
a.positive, button.positive {
|
||||||
|
color: #529214;
|
||||||
|
@include button-hover-colors(#529214, #e6efc2, #c6d880);
|
||||||
|
@include button-active-colors(white, #529214, #529214); }
|
||||||
|
|
||||||
|
a.negative, button.negative {
|
||||||
|
color: #d12f19;
|
||||||
|
@include button-hover-colors(#d12f19, #fbe3e4, #fbc2c4);
|
||||||
|
@include button-active-colors(white, #d12f19, #d12f19); }
|
|
@ -21,11 +21,12 @@ $ycolor7: #303237
|
||||||
$ycolor8: #1F2024
|
$ycolor8: #1F2024
|
||||||
$ycolor9: #0F1011
|
$ycolor9: #0F1011
|
||||||
|
|
||||||
$higlightcolor: #28C
|
// $higlightcolor: #28C
|
||||||
|
$higlightcolor: $ycolor3 + #027
|
||||||
$higlightcolor-shadow: #058
|
$higlightcolor-shadow: #058
|
||||||
$higlightcolor-reflect: #6AF
|
$higlightcolor-reflect: #6AF
|
||||||
|
|
||||||
$main-background-color: $ycolor1
|
$main-background-color: $ycolorb
|
||||||
|
|
||||||
|
|
||||||
// Background colors
|
// Background colors
|
||||||
|
@ -40,7 +41,7 @@ body
|
||||||
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:hover
|
a:hover
|
||||||
+text-shadow($ycolor6 -1px -1px 0px ,$ycolorb 0px 1px 0px ,rgba(#30F,0.7) 0 0 1px )
|
+text-shadow($ycolor6 -1px -1px 0px ,$ycolorb 0px 1px 0px ,rgba(#38C,0.5) 0 0 4px )
|
||||||
a
|
a
|
||||||
text-decoration: none
|
text-decoration: none
|
||||||
color: $ycolor4
|
color: $ycolor4
|
||||||
|
@ -53,13 +54,16 @@ body
|
||||||
*
|
*
|
||||||
+transition
|
+transition
|
||||||
|
|
||||||
=debugblock
|
// =debugblock
|
||||||
+box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset)
|
// +box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset)
|
||||||
background: rgba(#EA6,0.08)
|
// background: rgba(#EA6,0.08)
|
||||||
|
//
|
||||||
// *
|
// *
|
||||||
// +debugblock
|
// +debugblock
|
||||||
|
|
||||||
|
.clickable
|
||||||
|
cursor: pointer
|
||||||
|
|
||||||
// large container
|
// large container
|
||||||
#container
|
#container
|
||||||
width: span(24)
|
width: span(24)
|
||||||
|
@ -84,27 +88,42 @@ h1
|
||||||
+prepend-top(10px)
|
+prepend-top(10px)
|
||||||
+append-bottom(20px)
|
+append-bottom(20px)
|
||||||
+innerblock
|
+innerblock
|
||||||
margin-right: +span(1)
|
margin-right: span(1) + 2 * 10px
|
||||||
&:hover
|
&:hover
|
||||||
background-color: rgba(#000,0.05)
|
background-color: rgba(#000,0.05)
|
||||||
|
|
||||||
=ybutton
|
=ybutton
|
||||||
text-align: center
|
text-align: center
|
||||||
text-size: 14px
|
text-size: 14px
|
||||||
padding: 3px
|
padding: 4px
|
||||||
|
height: 22px
|
||||||
+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 )
|
||||||
+button-base
|
+button-base
|
||||||
+border-radius(3px)
|
+border-radius(22px)
|
||||||
+button-colors($ycolor0, rgba(#000,0.2), rgba(#000,0.3), rgba(#FFF,0.5))
|
+button-colors($ycolor6, rgba(#000,0.2), rgba(#000,0.3), rgba(#FFF,0.5))
|
||||||
&:hover
|
&:hover
|
||||||
+text-shadow(#38C 0 0 3px, rgba(#000,0.5) 0px -1px 0px,rgba(#FFF,0.5) 0px 1px 0px )
|
+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-colors($ycolorb, rgba(#000,0.3), rgba(#000,0.5), rgba(#FFF,0.5))
|
||||||
|
|
||||||
|
=button
|
||||||
|
+text-shadow(rgba(#000,0.5) 0px -1px 0px,rgba(#FFF,0.5) 0px 1px 0px )
|
||||||
|
+border-radius(3px)
|
||||||
|
text-align: center
|
||||||
|
+button-button(left)
|
||||||
|
+button-hover-colors
|
||||||
|
+button-colors($ycolor5, $ycolorc, rgba(#000,.3), rgba(#FFF,.3))
|
||||||
|
+button-hover-colors($higlightcolor + #446, $ycolorc - #111, rgba(#000,.3), rgba(#FFF,.3))
|
||||||
|
+button-active-colors($higlightcolor + #448, $ycolorc - #111, rgba(#FFF,.3), rgba(#000,.3))
|
||||||
|
&:hover
|
||||||
|
+text-shadow(#38C 0 0 3px, rgba(#000,0.5) 0px -1px 0px,rgba(#FFF,0.5) 0px 1px 0px )
|
||||||
|
&:active
|
||||||
|
+text-shadow(#3AF 0 0 4px, rgba(#000,0.5) 0px -1px 0px,rgba(#FFF,0.5) 0px 1px 0px )
|
||||||
|
|
||||||
#choixlang
|
#choixlang
|
||||||
+column(4)
|
+column(4)
|
||||||
a
|
a
|
||||||
|
+button
|
||||||
width: 100%
|
width: 100%
|
||||||
+ybutton
|
|
||||||
|
|
||||||
#mainlinks
|
#mainlinks
|
||||||
+push(3)
|
+push(3)
|
||||||
|
|
Loading…
Reference in a new issue