diff options
Diffstat (limited to 'assets/css/edwin.css')
| -rw-r--r-- | assets/css/edwin.css | 682 |
1 files changed, 0 insertions, 682 deletions
diff --git a/assets/css/edwin.css b/assets/css/edwin.css deleted file mode 100644 index 900496b..0000000 --- a/assets/css/edwin.css +++ /dev/null @@ -1,682 +0,0 @@ -html { overflow-y: scroll; } -body { color: #fff; } - -html, body { - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, - Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; - margin: 0; - width: 100%; -} - -ul { padding: 0; } -li { list-style: none; } - -main, .contact, .container, .feedback { - min-height: 100vh; - min-height: calc(100vh - 10.625em); -} - -main { - align-items: center; - display: flex; - display: -ms-flexbox; - display: -webkit-flex; - -webkit-align-items: center; - -webkit-justify-content: center; - justify-content: center; - margin: 0 auto; - height: 400px; -} - - -/* body variants */ - -.body-opaque { background-color: #333b42; } -.body-gradient { background-image: linear-gradient(180deg, #1B293A, #397382); } - - -/*home page*/ - -.intro { width: 100%; text-align: center; } - -.intro > h1 { - color: #fff; - font-size: 50px; - font-size: calc(35px + (50 - 38) * ((100vw - 300px) / (1200 - 300))); - font-weight: 300; - margin: 0; -} - -.intro > h2 { - color: #fff; - font-size: 16px; - font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1200 - 300))); - font-weight: 300; -} - -@media screen and (max-width:350px) { - .intro > h2 { font-size: 12px; } -} - -@media screen and (max-width:420px) { - .icon-container { font-size: 14px } -} - -.intro > .profile { - border-radius: 50%; - height: 10vh; - width: 10vh; -} - - -/* link colors */ - -a, a:hover { color: #46afff; text-decoration: none} -.link__underline { border-bottom: 1px solid currentColor; } - - -/* hashover comment section */ - -#hashover .hashover-comment { - background-color: #252b31; - border-radius: 3px; - height: auto; - margin: 0.75em 0 0 0; - overflow: hidden; - padding: 0.75em; - text-align: left; - width: auto; -} - -#hashover .hashover-more-link { - display: inline-block; - margin-top: 1em; - padding: 0.5em; -} - -#hashover .hashover-comment-name { font-weight: bold; } - -#hashover .hashover-textarea { margin-bottom: 1.5em; } - -#hashover .hashover-comment.hashover-reply.odd { background-color: #3d464c; } - -#hashover .hashover-submit.hashover-post-button { margin-bottom: 1.5em; } - -#hashover .hashover-submit.hashover-reply-post { margin: 0; } - -#hashover .hashover-select-wrapper { - margin-bottom: 1em; - display: inline-block; -} - -#hashover-sort-select { margin: 0; } - -#hashover .hashover-header { margin-bottom: 0.5em; } - -#hashover .hashover-footer { margin-bottom: 0.75em; } - -#hashover .hashover-input-cell { - display: table-cell; - width: 640px; -} - -#hashover .hashover-name-input { padding-right: 1em; } - -#hashover .hashover-email-input { padding-left: 1em; } - -#hashover .hashover-balloon { width: 95%; } - -#hashover .hashover-buttons { float: right; } - -#hashover-count-wrapper { - text-align: right; - margin-top: 1.1em; -} - -#hashover-count { font-weight: bold; } - -.hashover-content > p { font-size: 0.9em; } - -#hashover-name-c3r1 { - color: #333; - background-color: #ddd; - border-radius: 3px; - padding: 0 0.2em; -} - -.hashover-date-permalink, -.hashover-comment-reply, -.hashover-like { - font-size: 14px; - color: #c2c2c2; -} - - -/* contact form */ - -.contact { - height: 400px; - max-width: 540px; - padding-bottom: 0; - padding-right: 16px; - padding-top: 0; - text-align: justify; - width: 100%; -} - -.contact-buttonPadding { padding-left: 0; } -.contact-maxWidth { width: 100% } -.contact-name { padding-right: 1em; } -.contact-email { padding-left: 1em; } - -.form-alert { color: #f00; } -.form { display: none; } - - -/* feedback form */ - -.feedback { - height: auto; - max-width: 540px; - padding-bottom: 40px; - padding-top: 0; - text-align: justify; - width: 100%; -} - -@media screen and (max-width: 640px) { -.feedback { max-width: calc(100vw - 12vw); } -.contact { max-width: calc(100vw - 12vw); } -} - -.feedback-holder { min-height: 864px; } - -ul.actions li { - display: inline-block; - padding: 0 1rem 0 0; - vertical-align: middle; -} - -label { - color: #fff; - display: block; - font-size: 0.8rem; - font-weight: 300; - letter-spacing: 0.2rem; - line-height: 1.5; - margin: 0 0 1rem 0; - text-transform: uppercase; -} - -textarea, input { font-family: inherit; } - -textarea { - height: 10rem; - resize: none; -} - -select[multiple], select[size] { - height: 2.75em; -} - -input[type="text"], input[type="password"], input[type="email"], textarea { - box-sizing: content-box; -} - -input[type="text"], input[type="password"], input[type="email"], select { - height: 1.5rem; - margin-bottom: 1.3em; -} - -input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover { - background-color: rgba(25, 25, 25, 0.35); - -} - -input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus { - background: rgba(25, 25, 25, 0.35) none repeat scroll 0 0; - border-color: #fff; - box-shadow: 0 0 0 1px #fff; -} - -input[type="text"], input[type="password"], input[type="email"], select, textarea { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - background: rgb(29, 33, 38) none repeat scroll 0 0; - background: rgb(29, 33, 38, 0.7) none repeat scroll 0 0; - border-radius: 4px; - border: 1px solid #fff; - color: #fff; - display: block; - outline: 0 none; - padding: 0.5em; - text-decoration: none; - width: 100%; - font-size: 14px; - font-weight: 400; -} - -input[type="submit"], input[type="reset"], input[type="button"] { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - background: rgb(29, 33, 38) none repeat scroll 0 0; - background: rgb(29, 33, 38, 0.7) none repeat scroll 0 0; - border-radius: 4px; - border: 0 none; - box-shadow: 0 0 0 1px #fff inset; - color: #fff !important; - display: inline-block; - font-size: 14px; - font-weight: 300; - height: 2.5rem; - letter-spacing: 0.05rem; - outline: 0 none; - padding: 0 1.25rem 0 1.35rem; - text-align: center; - text-decoration: none; - text-transform: uppercase; - white-space: nowrap; -} - - -/* inline player */ - -ul.graphic p { - display: inline; -} - -ul.graphic { - list-style-type: none; - margin: 0; - padding: 0; -} - -ul.graphic li { - margin-bottom: 2px; -} - -ul.graphic li a, ul.graphic li a.sm2_link { - background-color: rgb(241, 76, 50); - background-color: rgba(255, 50, 50, 0.65); - border: 1px solid transparent; - border-radius: 4px; - box-shadow: inset 0 1px rgba(255,255,255,.1),inset -1px 0 rgba(0,0,0,.1),inset 1px 0 rgba(0,0,0,.1),inset 0 -1px rgba(0,0,0,.6); - color: #fff; - display: inline-block; - font-size: 14px; - font-weight: normal; - letter-spacing: 0.05rem; - margin: 0.5rem; - min-width: 6.6em; - min-height: 16px; - padding: 15px 0 15px 30px; - text-align: left; - text-decoration: none; - vertical-align: middle; -} - -@media screen and (min-width:496px) { - ul.graphic li a.sm2_link { font-size: 16.5px; } -} - -ul.graphic li a.sm2_link { - -webkit-transition-property: hover; - -webkit-transition: background-color 0.15s linear; - -moz-transition: background-color 0.15s linear 0s; - -o-transition-property: background-color; - -o-transition-duration: 0.15s; -} - -ul.graphic li a, ul.graphic li a.sm2_paused:hover, ul.graphic li a.sm2_link:hover { - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04OTYgMTI4cTIwOSAwIDM4NS41IDEwM3QyNzkuNSAyNzkuNSAxMDMgMzg1LjUtMTAzIDM4NS41LTI3OS41IDI3OS41LTM4NS41IDEwMy0zODUuNS0xMDMtMjc5LjUtMjc5LjUtMTAzLTM4NS41IDEwMy0zODUuNSAyNzkuNS0yNzkuNSAzODUuNS0xMDN6bTM4NCA4MjNxMzItMTggMzItNTV0LTMyLTU1bC01NDQtMzIwcS0zMS0xOS02NC0xLTMyIDE5LTMyIDU2djY0MHEwIDM3IDMyIDU2IDE2IDggMzIgOCAxNyAwIDMyLTl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+); - background-position: 8px 50%; - background-size: 18px 18px; - background-repeat: no-repeat; - _background-image: url(/images/icon_play.gif); -} - -ul.graphic li a.sm2_link:hover { - background-color: rgba(40, 40, 40, 0.65); - color: red; -} - -ul.graphic li a.sm2_paused { - background-color: #202020; - border: 1px solid #f00; - color: #f00 !important; -} - -ul.graphic li a.sm2_paused:hover { - background: #202020 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04OTYgMTI4cTIwOSAwIDM4NS41IDEwM3QyNzkuNSAyNzkuNSAxMDMgMzg1LjUtMTAzIDM4NS41LTI3OS41IDI3OS41LTM4NS41IDEwMy0zODUuNS0xMDMtMjc5LjUtMjc5LjUtMTAzLTM4NS41IDEwMy0zODUuNSAyNzkuNS0yNzkuNSAzODUuNS0xMDN6bTM4NCA4MjNxMzItMTggMzItNTV0LTMyLTU1bC01NDQtMzIwcS0zMS0xOS02NC0xLTMyIDE5LTMyIDU2djY0MHEwIDM3IDMyIDU2IDE2IDggMzIgOCAxNyAwIDMyLTl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat 3px 50%; - background-size: 18px 18px; - background-position: 8px 50%; - _background-image: url(/images/icon_play.gif); -} - -ul.graphic li a.sm2_playing, ul.graphic li a.sm2_playing:hover { - background: #222 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04MzIgMTE4NHYtNTc2cTAtMTQtOS0yM3QtMjMtOWgtMjU2cS0xNCAwLTIzIDl0LTkgMjN2NTc2cTAgMTQgOSAyM3QyMyA5aDI1NnExNCAwIDIzLTl0OS0yM3ptNDQ4IDB2LTU3NnEwLTE0LTktMjN0LTIzLTloLTI1NnEtMTQgMC0yMyA5dC05IDIzdjU3NnEwIDE0IDkgMjN0MjMgOWgyNTZxMTQgMCAyMy05dDktMjN6bTM4NC0yODhxMCAyMDktMTAzIDM4NS41dC0yNzkuNSAyNzkuNS0zODUuNSAxMDMtMzg1LjUtMTAzLTI3OS41LTI3OS41LTEwMy0zODUuNSAxMDMtMzg1LjUgMjc5LjUtMjc5LjUgMzg1LjUtMTAzIDM4NS41IDEwMyAyNzkuNSAyNzkuNSAxMDMgMzg1LjV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat 3px 50%; - background-size: 18px 18px; - background-position: 8px 50%; - border: 1px solid #f00; - color: #f00 !important; - text-decoration: none; - _background-image: url(/images/icon_pause.gif); -} - -div.playerbox { - width: auto; - display: inline-block; -} - -div.left { - width: 50%; - float: left; -} - -div.right { - width: 50%; - float: right; -} - -body #sm2-container object, body #sm2-container embed { - left: -9999em; - top: -9999em; -} - - -/* overlay windows */ - -.frame { - display: inline-block; - font-weight: 300; - margin: 1em 0.5em 0 0.5em; - padding: 1em 1em 0 1em; - min-width: 3em; -} - -.frame svg { fill: white; } -.frame svg:hover { fill: #e03940; } - -.frame > .ion-md-list-box { height: 50px; width: 50px; } -.frame > .ion-md-microphone { height: 50px; width: 50px; } -.frame > .ion-md-filing { height: 50px; width: 50px; } - -.frame-info { color: #fff; } - -#overlay-faq, #overlay-demo, #overlay-projects { - position: fixed; - text-align: center; - margin: auto; - display: none; - width: 100%; - height: 100%; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #3d4751; - background-color: rgba(61, 71, 81, .99); - z-index: 35; -} - -.closeButton { - position: absolute; - right: 0.4em; - font-size: 60px; - cursor: pointer; -} - -.overlay-container { - position: relative; - padding: 0 3em 0 3em; - top: 40%; - left: 10%; - font-size: 12px; - color: white; - -ms-transform: translate(-10%, -10%); - -webkit-transform: translate(-10%, -10%); - transform: translate(-10%, -10%); -} - -.overlay-container > ul { - list-style-type: none; - padding: 0 3em 0 3em; - text-align: center; -} - -.overlay-container > p { - font-size: 1.2em; -} - - -/* sidebar navigation */ - -.fa { box-sizing: content-box; } - -.sidenav { - height: 100%; - width: 0; - position: fixed; - z-index: 1; - top: 4.5em; - right: 0; - background-color: #252B30; - overflow-x: hidden; - transition: 0.25s; - box-shadow: 0 8px 10px 4px rgba(0, 0, 0, 0.5); -} - -.sidenav a { - padding: 12px 8px 12px 32px; - text-decoration: none; - text-align: left; - font-size: 16px; - line-height: 1; - display: block; - color: #fff; -} -.sidenav-active { width: 150px; } -.sidenav a.active { background-color: #3b444c; font-weight: bold; } - -@media screen and (max-height: 450px) { - .sidenav {padding-top: 15px;} - .sidenav a {font-size: 18px;} -} - -.sidenav__landing { background-color: #264a57; } -.sidenav__landing .fa { background-color: rgba(255, 255, 255, 0.15); } -.sidenav__landing a.active { background-color: rgba(255, 255, 255, 0.15); } - - -/* navigation bar */ - -nav { height: 4.5em; margin-bottom: 2em; } - -.nav-transparent { background-color: #1c2d3e; background-color: rgba(0, 0, 0, 0); } -.nav-opaque { background-color: #282e34; } - -.topnav { margin: 0 auto; max-width: 1344px; overflow: hidden; } - -.topnav-left a { - color: #ffffff; - display: block; - float: left; - font-size: 18px; - font-weight: 400; - line-height: 1.4; - margin: 12px 6px; - padding: 10px; - text-align: center; - text-decoration: none; -} - -.desktop__topnav, .mobile__topnav, .topnav-right a { display: none; } - -.topnav-right a { float: right; } -.topnav .active { color: white; font-weight: bold; } - -@media screen and (max-width: 768px) { - .nav-transparent > .topnav { background-color: #1c2d3e; } - .nav-opaque > .topnav { background-color: #282e34; } - .topnav { left: 0; position: fixed; right: 0; z-index: 30; } - .mobile__topnav { display: block; } -} - -@media screen and (min-width: 769px) { .desktop__topnav, .topnav-right a { display: block; } } - -.mobile__topnav svg { fill: #999; height: 22px; width: 22px; } -.mobile__topnav p { font-size: 0.875em; margin: 0; } -.mobile__topnav a { font-size: 14px; margin: 0; padding: 1em 0; width: 20%; } -.mobile__topnav .active > svg { fill: #ffffff; } -.mobile__topnav a:hover { color: #ffffff; text-shadow: 0 0 0 #ffffff } -.mobile__topnav a:hover > svg { fill: #ffffff; } - - -/* footer */ - -.footer-container { - color: #ccc; - margin: 0 auto; - max-width: 1344px; - padding: 2em; -} - -.footer { - background-color: #282e34; - font-size: 12px; - line-height: 1.5; - text-align: left; -} - -.footer-transparent { - background-color: #222; - background-color: rgba(0, 0, 0, 0); -} - -.footer a { color: #ccc; } -.footer a:hover { color: #f00; } - - -/* responsive desgin */ - -@media screen and (max-width: 768px) { - .fa { font-size: 1em; padding: 0.6em 0 0.6em 1em; background-color: #3B444C; border-radius: 3px; width: 2em; height: 1em; } - .topnav { box-shadow: 0 0 12px 4px #0000004f; } - .footer { background-color: #282e34; background-color: rgba(0, 0, 0, 0); padding-left: unset; text-align: center; } -} - - -/* error page */ - -.error__header { font-size: 8rem !important; } -.error__lineHeight { line-height: 0; } - - -/* helpers */ - -.is-block { display: block !important; } -.is-hidden { display: none !important; } - - -/* mail notifcation page */ - -.mail__info { text-align: center; } - - -/* bootstrap override */ - -.paragraph__serif { - font-family: 'Georgia', 'Baskerville', 'TimesNewRoman', 'Times New Roman', 'Times', serif; - font-size: 20px; - line-height: 1.8; -} - -.paragraph__quote { - color: #ccc; - font-style: oblique; - padding: 1em; -} - -hr { - border-top: 1px solid rgb(40, 40, 40) !important; - border-top: 1px solid rgba(0, 0, 0, 0) !important; - margin-top: 0 !important; - margin-bottom: 0 !important; -} - -.blog-post { font-size: 0.95rem; } -.blog-post-tags { display: none; } -.blog-post-categories { display: none; } -.blog__card { background-color: #434a51; border-radius: 3px; box-shadow: 3px 3px 0 #bababa; padding: 1em; } -.blog__recents { font-size: 0.95em; } - -.text-secondary { color: #eee !important; margin-bottom: 1em; } - -/* buttons */ - -.badge-primary { background-color: #d63d3d; } -.badge-primary[href]:focus, .badge-primary[href]:hover { background-color: #D50000; } - -/* paginator */ - -.page-item.active .page-link { - color: #000 !important; - border-color: #aaa !important; - background-color: #aaa !important; -} - -.page-link { - color: #000 !important; - background-color: #fff; -} - -/* image sizing */ - -.blog-post img { - max-width: 100%; -} - -.blog-header, .blog-post, .blog-pagination { - margin-bottom: 2rem; -} - -@media screen and (max-width: 768px) { - .blog-header, .blog-post, .blog-pagination { - max-width: 90vw; - } -} - -/* fade in animations */ -main, .container { animation: fadein 1s; } -.overlay { animation: fadein 0.2s; } - -@keyframes fadein { - from { opacity: 0; } - to { opacity: 1; } -} - -/* Firefox < 16 */ -@-moz-keyframes fadein { - from { opacity: 0; } - to { opacity: 1; } -} - -/* Safari, Chrome and Opera > 12.1 */ -@-webkit-keyframes fadein { - from { opacity: 0; } - to { opacity: 1; } -} - -/* Internet Explorer */ -@-ms-keyframes fadein { - from { opacity: 0; } - to { opacity: 1; } -} - -/* Opera < 12.1 */ -@-o-keyframes fadein { - from { opacity: 0; } - to { opacity: 1; } -} |