diff options
| author | thinkpadmaster <a.scerba02@gmail.com> | 2023-07-13 23:35:05 -0500 | 
|---|---|---|
| committer | thinkpadmaster <a.scerba02@gmail.com> | 2023-07-13 23:35:05 -0500 | 
| commit | fca693f8cf2eeeae92939488b63127a90030c8fb (patch) | |
| tree | bfe7d75448b9d2714f024e7d783d3e901facfbab /data/static/oldStyle.css | |
| parent | e864807341990f5c72e198d96740983bf7671584 (diff) | |
Extreme structure changes and file renames. Move to new template format.
Diffstat (limited to 'data/static/oldStyle.css')
| -rw-r--r-- | data/static/oldStyle.css | 348 | 
1 files changed, 0 insertions, 348 deletions
| diff --git a/data/static/oldStyle.css b/data/static/oldStyle.css deleted file mode 100644 index 73a4838..0000000 --- a/data/static/oldStyle.css +++ /dev/null @@ -1,348 +0,0 @@ -/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/ - - -/* Standard elements */ -* { -  box-sizing: border-box; -} - -html { -  scroll-behavior: smooth; -} - -/* Header */ - -header { -  padding: 30px; -  text-align: center; -  background: rgba(0,0,0,0.1); -} - -.header.sticky { -  padding-bottom: 99px; -} - -#name { -  font-weight: bold; -  font-size: 250%; -} - -/* Navigation */ - -.nav.sticky { -  display: inline-block; -  position: fixed; -  min-width: 100%; -  top: 0; -  left: 0; -} - -.action { -  margin: 0; -  padding: 0; -  background-color: #333; -} - -.action ul { -  display: flex; -  justify-content: space-around; -  list-style: none; -  margin: 0; -  padding: 0; -} - -.action ul li a { -  margin: 0; -  padding: 20px; -  color: white; -  text-decoration: none; -  display: inline-block; -} - -.action ul li { -  margin: 5px; -  border-radius: 15px; -} - -.action ul li:hover { -  background-color: #ddd; -} - -.action ul li a:hover { -  color: #333; -} - -.action span { -  display: none; -} - -#side-navigation { -  padding: 20px; -  flex: 25%; -} - -#side-nav-scroll-box { -  margin: 10px 0; -  padding: 5px; -  border: 2px #333 solid; -  border-radius: 6px; -  background-color: rgba(0,0,0,0.1); -} - -::-webkit-scrollbar-track { -  background: rgba(0,0,0,0.1); -} - -#outline-navigation { -  max-height: 50vh; -  overflow: auto; -  margin: 0; -  padding: 0 0 0 25px; -} - -#outline-navigation li { -  margin: 10px; -} - -/* Main content containers */ - -#root-article { -  flex: 75%; -} - -#main-wo-aside { -  padding: 20px 20%; -} - -#main-w-aside { -  display: flex; -  flex-wrap: wrap; -  padding: 20px 0; -  padding-right: 20%; -} - -/* Body and standard tags */ - -body { -  /*font-family: 'Roboto', sans-serif; -  font-size: 100%;*/ -  font-family: Arial, Helvetica, sans-serif; -  margin: 0px; -} - -main h1 { -  text-align: center; -} - -/* main h1, h2, h3, h4, h5, h6 { -  font-family: 'Arial'; -} */ - -main p { -  text-align: justify; -} - -main p a { -  text-decoration: underline; -} - -main a { -  color: black; -  text-decoration: none; -} - -main ul { -  padding-left: 20px; -} - -main img { -  border-radius: 6px; -  max-width: 100%; -} - -main figure { -  margin: auto; -  /*margin: 10px;*/ -  border: 2px #333 solid; -  border-radius: 6px; -  padding: 20px 20px 5px 20px; -  max-width: 50%; -} - -blockquote { -  font-style: italic; -} - -/* Special classes */ - -.head-bar { -  border: 2px black solid; -} - -.framed-article { -  margin: 25px; -  padding: 5px 25px; -  border: 2px #333 solid; -  border-radius: 6px; -  max-width: 100%; -} - -.framed-article-half { -  flex: 50%; -  padding: 5px 25px; -  border: 2px #333 solid; -  border-radius: 6px; -  max-width: 100%; -} - -.tile { -  display: flex; -  flex-wrap: wrap; -  padding: 25px; -} - -.tile article { -  flex: 40%; -  max-width: auto; -  padding: 0px 15px 0px 15px; -  border: 2px gray solid; -  border-radius: 6px; -  margin: 5px; -} - -.tile figure { -  flex: 40%; -  max-width: auto; -  padding: 15px; -  border: 2px gray solid; -  border-radius: 6px; -  margin: 5px; -} - -/* Footer */ - -footer { -  margin: 0; -  padding: 5px; -  text-align: center; -  color: white; -  background-color: #333; -} - -footer a { -  color: rgb(189, 212, 255); -  padding: 0; -} - -/* Figure resize at 1500px */ - -@media screen and  -(max-width: 1500px) { -  figure { -    max-width: 60%; -  } -  .tile figure { -    max-width: auto; -  } -} - -/* Flex side nav to top of screen and resize figure */ - -@media screen and  -(max-width: 1200px) { -  header, #main-w-aside{ -    flex-direction: column; -  }   -  #main-w-aside, #main-wo-aside { -    padding-left: 10%; -    padding-right: 10%; -  } -  figure { -    max-width: 70%; -  } -  .tile figure { -    max-width: auto; -  } -} - -/* Mobile View */ - -@media only screen  -and (max-width: 510px) { -  main figure { -    max-width: 100%; -  } -  .tile { -    flex-direction: column; -  } -  .tile article { -    max-width: 100%; -  } -  .tile figure { -    max-width: 100%; -  } -  #side-navigation { -    padding: 20px 10%; -  } - -  main a { -    text-decoration: none; -  } -   -  .action { -    position: fixed; -    bottom: 25px; -    left: 25px; -    width: 50px; -    height: 50px; -    cursor: pointer; -    background: #333; -    border-radius: 50%; -    box-shadow: 0 5px 5px rgba(0,0,0,0.1); -  } -  .action span { -    position: relative; -    width: 100%; -    height: 100%; -    display: flex; -    justify-content: center; -    align-items: center; -    color: white; -    font-size: 2em; -    transition: 0.3s ease-in-out -  } -  .action.active span { -    transform: rotate(135deg); -  } -  .action ul { -    position: absolute; -    bottom: 25px; -    background: #333; -    min-width: 150px; -    padding: 0; -    border-radius: 20px; -    opacity: 0; -    display: inline; -    visibility: hidden; -    transition: 0.3s; -  } -  .action.active ul { -    bottom: 70px; -    opacity: 1; -    visibility: visible; -    transition: 0.3s; -  } -  .action ul li { -    list-style: none; -    display: flex; -    justify-content: center; -    align-items: center; -    border-radius: 15px; -    padding: 0; -    margin: 5px; -  } - -  #outline-navigation { -    max-height: 25vh; -  } -}
\ No newline at end of file | 
