/*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: none; margin: 0; padding: 0; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } textarea, input, select { outline: none; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } /*--> Quasi Nero <--*/ /*--> Rosso <--*/ /*--> Colore Azzurro Acqua <--*/ /* @main-background:#303741; @red:#AC434C; @red-clear:#ff949e; @blu:#37b9db; @blu-dark:#005e76; @blu-clear:#d6e2ee; @yellow:#ffd367; @yellow-clear:#ffe5a4; @green:#9fca19; @pink:#ff678e; @pink-hover:#ff8e81; @clear:#EEEEEE; @dark:#222; */ .right { float: right; } /*--------------------------------------------*/ /* GENERAL FUNCTIONS */ /*--------------------------------------------*/ /* .outer-shadow() { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); } .inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25){ -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); } */ .hidden { display: none; } .mb-s { margin-bottom: 5px; } .mb-m { margin-bottom: 10px; } .mb-l { margin-bottom: 20px; } a { text-decoration: none; } .f1 { font-family: 'Roboto Condensed', sans-serif; font-style: normal; } .italic { font-style: italic; } body { font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal; background-color: #111111; } body.err404 { background-color: #8cd4b8; } #container { position: absolute; width: 100%; height: 100%; min-width: 520px; scrollbar-gutter: stable; overflow: auto; } #back { position: absolute; width: 100%; height: 100%; opacity: 0; background-color: #111111; z-index: -10; } #W { position: relative; max-width: 1440px; width: 100%; height: 100%; background-color: #111111EF; z-index: 1000; margin: 0 auto; } #W.home { width: 340px; padding: 0 20px; } #page-body { width: 100%; font-size: 26px; color: #FFFFFF; float: left; } #home-header { float: left; width: 340px; margin: 0 auto; color: #FFFFFF; font-size: 20px; text-align: center; margin-top: 100px; margin-bottom: 100px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #home-header .logo { font-size: 68px; } #home-header .links { width: 190px; height: 40px; margin: 0 auto; } #home-header .links .link { width: 40px; height: 40px; line-height: 40px; float: left; margin-right: 10px; background-color: #FFFFFF; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; color: #111111; position: relative; } #home-header .links .link img { width: 28px; height: 28px; position: absolute; top: 6px; left: 6px; } #home-header .links .link img.warpcast { width: 34px; left: 3px; } #home-header .links .link img.instagram { width: 34px; height: 34px; top: 3px; left: 3px; } #home-header .links .link.last { margin-right: 0px; } #home-header .links .link:hover { background-color: #CCDDBB; } #home-header .links.part2 { margin-top: 0px; padding-top: 10px; } #home-header .links.part2 .link { width: 90px; height: 36px; } #home-header .links.part2 .link img.fxhash { width: 72px; top: 4px; left: 9px; } #home-header .links.part2 .link img.objkt { width: 54px; top: 5px; left: 16px; } #home-store { float: left; width: 340px; margin: 0 auto; margin-top: 80px; height: 30px; line-height: 30px; font-size: 30px; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #home-store a { color: #FFFFFF; } #home-store a:hover { color: #CCDDBB; } #works { width: 100%; min-height: 200px; margin: 0 auto; font-size: 26px; text-align: center; float: left; /* .prj:hover:after { content: ""; display: block; position: absolute; width: 20px; height: inherit; background-color:#CCDDBB; top:0; right:0; z-index: 1; } */ } #works .prj { width: 100%; height: 50px; line-height: 50px; float: left; background-color: #111111; margin-bottom: 5px; color: #FFFFFF; cursor: pointer; position: relative; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #works .prj:hover { color: #332244; background-color: #CCDDBB; } #page-header { position: absolute; width: 100%; height: 50px; font-size: 26px; text-align: center; z-index: 99999999; } #page-header .home-link { margin: 10px 0 0 10px; float: left; } #page-header .home-link .back { float: left; width: 24px; height: 24px; background-color: #FFFFFF; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; } #page-header .home-link:hover .back { background-color: #CCDDBB; } #page-header .list-link { width: 20px; height: 20px; padding: 2px; margin: 10px 0 0 10px; float: left; background-color: #FFFFFF; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #page-header .list-link img { width: 20px; height: 20px; float: left; } #page-header .list-link:hover { background-color: #CCDDBB; } .nav { width: 100%; float: left; height: 40px; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .nav .nav-content { display: inline-block; } .nav .middle { float: left; } .nav .but { float: left; } .nav .but a { float: left; color: #FFFFFF; text-decoration: none; } .nav .but img { width: 26px; height: 26px; margin: 3px 8px 0 8px; filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(151deg) brightness(103%) contrast(101%); } .nav .but img.invert { transform: rotate(180deg); } .nav .but:hover img { filter: invert(92%) sepia(25%) saturate(229%) hue-rotate(36deg) brightness(91%) contrast(92%); } .work-title { margin-top: 40px; font-size: 60px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; } .work-desc { margin: 0 auto; margin-top: 20px; margin-bottom: 40px; font-size: 20px; padding: 0 20px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #spiralia-list { float: left; text-align: center; font-size: 0px; margin-bottom: 50px; } #spiralia-list .item { position: relative; text-align: left; display: inline-block; margin: 5px; width: 120px; height: 120px; } #spiralia-list .item img { padding: 0; margin: 0; float: left; } #spiralia-list .item .info { display: none; position: absolute; width: 120px; height: 40px; bottom: 40px; left: 0; font-size: 24px; background-color: #111111; } #spiralia-list .item .info .num { float: left; width: 100%; text-align: center; height: 40px; line-height: 40px; color: #FFFFFF; } #spiralia-list .item:hover .info { display: block; } .wrap { width: 800px; margin: 0 auto; margin-top: 40px; } #spiralia-display { width: 800px; float: left; position: relative; } #spiralia-display img { float: left; } #spiralia-display canvas { float: left; } #spiralia-display .nav { margin-top: 10px; } #spiralia-display .info { font-size: 24px; color: #FFFFFF; width: 100%; height: 40px; float: left; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .line-player { position: relative; float: left; } .line-player canvas { display: block; float: left; } .line-player .speed-bar { position: absolute; bottom: -35px; right: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; height: 30px; background-color: #444444; overflow: hidden; cursor: pointer; } .line-player .speed-bar .done { background-color: #CCDDBB; height: 30px; float: left; } .line-player .refresh { position: absolute; bottom: -35px; right: 115px; cursor: pointer; width: 30px; height: 30px; background-color: #FFFFFF; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .line-player .refresh img { width: 22px; height: 22px; display: block; margin: 4px; padding: 0; } .line-player .refresh:hover { background-color: #CCDDBB; } .proof { position: absolute; top: 805px; right: 110px; } .proof .label { position: absolute; left: 0; width: 110px; height: 30px; line-height: 32px; font-size: 20px; text-align: center; background-color: #FFFFFF; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #000000; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .proof .label:hover { background-color: #CCDDBB; } /* .centered{ text-align:center; .centered-in{ text-align:left; font-size:0; display:inline-block; } } */ /*# sourceMappingURL=main.css.map */