// Place all the styles related to the passwords controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: sass-lang.com/
input.password {
border: 1px solid #bbb; width: 500px; height: 25px; text-align: center; color: #808080; font-size: 1.5em;
}
input.slider {
width: 400px;
}
p.slider_box, span#daysrange, span#viewsrange { vertical-align: top; } p.slider_box { margin: .5em; } span#daysrange, span#viewsrange { display: inline-block; width: 80px; text-align: left; }
div.title {
margin: 3em;
}
span.title {
font-size: 4em; color: yellow;
} span.tagline {
font-size: 1.5em;
}
p.payload { margin: 1em; }
p.notes { margin-top: 50px; font-size: .9em; } span.note, span.tip { font-size: .9em; } span.note { color: #808080; } span.tip { font-style: italic; } p.notes a:link, p.notes a:visited, p.notes a:hover, p.notes a:active { font-size: .9em; }
p.url { vertical-align: top; margin: 0;}
p.url input {
border: 1px solid #808080; text-align: center; width: 400px; font-size: .8em;
}
p.url span.clippy {}
/* This is a decent font to display passwords as L, l, 0, o, i, I are fairly distinguishable */ @import url(fonts.googleapis.com/css?family=PT+Mono);
div.payload {
font-family: 'PT Mono', sans-serif; font-size: 4em; line-height: 4em; border-top: 3px solid #eee; border-bottom: 3px solid #eee; background: #000; opacity: 0.5; -khtml-opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity = 50);
}
.cookie-save { font-size: .9em; }
.share_note {
padding: 1em; border: 2px solid yellow; width: 600px; margin-left: auto; margin-right: auto; margin-top: 0; background: #000; filter: alpha(opacity = 90); -khtml-opacity: 0.90; -moz-opacity: 0.90; opacity: 0.9; color: #fff;
}
clippy { display: inline-block; }
clippy span{ display: none; }
clippy:hover span{
display: block; position:absolute; top: 5em; color: #fff; text-align: center; padding: 1px; font-size: .8em; background: #808080; border: 1px solid yellow; z-index: 1; filter: alpha(opacity = 90); -khtml-opacity: 0.90; -moz-opacity: 0.90; opacity: 0.90;
}
div.footer_note {
clear: both; color: #bebebe; margin-top: 100px; text-align: center; font-size: .85em;
}