mue/assets/css/base.css

2 lines
6.0 KiB
CSS

.mountain{background-image:url("../img/1.jpeg")}.sunrise{background-image:url("../img/2.jpeg")}.butterfly{background-image:url("../img/3.jpeg")}.leaves{background-image:url("../img/4.jpeg")}.river{background-image:url("../img/5.jpeg")}.sea{background-image:url("../img/6.jpeg")}.space{background-image:url("../img/7.jpeg")}.ice{background-image:url("../img/8.jpeg")}.waterfall{background-image:url("../img/9.jpeg")}.lake{background-image:url("../img/10.jpeg")}.sunset{background-image:url("../img/11.jpeg")}.desert{background-image:url("../img/12.jpeg")}.canyon{background-image:url("../img/13.jpeg")}.rose{background-image:url("../img/14.jpeg")}.forest{background-image:url("../img/15.jpeg")}.cherry{background-image:url("../img/16.jpeg")}.clouds{background-image:url("../img/17.jpeg")}.winter{background-image:url("../img/18.jpeg")}.autumn{background-image:url("../img/19.jpeg")}.flowers{background-image:url("../img/20.jpeg")}.sunrise{background-image:url("../img/21.jpeg")}.rocks{background-image:url("../img/22.jpeg")}.trees{background-image:url("../img/23.jpeg")}.mountains{background-image:url("../img/24.jpeg")}.beach{background-image:url("../img/25.jpeg")}@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:url("../font/MaterialIcons-Regular.woff2") format("woff2")}.material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-moz-font-feature-settings:"liga";font-feature-settings:"liga";-moz-osx-font-smoothing:grayscale}@font-face{font-family:"Open Sans";src:url("../font/opensans-regular-webfont.woff2") format("woff2"),url("../font/opensans-regular-webfont.woff") format("woff");src:url("../font/roboto-v18-latin-regular.woff2") format("woff2")}i.material-icons{font-size:30px;display:inline;color:#fff}html,body{height:100%}body{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:0;background-size:cover;background-position:50%;background-color:#000;font-family:"Open Sans";color:#fff;overflow:hidden;-moz-user-select:none;user-select:none}:root{--shadow-color: #111111CC}.greeting,time,.quote{position:absolute;filter:drop-shadow(var(--shadow-shift) var(--shadow-shift) 0 var(--shadow-color))}::selection{background:#ff4f4e;color:#fff}.quote{padding-top:15em;--shadow-shift: 0.125rem;width:37.5%;max-width:37.5rem;font-size:1.5rem;text-align:center}.quote blockquote{margin:0 0 .25rem 0;line-height:1.125}.quote blockquote ::before{content:"“";margin-right:.25ch}.quote blockquote ::after{content:"”";margin-left:.25ch}.quote cite{font-size:83.33%}.search-bar{position:absolute;left:20px;top:20px;display:flex;flex-direction:row}.search-bar button{font-size:1px;border:none;cursor:pointer;background:none;--shadow-shift: 0.4rem;display:inline}.search-bar button i.material-icons{text-shadow:0 0 25px rgba(0,0,0,.3)}.search-bar input[type=text]{padding:10px;font-size:15px;border:5px;opacity:.5;color:#fff;font-weight:bold;margin-left:5px;letter-spacing:1px;display:inline}.input.searchText{flex-grow:2;border:none;box-shadow:0 0 20px rgba(0,0,0,.3)}.searchbarform{display:flex;flex-direction:row}button.settings,button.news{background:transparent;border:none;color:#fff;padding:20px 20px;text-align:center;text-decoration:none;font-size:20px;cursor:pointer;border-radius:5px;display:table-cell}.buttons{position:absolute;right:10px;top:10px}.buttons i.material-icons{text-shadow:0 0 20px rgba(0,0,0,.3);padding-top:0}button.news{position:absolute;right:60px;top:0px}button.copyButton{background:transparent;border:none;color:#fff;padding:20px 20px;text-align:center;text-decoration:none;font-size:20px;cursor:pointer;border-radius:5px;display:table-cell}button.settings{background:transparent;border:none;color:#fff;padding:20px 20px;text-align:center;text-decoration:none;font-size:20px;cursor:pointer;border-radius:5px;display:table-cell}.buttons{position:absolute;right:10px;top:10px}i.material-icons{font-size:30px;display:inline;color:#fff}li.items{list-style:none;margin:0;padding-top:30px}.modal{display:none}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider :before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#ff4f4e}input:focus+.slider{box-shadow:0 0 1px #ff4f4e}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.title{float:left}.blurslider{margin-top:7px;-webkit-appearance:none;width:200px;height:15px;border-radius:5px;background:#d3d3d3;outline:none;float:right}.blurslider ::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#ff4f4e;cursor:pointer}.blurslider ::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#ff4f4e;cursor:pointer}.dropdown{position:relative;display:block;float:right;padding:10px;border:none;background:#ecf0f1}label.switch,p.switch{display:inline}label.switch{float:right}li.items{list-style:none;margin:0;padding-top:30px}.modal{display:none}.modal-content{max-height:500px}img{max-width:100%;margin-top:20px}.greeting{text-shadow:0 0 25px rgba(0,0,0,.3);font-size:3.25rem;padding-bottom:10em;font-weight:bold;letter-spacing:2px}time{text-shadow:0 0 25px rgba(0,0,0,.3);font-size:12rem;font-weight:bold}#withSeconds,#withoutSeconds,#greetingText{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}/*# sourceMappingURL=base.css.map */