diff --git a/MasterPassword-iOS.xcodeproj/project.pbxproj b/MasterPassword-iOS.xcodeproj/project.pbxproj index d5a7c9a6..f167b9c7 100644 --- a/MasterPassword-iOS.xcodeproj/project.pbxproj +++ b/MasterPassword-iOS.xcodeproj/project.pbxproj @@ -4961,6 +4961,7 @@ DA3EF18B15A47744003ABF4E /* AppStore */, ); defaultConfigurationIsVisible = 0; + defaultConfigurationName = AdHoc; }; DA4425D31557BED40052177D /* Build configuration list for PBXNativeTarget "iCloudStoreManager" */ = { isa = XCConfigurationList; diff --git a/Site/algorithm.html b/Site/algorithm.html index d3274136..1d801a05 100644 --- a/Site/algorithm.html +++ b/Site/algorithm.html @@ -113,11 +113,15 @@ - +
- + + Great feedback may earn you a free copy for a friend! + +

Master Password

+
Contact | Lyndir | Google+
diff --git a/Site/css/buttons/buttons.css b/Site/css/buttons/buttons.css new file mode 100755 index 00000000..1b735e6a --- /dev/null +++ b/Site/css/buttons/buttons.css @@ -0,0 +1,1090 @@ +/*---------------ICON FONT---------------*/ + +/* +Signify Lite: Free Icon Font by MediaLoot +Replace with Signify (full version) if owned +*/ + +@font-face { + font-family: 'SignifyLite'; + src: url('signifylite-webfont.eot'); + src: url('signifylite-webfont.eot?#iefix') format('embedded-opentype'), + url('signifylite-webfont.woff') format('woff'), + url('signifylite-webfont.ttf') format('truetype'), + url('signifylite-webfont.svg#SignifyLite') format('svg'); + font-weight: normal; + font-style: normal; +} + +.ico_up:before { content:"1"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_right:before { content:"2"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_down:before { content:"3"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_left:before { content:"4"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_mediaplay:before { content:"5"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_mediapause:before { content:"6"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_mediastop:before { content:"7"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_repeat:before { content:"8"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_jumpback:before { content:"9"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_mediarewind:before { content:"<"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_mediaforward:before { content:">"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_action:before { content:"A"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_box:before { content:"B"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_copyright:before { content:"C"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_delete1:before { content:"D"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_email:before { content:"E"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_folder:before { content:"F"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_collection:before { content:"G"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_heart:before { content:"H"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_eye:before { content:"I"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_file:before { content:"J"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_chart:before { content:"K"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_locked:before { content:"L"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_music:before { content:"M"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_news:before { content:"N"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_world:before { content:"O"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_print:before { content:"P"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_playvideo:before { content:"Q"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_original:before { content:"R"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_search:before { content:"S"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_tel:before { content:"T"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_user:before { content:"U"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_video:before { content:"V"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_wifi:before { content:"W"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_cross:before { content:"X"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_settings1:before { content:"Y"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_lightning:before { content:"Z"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} +.ico_link:before { content:"~"; font-family: 'SignifyLite'; font-weight: lighter; font-size: 0.9em; margin: 0 5px 0 -5px;} + + +/*---------------SMALL BUTTONS---------------*/ + +/*SMALL WHITE BUTTON*/ + +.btn_smallwhite { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 6px 15px; + text-align: center; + font: bold 13px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #515151; + text-decoration: none; + border-radius: 3px; + border: 1px solid #ABABAB; + text-shadow: 0px 1px 0px #fff; + + /*Shadows*/ + -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.25); + -webkit-shadow: 0px 1px 2px rgba(0,0,0,0.25); + box-shadow: 0px 1px 2px rgba(0,0,0,0.25); + + /*Gradient*/ + background: #f2f2f2; /* Old browsers */ + background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* W3C */ +} + +.btn_smallwhite:hover { + background: #ffffff; /* Old browsers */ + background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* W3C */ +} + +.btn_smallwhite:active{ + background: #e6e6e6; /* Old browsers */ + background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #e6e6e6 0%,#ffffff 100%); /* W3C */ +} + +/*SMALL BLACK BUTTON*/ + +.btn_smallblack { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 6px 15px; + text-align: center; + font: bold 13px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #ffffff; + text-decoration: none; + border-radius: 3px; + border: 1px solid #000000; + text-shadow: 0px -1px 0px #000000; + + /*Shadows*/ + -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + + /*Gradient*/ + background: #4a4a4a; /* Old browsers */ + background: -moz-linear-gradient(top, #4a4a4a 0%, #171717 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#171717)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #4a4a4a 0%,#171717 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #4a4a4a 0%,#171717 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #4a4a4a 0%,#171717 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#171717',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #4a4a4a 0%,#171717 100%); /* W3C */ +} + +.btn_smallblack:hover { + background: #5b5b5b; /* Old browsers */ + background: -moz-linear-gradient(top, #5b5b5b 0%, #2e2e2e 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#2e2e2e)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#2e2e2e',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%); /* W3C */ +} + +.btn_smallblack:active { + background: #171717; /* Old browsers */ + background: -moz-linear-gradient(top, #171717 0%, #4a4a4a 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#4a4a4a)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #171717 0%,#4a4a4a 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #171717 0%,#4a4a4a 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #171717 0%,#4a4a4a 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #171717 0%,#4a4a4a 100%); /* W3C */ +} + +/*SMALL BLUE BUTTON*/ + +.btn_smallblue { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 6px 15px; + text-align: center; + font: bold 13px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #ffffff; + text-decoration: none; + border-radius: 3px; + border: 1px solid #1D88B9; + text-shadow: 0px -1px 0px #0E5E85; + + /*Shadows*/ + -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + + /*Gradient*/ + background: #8ed2e8; /* Old browsers */ + background: -moz-linear-gradient(top, #8ed2e8 0%, #0099cc 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ed2e8), color-stop(100%,#0099cc)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #8ed2e8 0%,#0099cc 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #8ed2e8 0%,#0099cc 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #8ed2e8 0%,#0099cc 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ed2e8', endColorstr='#0099cc',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #8ed2e8 0%,#0099cc 100%); /* W3C */ +} + +.btn_smallblue:hover { + background: #b4e1f9; /* Old browsers */ + background: -moz-linear-gradient(top, #b4e1f9 0%, #31acd8 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e1f9), color-stop(100%,#31acd8)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #b4e1f9 0%,#31acd8 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #b4e1f9 0%,#31acd8 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #b4e1f9 0%,#31acd8 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e1f9', endColorstr='#31acd8',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #b4e1f9 0%,#31acd8 100%); /* W3C */ +} + +.btn_smallblue:active { + background: #0099cc; /* Old browsers */ + background: -moz-linear-gradient(top, #0099cc 0%, #8ed2e8 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099cc), color-stop(100%,#8ed2e8)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #0099cc 0%,#8ed2e8 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #0099cc 0%,#8ed2e8 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #0099cc 0%,#8ed2e8 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099cc', endColorstr='#8ed2e8',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #0099cc 0%,#8ed2e8 100%); /* W3C */ +} + +/*SMALL GREEN BUTTON*/ + +.btn_smallgreen { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 6px 15px; + text-align: center; + font: bold 13px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #ffffff; + text-decoration: none; + border-radius: 3px; + border: 1px solid #319A00; + text-shadow: 0px -1px 0px #1C7B00; + + /*Shadows*/ + -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + + /*Gradient*/ + background: #b5e978; /* Old browsers */ + background: -moz-linear-gradient(top, #b5e978 0%, #43c600 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5e978), color-stop(100%,#43c600)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #b5e978 0%,#43c600 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #b5e978 0%,#43c600 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #b5e978 0%,#43c600 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e978', endColorstr='#43c600',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #b5e978 0%,#43c600 100%); /* W3C */ +} + +.btn_smallgreen:hover { + background: #e0f591; /* Old browsers */ + background: -moz-linear-gradient(top, #e0f591 0%, #6cd226 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f591), color-stop(100%,#6cd226)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #e0f591 0%,#6cd226 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #e0f591 0%,#6cd226 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #e0f591 0%,#6cd226 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f591', endColorstr='#6cd226',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #e0f591 0%,#6cd226 100%); /* W3C */ +} + +.btn_smallgreen:active { + background: #43c600; /* Old browsers */ + background: -moz-linear-gradient(top, #43c600 0%, #b5e978 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43c600), color-stop(100%,#b5e978)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #43c600 0%,#b5e978 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #43c600 0%,#b5e978 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #43c600 0%,#b5e978 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43c600', endColorstr='#b5e978',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #43c600 0%,#b5e978 100%); /* W3C */ +} + +/*SMALL RED BUTTON*/ + +.btn_smallred { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 6px 15px; + text-align: center; + font: bold 13px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #ffffff; + text-decoration: none; + border-radius: 3px; + border: 1px solid #950014; + text-shadow: 0px -1px 0px #950014; + + /*Shadows*/ + -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + + /*Gradient*/ + background: #e36077; /* Old browsers */ + background: -moz-linear-gradient(top, #e36077 0%, #b90013 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e36077), color-stop(100%,#b90013)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #e36077 0%,#b90013 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #e36077 0%,#b90013 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #e36077 0%,#b90013 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e36077', endColorstr='#b90013',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #e36077 0%,#b90013 100%); /* W3C */ +} + +.btn_smallred:hover{ + background: #e77388; /* Old browsers */ + background: -moz-linear-gradient(top, #e77388 0%, #c41c2f 99%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e77388), color-stop(99%,#c41c2f)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #e77388 0%,#c41c2f 99%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #e77388 0%,#c41c2f 99%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #e77388 0%,#c41c2f 99%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e77388', endColorstr='#c41c2f',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #e77388 0%,#c41c2f 99%); /* W3C */ +} + +.btn_smallred:active { + background: #b90013; /* Old browsers */ + background: -moz-linear-gradient(top, #b90013 0%, #e36077 99%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b90013), color-stop(99%,#e36077)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #b90013 0%,#e36077 99%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #b90013 0%,#e36077 99%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #b90013 0%,#e36077 99%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90013', endColorstr='#e36077',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #b90013 0%,#e36077 99%); /* W3C */ +} + +/*SMALL ORANGE BUTTON*/ + +.btn_smallorange { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 6px 15px; + text-align: center; + font: bold 13px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #ffffff; + text-decoration: none; + border-radius: 3px; + border: 1px solid #DC5D00; + text-shadow: 0px -1px 0px #DC5D00; + + /*Shadows*/ + -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + + /*Gradient*/ + background: #ffd34c; /* Old browsers */ + background: -moz-linear-gradient(top, #ffd34c 0%, #e66c00 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd34c), color-stop(100%,#e66c00)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffd34c 0%,#e66c00 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffd34c 0%,#e66c00 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #ffd34c 0%,#e66c00 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd34c', endColorstr='#e66c00',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #ffd34c 0%,#e66c00 100%); /* W3C */ +} + +.btn_smallorange:hover { + background: #f4d074; /* Old browsers */ + background: -moz-linear-gradient(top, #f4d074 0%, #e98219 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4d074), color-stop(100%,#e98219)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #f4d074 0%,#e98219 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #f4d074 0%,#e98219 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #f4d074 0%,#e98219 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4d074', endColorstr='#e98219',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #f4d074 0%,#e98219 100%); /* W3C */ +} + +.btn_smallorange:active { + background: #e66c00; /* Old browsers */ + background: -moz-linear-gradient(top, #e66c00 0%, #ffd34c 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e66c00), color-stop(100%,#ffd34c)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #e66c00 0%,#ffd34c 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #e66c00 0%,#ffd34c 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #e66c00 0%,#ffd34c 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e66c00', endColorstr='#ffd34c',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #e66c00 0%,#ffd34c 100%); /* W3C */ +} + +/*SMALL PURPLE BUTTON*/ + +.btn_smallpurple { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 6px 15px; + text-align: center; + font: bold 13px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #ffffff; + text-decoration: none; + border-radius: 3px; + border: 1px solid #910058; + text-shadow: 0px -1px 0px #910058; + + /*Shadows*/ + -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25); + + /*Gradient*/ + background: #d453b0; /* Old browsers */ + background: -moz-linear-gradient(top, #d453b0 0%, #aa0077 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d453b0), color-stop(100%,#aa0077)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #d453b0 0%,#aa0077 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #d453b0 0%,#aa0077 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #d453b0 0%,#aa0077 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d453b0', endColorstr='#aa0077',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #d453b0 0%,#aa0077 100%); /* W3C */ +} + +.btn_smallpurple:hover { + background: #e67ad6; /* Old browsers */ + background: -moz-linear-gradient(top, #e67ad6 0%, #b6198b 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e67ad6), color-stop(100%,#b6198b)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #e67ad6 0%,#b6198b 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #e67ad6 0%,#b6198b 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #e67ad6 0%,#b6198b 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e67ad6', endColorstr='#b6198b',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #e67ad6 0%,#b6198b 100%); /* W3C */ +} + +.btn_smallpurple:active { + background: #aa0077; /* Old browsers */ + background: -moz-linear-gradient(top, #aa0077 0%, #d453b0 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa0077), color-stop(100%,#d453b0)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #aa0077 0%,#d453b0 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #aa0077 0%,#d453b0 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #aa0077 0%,#d453b0 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa0077', endColorstr='#d453b0',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #aa0077 0%,#d453b0 100%); /* W3C */ +} + + +/*---------------MEDIUM BUTTONS---------------*/ + +/*MEDIUM WHITE BUTTON*/ + +.btn_mediumwhite { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 7px 25px; + text-align: center; + font: bold 14px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #515151; + text-decoration: none; + border-radius: 3px; + border: 1px solid #81CDE5; + text-shadow: 0px 1px 0px #fff; + + /*Shadows*/ + -moz-box-shadow: 0px 0px 4px rgba(83,186,220,0.75); + -webkit-shadow: 0px 0px 4px rgba(83,186,220,0.75); + box-shadow: 0px 0px 4px rgba(83,186,220,0.75); + + /*Gradient*/ + background: #ffffff; /* Old browsers */ + background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ededed 50%, #ffffff 100%, #ffffff 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#ededed), color-stop(100%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#ededed 50%,#ffffff 100%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffffff 0%,#ffffff 50%,#ededed 50%,#ffffff 100%,#ffffff 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 50%,#ededed 50%,#ffffff 100%,#ffffff 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #ffffff 0%,#ffffff 50%,#ededed 50%,#ffffff 100%,#ffffff 100%); /* W3C */ +} + +.btn_mediumwhite:hover { + background: #ffffff; /* Old browsers */ + background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f9f9f9 50%, #ffffff 100%, #ffffff 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#f9f9f9), color-stop(100%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#f9f9f9 50%,#ffffff 100%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffffff 0%,#ffffff 50%,#f9f9f9 50%,#ffffff 100%,#ffffff 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 50%,#f9f9f9 50%,#ffffff 100%,#ffffff 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #ffffff 0%,#ffffff 50%,#f9f9f9 50%,#ffffff 100%,#ffffff 100%); /* W3C */ + + /*Shadows*/ + -moz-box-shadow: 0px 0px 6px rgba(83,186,220,1); + -webkit-shadow: 0px 0px 6px rgba(83,186,220,1); + box-shadow: 0px 0px 6px rgba(83,186,220,1); +} + +.btn_mediumwhite:active { + background: #fafafa; /* Old browsers */ + background: -moz-linear-gradient(top, #fafafa 0%, #fafafa 50%, #dedede 50%, #ffffff 100%, #f1f1f1 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(50%,#fafafa), color-stop(50%,#dedede), color-stop(100%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fafafa 0%,#fafafa 50%,#dedede 50%,#ffffff 100%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fafafa 0%,#fafafa 50%,#dedede 50%,#ffffff 100%,#f1f1f1 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #fafafa 0%,#fafafa 50%,#dedede 50%,#ffffff 100%,#f1f1f1 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #fafafa 0%,#fafafa 50%,#dedede 50%,#ffffff 100%,#f1f1f1 100%); /* W3C */ +} + + +/*MEDIUM BLACK BUTTON*/ + +.btn_mediumblack { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 7px 25px; + text-align: center; + font: bold 14px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #ffffff; + text-decoration: none; + border-radius: 3px; + border: 1px solid #000000; + text-shadow: 0px -1px 0px #000000; + + /*Shadows*/ + -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 0px 4px rgba(0,0,0,0.50); + -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 0px 4px rgba(0,0,0,0.50); + box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 0px 4px rgba(0,0,0,0.50); + + /*Gradient*/ + background: #202020; /* Old browsers */ + background: -moz-linear-gradient(top, #202020 0%, #222222 50%, #3a3a3a 50%, #000000 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#202020), color-stop(50%,#222222), color-stop(50%,#3a3a3a), color-stop(100%,#000000)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #202020 0%,#222222 50%,#3a3a3a 50%,#000000 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #202020 0%,#222222 50%,#3a3a3a 50%,#000000 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #202020 0%,#222222 50%,#3a3a3a 50%,#000000 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #202020 0%,#222222 50%,#3a3a3a 50%,#000000 100%); /* W3C */ +} + +.btn_mediumblack:hover { + background: #373737; /* Old browsers */ + background: -moz-linear-gradient(top, #373737 0%, #3a3a3a 50%, #4a4a4a 50%, #252525 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#373737), color-stop(50%,#3a3a3a), color-stop(50%,#4a4a4a), color-stop(100%,#252525)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #373737 0%,#3a3a3a 50%,#4a4a4a 50%,#252525 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #373737 0%,#3a3a3a 50%,#4a4a4a 50%,#252525 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #373737 0%,#3a3a3a 50%,#4a4a4a 50%,#252525 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#252525',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #373737 0%,#3a3a3a 50%,#4a4a4a 50%,#252525 100%); /* W3C */ +} + +.btn_mediumblack:active { + background: #000000; /* Old browsers */ + background: -moz-linear-gradient(top, #000000 0%, #222222 50%, #000000 50%, #202020 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,#222222), color-stop(50%,#000000), color-stop(100%,#202020)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #000000 0%,#222222 50%,#000000 50%,#202020 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #000000 0%,#222222 50%,#000000 50%,#202020 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #000000 0%,#222222 50%,#000000 50%,#202020 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#202020',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #000000 0%,#222222 50%,#000000 50%,#202020 100%); /* W3C */ +} + +/*MEDIUM GRAY BUTTON 1*/ + +.btn_mediumgray1 { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 7px 25px; + text-align: center; + font: bold 14px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #515151; + text-decoration: none; + border-radius: 3px; + border: 1px solid #A7A9AD; + text-shadow: 0px 1px 0px rgba(255,255,255,0.55); + + /*Shadows*/ + -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 0px 4px rgba(0,0,0,0.25); + -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 0px 4px rgba(0,0,0,0.25); + box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 0px 4px rgba(0,0,0,0.25); + + /*Gradient*/ + background: #e8ebf0; /* Old browsers */ + background: -moz-linear-gradient(top, #e8ebf0 0%, #ccced2 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8ebf0), color-stop(100%,#ccced2)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #e8ebf0 0%,#ccced2 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #e8ebf0 0%,#ccced2 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #e8ebf0 0%,#ccced2 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ebf0', endColorstr='#ccced2',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #e8ebf0 0%,#ccced2 100%); /* W3C */ +} + +.btn_mediumgray1:hover { + background: #fcfdff; /* Old browsers */ + background: -moz-linear-gradient(top, #fcfdff 0%, #d8dadd 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfdff), color-stop(100%,#d8dadd)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fcfdff 0%,#d8dadd 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fcfdff 0%,#d8dadd 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #fcfdff 0%,#d8dadd 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfdff', endColorstr='#d8dadd',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #fcfdff 0%,#d8dadd 100%); /* W3C */ +} + +.btn_mediumgray1:active { + background: #ccced2; /* Old browsers */ + background: -moz-linear-gradient(top, #ccced2 0%, #e8ebf0 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccced2), color-stop(100%,#e8ebf0)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ccced2 0%,#e8ebf0 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ccced2 0%,#e8ebf0 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #ccced2 0%,#e8ebf0 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccced2', endColorstr='#e8ebf0',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #ccced2 0%,#e8ebf0 100%); /* W3C */ +} + +/*MEDIUM GRAY BUTTON 2*/ + +.btn_mediumgray2 { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 7px 25px; + text-align: center; + font: bold 14px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #2E3239; + text-decoration: none; + border-radius: 3px; + border: 1px solid #5F636C; + text-shadow: 0px 1px 0px rgba(255,255,255,0.55); + + /*Shadows*/ + -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 0px 4px rgba(0,0,0,0.35); + -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 0px 4px rgba(0,0,0,0.35); + box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 0px 4px rgba(0,0,0,0.35); + + /*Gradient*/ + background: #a9adb3; /* Old browsers */ + background: -moz-linear-gradient(top, #a9adb3 0%, #858a95 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9adb3), color-stop(100%,#858a95)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #a9adb3 0%,#858a95 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #a9adb3 0%,#858a95 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #a9adb3 0%,#858a95 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9adb3', endColorstr='#858a95',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #a9adb3 0%,#858a95 100%); /* W3C */ +} + +.btn_mediumgray2:hover { + background: #b8bdc5; /* Old browsers */ + background: -moz-linear-gradient(top, #b8bdc5 0%, #979ca6 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8bdc5), color-stop(100%,#979ca6)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #b8bdc5 0%,#979ca6 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #b8bdc5 0%,#979ca6 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #b8bdc5 0%,#979ca6 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8bdc5', endColorstr='#979ca6',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #b8bdc5 0%,#979ca6 100%); /* W3C */ +} + +.btn_mediumgray2:active { + background: #858a95; /* Old browsers */ + background: -moz-linear-gradient(top, #858a95 0%, #a9adb3 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#858a95), color-stop(100%,#a9adb3)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #858a95 0%,#a9adb3 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #858a95 0%,#a9adb3 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #858a95 0%,#a9adb3 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858a95', endColorstr='#a9adb3',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #858a95 0%,#a9adb3 100%); /* W3C */ +} + + +/*MEDIUM GRAY BUTTON 3*/ + +.btn_mediumgray3 { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 7px 25px; + text-align: center; + font: bold 14px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #ffffff; + text-decoration: none; + border-radius: 3px; + border: 1px solid #464A57; + text-shadow: 0px -1px 0px #000000; + + /*Shadows*/ + -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 0px 4px rgba(0,0,0,0.50); + -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 0px 4px rgba(0,0,0,0.50); + box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 0px 4px rgba(0,0,0,0.50); + + /*Gradient*/ + background: #565c6b; /* Old browsers */ + background: -moz-linear-gradient(top, #565c6b 0%, #484d57 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565c6b), color-stop(100%,#484d57)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #565c6b 0%,#484d57 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #565c6b 0%,#484d57 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #565c6b 0%,#484d57 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565c6b', endColorstr='#484d57',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #565c6b 0%,#484d57 100%); /* W3C */ +} + +.btn_mediumgray3:hover { + background: #777e8d; /* Old browsers */ + background: -moz-linear-gradient(top, #777e8d 0%, #484d57 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777e8d), color-stop(100%,#484d57)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #777e8d 0%,#484d57 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #777e8d 0%,#484d57 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #777e8d 0%,#484d57 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777e8d', endColorstr='#484d57',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #777e8d 0%,#484d57 100%); /* W3C */ +} + +.btn_mediumgray3:active { + background: #484d57; /* Old browsers */ + background: -moz-linear-gradient(top, #484d57 0%, #565c6b 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484d57), color-stop(100%,#565c6b)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #484d57 0%,#565c6b 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #484d57 0%,#565c6b 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #484d57 0%,#565c6b 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484d57', endColorstr='#565c6b',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #484d57 0%,#565c6b 100%); /* W3C */ +} + + + +/*---------------LARGE 3D BUTTONS---------------*/ + +/*LARGE WHITE BUTTON*/ + +a.btn_largewhite, .btn_largewhite { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 10px 25px; + text-align: center; + font: bold 15px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #515151; + text-decoration: none; + border-radius: 3px; + border: 1px solid #ABABAB; + text-shadow: 0px 1px 0px #fff; + + /*Shadows*/ + -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #ABABAB; + -webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #ABABAB; + box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #ABABAB; + + /*Gradient*/ + background: #f2f2f2; /* Old browsers */ + background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* W3C */ +} + +a.btn_largewhite:hover, .btn_largewhite:hover { + background: #ffffff; /* Old browsers */ + background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* W3C */ +} + +a.btn_largewhite:active, .btn_largewhite:active{ + margin: 3px 0 -3px 0; + + /*Shadows*/ + -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + -webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + + /*Gradient*/ + background: #e6e6e6; /* Old browsers */ + background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #e6e6e6 0%,#ffffff 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #e6e6e6 0%,#ffffff 100%); /* W3C */ +} + + +/*LARGE BLACK BUTTON*/ + +a.btn_largeblack, .btn_largeblack { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 10px 25px; + text-align: center; + font: bold 15px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #ffffff; + text-decoration: none; + border-radius: 3px; + border: 1px solid #000000; + text-shadow: 0px 1px 0px #000000; + + /*Shadows*/ + -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #000000; + -webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #000000; + box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #000000; + + /*Gradient*/ + background: #4a4a4a; /* Old browsers */ + background: -moz-linear-gradient(top, #4a4a4a 0%, #171717 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#171717)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #4a4a4a 0%,#171717 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #4a4a4a 0%,#171717 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #4a4a4a 0%,#171717 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#171717',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #4a4a4a 0%,#171717 100%); /* W3C */ +} + +a.btn_largeblack:hover, .btn_largeblack:hover { + background: #5b5b5b; /* Old browsers */ + background: -moz-linear-gradient(top, #5b5b5b 0%, #2e2e2e 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#2e2e2e)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#2e2e2e',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #5b5b5b 0%,#2e2e2e 100%); /* W3C */ + } + + +a.btn_largeblack:active, .btn_largeblack:active { + margin: 3px 0 -3px 0; + + /*Shadows*/ + -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + -webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + + /*Gradient*/ + background: #171717; /* Old browsers */ + background: -moz-linear-gradient(top, #171717 0%, #4a4a4a 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#4a4a4a)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #171717 0%,#4a4a4a 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #171717 0%,#4a4a4a 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #171717 0%,#4a4a4a 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #171717 0%,#4a4a4a 100%); /* W3C */ +} + +/*LARGE GRAY BUTTON*/ + +a.btn_largegray, .btn_largegray { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 10px 25px; + text-align: center; + font: bold 15px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #2F323A; + text-decoration: none; + border-radius: 3px; + border: 1px solid #5F636C; + text-shadow: 0px 1px 0px rgba(255,255,255,0.5); + + /*Shadows*/ + -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #5F636C; + -webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #5F636C; + box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #5F636C; + + /*Gradient*/ + background: #a9adb3; /* Old browsers */ + background: -moz-linear-gradient(top, #a9adb3 0%, #858a95 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9adb3), color-stop(100%,#858a95)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #a9adb3 0%,#858a95 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #a9adb3 0%,#858a95 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #a9adb3 0%,#858a95 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9adb3', endColorstr='#858a95',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #a9adb3 0%,#858a95 100%); /* W3C */ +} + +a.btn_largegray:hover, .btn_largegray:hover { + background: #b8bdc5; /* Old browsers */ + background: -moz-linear-gradient(top, #b8bdc5 0%, #979ca6 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8bdc5), color-stop(100%,#979ca6)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #b8bdc5 0%,#979ca6 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #b8bdc5 0%,#979ca6 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #b8bdc5 0%,#979ca6 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8bdc5', endColorstr='#979ca6',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #b8bdc5 0%,#979ca6 100%); /* W3C */ + } + + +a.btn_largegray:active, .btn_largegray:active{ + margin: 3px 0 -3px 0; + + /*Shadows*/ + -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + -webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + + /*Gradient*/ + background: #858a95; /* Old browsers */ + background: -moz-linear-gradient(top, #858a95 0%, #a9adb3 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#858a95), color-stop(100%,#a9adb3)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #858a95 0%,#a9adb3 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #858a95 0%,#a9adb3 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #858a95 0%,#a9adb3 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858a95', endColorstr='#a9adb3',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #858a95 0%,#a9adb3 100%); /* W3C */ +} + +/*LARGE BLUE BUTTON*/ + +a.btn_largeblue, .btn_largeblue { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 10px 25px; + text-align: center; + font: bold 15px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #ffffff; + text-decoration: none; + border-radius: 3px; + border: 1px solid #1D88B9; + text-shadow: 0px -1px 0px #0E5E85; + + /*Shadows*/ + -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #1D88B9; + -webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #1D88B9; + box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #1D88B9; + + /*Gradient*/ + background: #8ed2e8; /* Old browsers */ + background: -moz-linear-gradient(top, #8ed2e8 0%, #0099cc 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ed2e8), color-stop(100%,#0099cc)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #8ed2e8 0%,#0099cc 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #8ed2e8 0%,#0099cc 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #8ed2e8 0%,#0099cc 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ed2e8', endColorstr='#0099cc',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #8ed2e8 0%,#0099cc 100%); /* W3C */ +} + +a.btn_largeblue:hover, .btn_largeblue:hover { + background: #b4e1f9; /* Old browsers */ + background: -moz-linear-gradient(top, #b4e1f9 0%, #31acd8 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e1f9), color-stop(100%,#31acd8)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #b4e1f9 0%,#31acd8 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #b4e1f9 0%,#31acd8 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #b4e1f9 0%,#31acd8 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e1f9', endColorstr='#31acd8',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #b4e1f9 0%,#31acd8 100%); /* W3C */ + } + + +a.btn_largeblue:active, .btn_largeblue:active{ + margin: 3px 0 -3px 0; + + /*Shadows*/ + -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + -webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + + /*Gradient*/ + background: #0099cc; /* Old browsers */ + background: -moz-linear-gradient(top, #0099cc 0%, #8ed2e8 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099cc), color-stop(100%,#8ed2e8)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #0099cc 0%,#8ed2e8 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #0099cc 0%,#8ed2e8 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #0099cc 0%,#8ed2e8 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099cc', endColorstr='#8ed2e8',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #0099cc 0%,#8ed2e8 100%); /* W3C */ +} + + +/*LARGE RED BUTTON*/ + +a.btn_largered, .btn_largered { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 10px 25px; + text-align: center; + font: bold 15px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #ffffff; + text-decoration: none; + border-radius: 3px; + border: 1px solid #950014; + text-shadow: 0px -1px 0px #950014; + + /*Shadows*/ + -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #950014; + -webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #950014; + box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #950014; + + /*Gradient*/ + background: #e36077; /* Old browsers */ + background: -moz-linear-gradient(top, #e36077 0%, #b90013 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e36077), color-stop(100%,#b90013)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #e36077 0%,#b90013 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #e36077 0%,#b90013 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #e36077 0%,#b90013 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e36077', endColorstr='#b90013',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #e36077 0%,#b90013 100%); /* W3C */ + +} + +a.btn_largered:hover, .btn_largered:hover { + background: #e77388; /* Old browsers */ + background: -moz-linear-gradient(top, #e77388 0%, #c41c2f 99%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e77388), color-stop(99%,#c41c2f)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #e77388 0%,#c41c2f 99%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #e77388 0%,#c41c2f 99%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #e77388 0%,#c41c2f 99%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e77388', endColorstr='#c41c2f',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #e77388 0%,#c41c2f 99%); /* W3C */ + } + + +a.btn_largered:active, .btn_largered:active{ + margin: 3px 0 -3px 0; + + /*Shadows*/ + -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + -webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + + /*Gradient*/ + background: #b90013; /* Old browsers */ + background: -moz-linear-gradient(top, #b90013 0%, #e36077 99%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b90013), color-stop(99%,#e36077)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #b90013 0%,#e36077 99%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #b90013 0%,#e36077 99%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #b90013 0%,#e36077 99%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90013', endColorstr='#e36077',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #b90013 0%,#e36077 99%); /* W3C */ +} + + +/*LARGE GREEN BUTTON*/ + +a.btn_largegreen, .btn_largegreen { + /*Basics*/ + display: inline-block; + cursor: pointer; + padding: 10px 25px; + text-align: center; + font: bold 15px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + color: #ffffff; + text-decoration: none; + border-radius: 3px; + border: 1px solid #319A00; + text-shadow: 0px -1px 0px #1C7B00; + + /*Shadows*/ + -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #319A00; + -webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #319A00; + box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #319A00; + + /*Gradient*/ + background: #b5e978; /* Old browsers */ + background: -moz-linear-gradient(top, #b5e978 0%, #43c600 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5e978), color-stop(100%,#43c600)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #b5e978 0%,#43c600 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #b5e978 0%,#43c600 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #b5e978 0%,#43c600 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e978', endColorstr='#43c600',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #b5e978 0%,#43c600 100%); /* W3C */ +} + +a.btn_largegreen:hover, .btn_largegreen:hover { + background: #e0f591; /* Old browsers */ + background: -moz-linear-gradient(top, #e0f591 0%, #6cd226 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f591), color-stop(100%,#6cd226)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #e0f591 0%,#6cd226 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #e0f591 0%,#6cd226 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #e0f591 0%,#6cd226 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f591', endColorstr='#6cd226',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #e0f591 0%,#6cd226 100%); /* W3C */ + } + + +a.btn_largegreen:active, .btn_largegreen:active{ + margin: 3px 0 -3px 0; + + /*Shadows*/ + -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + -webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35); + + /*Gradient*/ + background: #43c600; /* Old browsers */ + background: -moz-linear-gradient(top, #43c600 0%, #b5e978 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43c600), color-stop(100%,#b5e978)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #43c600 0%,#b5e978 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #43c600 0%,#b5e978 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #43c600 0%,#b5e978 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43c600', endColorstr='#b5e978',GradientType=0 ); /* IE6-9 */ + background: linear-gradient(top, #43c600 0%,#b5e978 100%); /* W3C */ +} + + + + + + diff --git a/Site/css/buttons/demo.html b/Site/css/buttons/demo.html new file mode 100755 index 00000000..178d19ed --- /dev/null +++ b/Site/css/buttons/demo.html @@ -0,0 +1,114 @@ + + + + + + + + + +CSS Button Kit + + + + + +

Small Buttons

+ + + +
+ + + +
+ +

Medium Buttons

+ + + +
+ + + +
+ +

Large Buttons

+ + + +

+ + + +
+ + + diff --git a/Site/css/buttons/signifylite-webfont.eot b/Site/css/buttons/signifylite-webfont.eot new file mode 100755 index 00000000..57ee6ba3 Binary files /dev/null and b/Site/css/buttons/signifylite-webfont.eot differ diff --git a/Site/css/buttons/signifylite-webfont.svg b/Site/css/buttons/signifylite-webfont.svg new file mode 100755 index 00000000..34605e79 --- /dev/null +++ b/Site/css/buttons/signifylite-webfont.svg @@ -0,0 +1,141 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Copyright MediaLoot 2011 +Designer : Tony Thomas +Foundry : MediaLoot +Foundry URL : httpwwwmedialootcom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Site/css/buttons/signifylite-webfont.ttf b/Site/css/buttons/signifylite-webfont.ttf new file mode 100755 index 00000000..b35341f0 Binary files /dev/null and b/Site/css/buttons/signifylite-webfont.ttf differ diff --git a/Site/css/buttons/signifylite-webfont.woff b/Site/css/buttons/signifylite-webfont.woff new file mode 100755 index 00000000..de527093 Binary files /dev/null and b/Site/css/buttons/signifylite-webfont.woff differ diff --git a/Site/css/screen.css b/Site/css/screen.css index 688c476f..dacc8170 100644 --- a/Site/css/screen.css +++ b/Site/css/screen.css @@ -378,6 +378,7 @@ a.next:after { height: 184px; } #frontpage .sidebox { + background-position: center 397px; margin-right: -100px; } #frontpage .sidebox .clip { diff --git a/Site/index.html b/Site/index.html index aaa9541a..fcdde5aa 100644 --- a/Site/index.html +++ b/Site/index.html @@ -11,6 +11,7 @@ + @@ -118,15 +119,15 @@ - +
- + Great feedback may earn you a free copy for a friend!

Master Password

-
Contact | Lyndir | Google+
+
Contact | Lyndir | Google+
@@ -159,7 +160,7 @@ -
Psst. There is also a Java library and CLI tool.
+ Press Kit

Stop worrying
@@ -183,9 +184,9 @@

Master Password is different from other vault-like password solutions. It helps you set secure passwords for your sites, and at the same time makes losing your passwords almost impossible.

-

Built on algorithms such as scrypt and HMAC-SHA256, your master password is kept safe even if websites you use get hacked.

+

Built on algorithms such as scrypt and HMAC-SHA256, your master password is kept safe even if websites you use get hacked.

-

As to prove a point, LinkedIn, eHarmony, and Last.FM have announced breaches that compromise millions of passwords in the past month alone. These breaches have leaked "hashes" of people's passwords, which make it trivial for attackers to find out the actual passwords if they're not secure enough.

+

As to prove a point, LinkedIn, eHarmony, and Last.FM have announced breaches that compromise millions of passwords in the past month alone. These breaches have leaked "hashes" of people's passwords, which make it trivial for attackers to find out the actual passwords if they're not secure enough.