html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
/***************reset*****************/
a:link {
text-decoration: none;
}
@font-face {
font-family: 'LigatureSymbols';
src: url('../font/LigatureSymbols-2.11.eot');
src: url('../font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
url('../font/LigatureSymbols-2.11.woff') format('woff'),
url('../font/LigatureSymbols-2.11.ttf') format('truetype'),
url('../font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
src: url('../font/LigatureSymbols-2.11.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.icon, .lsf-icon:before {
font-family: 'LigatureSymbols';
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.lsf-icon:before {
content:attr(title);
margin-right:0.3em;
font-size:130%;
}
.lsf-icon.amazon:before {
content: '\E007';
}
.container-full {
max-width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-full:after {
content: " ";
display: block;
clear: both;
}
.container-restricted {
position: relative;
background-color: #111;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
/*neon-style*/
body{
background:#111;
}
.wrapper{
margin:0 auto;
width:735px;
margin-top:50px;
}
a{
text-decoration:none;
display:inline-block;
padding:23px;
font:14px Lato;
/*text-transform:uppercase;*/
letter-spacing:4px;
opacity:0.6;
margin:10px 10px 10px 0px;
/*-webkit-filter: grayscale(0.5) blur(1px);
filter: grayscale(0.5) blur(1px);*/
transition: 0.2s;
position: relative;
}
a:hover{
opacity:1;
text-shadow: 0px 0px 1px;
transition: 0.2s;
}
a:active{
/*transition: 0.1s;*/
}
a:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 4px;
}
.white{
color:hsla(0, 5%, 95%, 1);
}
.white:hover:after {
color: hsla(0, 5%, 95%, 1);
border: 3px solid hsla(0, 5%, 95%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(0, 5%, 95%, 0.8) inset;
}
.blue{
color:hsla(217, 95%, 55%, 1);
}
.blue:hover:after {
color: hsla(217, 95%, 55%, 1);
border: 3px solid hsla(217, 95%, 55%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(217, 95%, 55%, 0.8) inset;
}
.green {
color: hsla(138, 95%, 45%, 1);
}
.green:hover:hover:after {
color:hsla(138, 95%, 45%, 1);
border: 3px solid hsla(138, 95%, 45%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(138, 95%, 45%, 0.9) inset;
}
.red{
color:hsla(350, 95%, 45%, 1);
}
.red:hover:after {
color:hsla(350, 95%, 45%, 1);
border: 3px solid hsla(350, 95%, 45%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(350, 95%, 45%, 0.8) inset;
}
.yellow{
color:hsla(61, 95%, 65%, 1);
}
.yellow:hover:after {
border: 3px solid hsla(61, 95%, 65%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(61, 95%, 65%, 0.8) inset;
}
.orange{
color:hsla(19, 95%, 55%, 1);
}
.orange:hover:after {
border: 3px solid hsla(19, 95%, 55%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(19, 95%, 55%, 0.8) inset;
}
.pink{
color:hsla(326, 95%, 65%, 1);
}
.pink:hover:after {
border: 3px solid hsla(326, 95%, 65%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(326, 95%, 65%, 0.8) inset;
}
.teal{
color:hsla(162, 95%, 55%, 1);
}
.teal:hover:after {
border: 3px solid hsla(162, 95%, 55%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(162, 95%, 55%, 0.8) inset;
}
.lightpink{
color:hsla(0, 85%, 75%, 1);
}
.lightpink:hover:after {
border: 3px solid hsla(0, 85%, 75%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(0, 85%, 75%, 0.8) inset;
}
.purple{
color:hsla(286, 75%, 45%, 1);
}
.purple:hover:after {
border: 3px solid hsla(286, 75%, 45%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(286, 75%, 45%, 0.8) inset;
}
.lightblue{
color:hsla(213, 75%, 55%, 1);
}
.lightblue:hover:after {
border: 3px solid hsla(213, 75%, 55%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(213, 75%, 55%, 0.8) inset;
}
.brown{
color:hsla(37, 45%, 45%, 1);
}
.brown:hover:after {
border: 3px solid hsla(37, 45%, 45%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(37, 45%, 45%, 0.8) inset;
}
.lightgreen{
color:hsla(124, 55%, 65%, 1);
}
.lightgreen:hover:after {
border: 3px solid hsla(124, 55%, 65%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(124, 55%, 65%, 0.8) inset;
}
.lightred{
color:hsla(11, 75%, 55%, 1);
}
.lightred:hover:after {
border: 3px solid hsla(11, 75%, 55%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(11, 75%, 55%, 0.8) inset;
}
.extrablue{
color:hsla(200, 95%, 55%, 1);
}
.extrablue:hover:after {
border: 3px solid hsla(200, 95%, 55%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(200, 95%, 55%, 0.8) inset;
}
.hotpink{
color:hsla(335, 95%, 45%, 1);
}
.hotpink:hover:after {
border: 3px solid hsla(335, 95%, 45%, 1);
box-shadow: 0 0 4px 0,
0 0 4px 0 hsla(335, 95%, 45%, 0.8) inset;
}
span{
font-weight:900;
}
@media screen and (min-width: 761px) {
}
@media screen and (min-width: 0px) and (max-width: 480px) {
}