/*!
* NOADEN Process Icons v1.0.1 (#)
* Copyright 2018-2022 The NOADEN Authors
*
* https://www.svgviewer.dev/s/122898/music-album-album
*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.icon-container {
color: #444;
font-size: 100%;
background: #f7f7f7 url(../images/bg.png) repeat center top;
padding: 5px 25px 5px 25px;
}
.icon2.iPaperStack {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
background-position: center;
}
.icon2.iCardStock {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
background-position: center;
}
.icon2.iEnvelope {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
background-position: center;
}
.icon2.iEnvelope2 {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
background-position: center;
}
.colorize-navy {
filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5);
}
.icon2.iLabel {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
background-position: center;
}
.icon2.iPlanner {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
background-position: center;
}
.icon2.iLog {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
background-position: center;
}
.icon2.iDiecut {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
background-position: center;
}
.icon2.iButton {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
background-position: center;
}
.icon2.iVinylCut {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
background-position: center;
}
.icon2.iPVCcard {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
background-position: center;
}
.icon2.iBanner {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
background-position: center;
}
.icon2.iLamination {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat; background-position: center;
}
.icon2.iPlus {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat; background-position: center;
}
.icon2:before {
content: "";
display: block;
padding-top: 100%;
background-color: transparent;
}
.icon2:hover,
.icon2:focus {
filter: invert(1) brightness(0);
}
/* -------------------------------------------------------- */
.icon-test:after {
display: inline-block;
width: 1rem;
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
}
.icon-diecut:after {
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
}
.icon2.test1 {
display: inline-block;
/*width: 0.5rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
background-position: center;
}
.icon2.test2 {
display: inline-block;
/*width: 2rem;*/
background: url('data:image/svg+xml;utf8,') 0 0/contain no-repeat;
background-position: center;
}
.nav {
}
.nav li {
}
.nav li:before {
content: "";
display: block;
border-top: 1px solid #ddd;
border-bottom: 1px solid #fff;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
z-index: -1;
}
.nav a {
display: block;
background-color: #f7f7f7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
color: #a7a7a7;
margin: 9px;
width: 54px;
height: 54px;
position: relative;
text-align: center;
line-height: 54px;
border-radius: 50%;
box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;
}
.nav a:before {
}
.nav a:hover {
}