diff options
Diffstat (limited to 'public/stylesheets')
| -rw-r--r-- | public/stylesheets/hello.css | 23 | ||||
| -rw-r--r-- | public/stylesheets/print.css | 63 | ||||
| -rw-r--r-- | public/stylesheets/style.css | 392 | 
3 files changed, 0 insertions, 478 deletions
diff --git a/public/stylesheets/hello.css b/public/stylesheets/hello.css deleted file mode 100644 index edcbc92..0000000 --- a/public/stylesheets/hello.css +++ /dev/null @@ -1,23 +0,0 @@ -* { -  box-sizing: border-box; -} - -html, body { -  margin: 0; -  font-family: 'Roboto', sans-serif; -  display: flex; -  flex-direction: column; -  justify-content: center; -  text-align: center; -  width: 100vw; -  height: 100vh; -  color: gray; -} - -.ideas { -  font-size: 0.8em; -} - -a { -  color: #3f51b5; -} diff --git a/public/stylesheets/print.css b/public/stylesheets/print.css deleted file mode 100644 index 0e09533..0000000 --- a/public/stylesheets/print.css +++ /dev/null @@ -1,63 +0,0 @@ -#search, #week-selector { -  background-color: inherit; -  box-shadow: inherit; -} - -#search { -  border-bottom: 1px solid black; -  position: absolute; -} - -#search .top-bar, #week-selector .week-wrapper { -  max-width: inherit; -} - -#search input[type="search"] { -  background-color: inherit; -  color: black; -  font-weight: bold; -} - -#search .fav { -  display: none !important; -} - -#search #overflow-button { -  display: none; -} - -#week-selector .week-wrapper { -  display: block; -} - -#week-selector button { -  display: none; -} - -#week-selector .current { -  color: black; -  padding: 16px; -  font-size: 1.1em; -  float: right; -} - -#search-space-filler { -  display: none; -} - -.mdl-menu__container { -  display: none !important; -} - -#schedule { -  padding-top: 16px; -  width: 100%; -} - -.no-print { -  display: none; -} - -.print { -  display: initial; -} diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css deleted file mode 100644 index 830b007..0000000 --- a/public/stylesheets/style.css +++ /dev/null @@ -1,392 +0,0 @@ -* { -  box-sizing: border-box; -} - -html, body { -  margin: 0; -  font-family: 'Roboto', sans-serif; -} - -.other { -  color: gray; -  font-style: italic; -  margin-left: 5px; -} - -#search { -  z-index: 2; -  background-color: #F44336; -  margin: 0 auto; -  width: 100%; -  position: fixed; -  box-shadow: 0 0.5px 1.5px rgba(0,0,0,0.06), 0 0.5px 1px rgba(0,0,0,0.12); -} - -#search .top-bar { -  position: relative; -  margin: 0 auto; -  max-width: 600px; -  padding: 10px; -  display: flex; -} - -#search .input-wrapper { -  position: relative; -  flex-grow: 1; -  color: #FFFFFF; -} - -#search input[type='search'] { -  display: block; -  background-color: #f6695e; -  color: inherit; -  border-radius: 2px; -  width: 100%; -  display: block; -  outline: none; -  border: 0; -  padding: 16px; -  font-size: 16px; -  transition: box-shadow 200ms ease-in-out; -} - -#search input[type='search']:focus { -  background-color: #FFFFFF; -  color: #212121; -  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -} - -#search input[type='search']:focus + button { -  color: #212121; -} - -input[type="search"]::-webkit-search-decoration, -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-results-button, -input[type="search"]::-webkit-search-results-decoration { -  display: none; -} - -input[type="search"]::-ms-clear { -  width: 0; -  height: 0; -} - -button::-moz-focus-inner { -  border: 0; -} - - -/* WebKit, Blink, Edge */ -input::-webkit-input-placeholder { -  color: #FFCDD2; -} -input:focus::-webkit-input-placeholder { -  color: #757575; -} - -/* Mozilla Firefox 4 to 18 */ -input:-moz-placeholder { - color: #FFCDD2; - opacity: 1; -} -input:focus:-moz-placeholder { - color: #757575; -} - -/* Mozilla Firefox 19+ */ -input::-moz-placeholder { - color: #FFCDD2; - opacity: 1; -} -input:focus::-moz-placeholder { - color: #757575; -} - -/* Internet Explorer 10-11 */ -input:-ms-input-placeholder { - color: #FFCDD2; -} -input:focus:-ms-input-placeholder { - color: #757575; -} - -li:hover { -  background-color: lightgray; -  cursor: pointer; -} - -.selected { -  background-color: lightgray; -} - -#schedule { -  overflow: auto; -} - -body.searched #search-space-filler { -  height: 70px; -} - -.autocomplete-wrapper { -  background-color: white; -} - -.autocomplete { -  max-width: 600px; -  margin: 0 auto; -  padding: 0; -} - -.autocomplete li { -  list-style: none; -  padding: 10px; -} - -#week-selector { -  z-index: 1; -  background-color: #F44336; -  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); -  color: white; -} - -#week-selector .week-wrapper { -  max-width: 600px; -  padding: 10px !important; -  margin: 0 auto; -  display: flex; -  -js-display: flex; -  padding: 10px 0; -} - -#week-selector .current { -  display: flex; -  flex-grow: 1; -  align-items: center; -  justify-content: center; -} - -#week-selector .current.changed { -  font-weight: bold; -} - -#week-selector button { -  background: transparent; -  color: white; -  border: 0px; -  padding: 5px 10px; -  border-radius: 2px; -} - -input { -  -webkit-appearance: none; -} - -#search .fav { -  position: absolute; -  font-size: 1.8em; -  color: inherit; -  right: 8.5px; -  top: 8.5px; -  border: 0; -  padding: 4px; -  border-radius: 2px; -  background: none; - -  display: none; -} - -body.searched #search .fav { -  display: block; -} - -#week-selector button:focus, #search #overflow-button:focus, #search .fav:focus { -  outline: none; -  background-color: #D32F2F; -} - -#search #overflow-button { -  background: none; -  border: none; -  padding: 3px 9px; -  color: white; -  border-radius: 2px; -} - -.hidden { -  display: none !important; -} - -ul a { -  color: inherit; -  text-decoration: none; -} - -#search .title { -  display: none; -} - -body:not(.no-input) { -  overflow-y: scroll; -} - -body.no-input #week-selector { -  display: none; -} - -@media screen and (min-height: 400px) { -  body.no-input { -    background-color: #ececec; -  } - -  body.no-input #search { -    height: 100%; -    background-color: #ececec; -    box-shadow: none; -  } - -  body.no-input #search button { -    display: none; -  } - -  body.no-input #search #overflow-button { -    position: absolute; -    display: block; -    top: 0; -    right: 0; -    color: #757575; -  } - -  body.no-input #search .print-page { -    display: none; -  } - -  body.no-input #search #overflow-button:focus { -    background-color: inherit; -    color: #212121; -  } - -  body.no-input #search .logo { -    background-image: url(/icons/mml-logo.png); -    background-position: center; -    background-repeat: no-repeat; -    background-size: contain; -    height: 100px; -    width: 100px; - -    /* virtual center: http://javier.xyz/visual-center/ */ -    transform: translate(-8%,-3%); -    margin: 0 auto; -  } - -  body.no-input #search .title { -    display: block; -    font-size: 55px; -    padding-bottom: 32px; -  } - -  body.no-input #search .title .text { -    text-align: center; -    line-height: 55px; -  } - -  body.no-input #search .top-bar { -    position: static; -    display: block; -    margin-top: 50vh; -    transform: translateY(-75%); -  } - -  body.no-input #search input[type='search'] { -    background-color: #FFF; -  } - -  /* WebKit, Blink, Edge */ -  body.no-input #search input::-webkit-input-placeholder { -    color: #757575; -  } - -  /* Mozilla Firefox 4 to 18 */ -  body.no-input #search input:-moz-placeholder { -    color: #757575; -    opacity: 1; -  } - -  /* Mozilla Firefox 19+ */ -  body.no-input #search input::-moz-placeholder { -    color: #757575; -    opacity: 1; -  } - -  /* Internet Explorer 10-11 */ -  body.no-input #search input:-ms-input-placeholder { -    color: #757575; -  } - -  body.no-input .tooltip { -    display: block; -    position: absolute; -    background-color: white; -    padding: 15px; -    margin: 32px 8px; -    border-radius: 2px; - -    left: 16px; -    right: 16px; -  } - -  body.no-input .tooltip::before { -    content: ''; -    width: 24px; -    height: 24px; -    background-color: white; -    top: -12px; -    position: absolute; -    transform: rotate(45deg); -    z-index: -1; -  } -} - -.tooltip { -  display: none; -} - -.error { -  text-align: center; -  margin-top: 100px; -  padding: 16px; -} - -body.week-selector-not-visible #search { -  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); -} - -body.week-selector-not-visible #week-selector { -  box-shadow: inherit; -} - -.print { -  display: none; -} - -#notification { -  max-width: 600px; -  padding: 10px; -  margin: 0 auto; -} - -#notification .box { -  display: flex; -  background-color: #e0e0e0; -  padding: 8px; -  border-radius: 2px; -  align-items: center; -} - -#notification .text { -  padding-left: 8px; -} - -.grow { -  flex-grow: 1; -}  | 
