diff --git a/app/static/css/style.css.save b/app/static/css/style.css.save new file mode 100644 index 0000000..9560f3d --- /dev/null +++ b/app/static/css/style.css.save @@ -0,0 +1,449 @@ +@font-face { + font-family: "Lyon"; + src: url("LyonJeanTrue.ttf"); + font-weight: 300; + font-style: normal;} + +@font-face { + font-family: "Favorit"; + src: url("Favorit_Regular.ttf"); + font-weight: 300; + font-style: normal;} + +@font-face { + font-family: "Favorit"; + src: url("Favorit_Regular-Italic.ttf"); + font-weight: 300; + font-style: italic;} + +@font-face { + font-family: "Favorit"; + src: url("Favorit_Medium.ttf"); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: "Favorit"; + src: url("Favorit_Medium-Italic.ttf"); + font-weight: 400; + font-style: italic;} + +body { + background-color: #e6e7e8; + overflow-x: hidden; + width: 100vw; +} + +.spaceleft{ + margin-left: 15vw; + padding-top: 30px; + padding-left: 15px; +} + +h3{ + font-weight: 400; + margin-bottom: 20px; + text-transform: uppercase; + transform: scaleX(0.75); + transform-origin: 0 0; + font-size: calc(10px + 0.3vw); + font-family: "Favorit", Arial, Helvetica, sans-serif; +} + +h4{ + font-weight: 400; + margin-bottom: 5px; + text-transform: uppercase; + transform: scaleX(0.75); + transform-origin: 0 0; + font-size: calc(10px + 0.3vw); + font-family: "Favorit", Arial, Helvetica, sans-serif; +} + +a{ + color: #000; + text-decoration: none; + display: inline; + font-family: "Favorit", Arial, Helvetica, sans-serif; + font-weight: 300; +} + +a:hover{ + color: #cfff00; + text-decoration: none; + cursor: pointer; +} + +a:visited{ + text-decoration: none; +} + +/* ASIDE */ + +aside{ + position: fixed; + top: 0; + left: 0; + width: calc(15vw - 30px); + height: 100vh; + z-index: 2; + display: inline-block; + background-color: #cfff00; + font-family: "Favorit", Arial, Helvetica, sans-serif; + font-size: calc(10px + 0.3vw); + font-weight: 400; + font-style: normal; + line-height: 110%; + padding-left: 30px; + padding-top: 30px; +} + +li{ + transform: scaleX(0.75); + transform-origin: 0 0; +} + +h2{ + transform: scaleX(0.75); + transform-origin: 0 0; + font-weight: 400; +} + +a.mapping:hover{ + color: #FFF; + text-decoration: none; + cursor: pointer; +} + +/* INDEX */ + +h1{ + color: #FFF; + font-family: "Lyon", Arial, Helvetica, sans-serif; + font-size: calc(15px + 5vw); + text-align: center; + width: 100vw; + padding-bottom: 15px; +} + +#indexabout{ + padding-top: 20vh; + padding-bottom: 25px; +} + +dl{ + font-family: "Favorit", Arial, Helvetica, sans-serif; + font-size: calc(12px + 0.3vw); + text-align: center; + width: 100vw; + font-weight: 400; + font-style: italic; + transform: scaleX(0.75); + line-height: 110%; +} + +.colorbackground{ + margin-top: -5px; + position: absolute; + overflow: hidden; + width: 100vw; + height: 100vh; + z-index: 1; +} + +#indexyellowleft{ + position: fixed; + left: 0; + top: 0; + display: inline-block; + width: 38vw; + height: 100vh; + background-color: #cfff00; +} + +#indexyellowright{ + position: fixed; + left: 76vw; + top: 0; + display: inline-block; + height: 100vh; + width: 24vw; + background-color: #cfff00; +} + +.indextext{ + position: fixed; + z-index: 2; +} + + + +/* HEADER */ + +header{ + position: fixed; + top: 5px; + width: calc(100vw - 15px); + font-size: 12px; + font-family: "Lyon", Arial, Helvetica, sans-serif; + font-weight: 300; + font-style: normal; + z-index: 999; +} + +.marquee { + position: relative; + width: calc(100vw - 15px); + max-width: 100%; + overflow-x: hidden; + height: 50px; +} + +.track { + position: absolute; + white-space: nowrap; + will-change: transform; + animation: marquee 20s linear infinite; +} + +@keyframes marquee { + from { transform: translateX(0); } + to { transform: translateX(-50%); } +} + +a.head{ + color: #FFF; + text-decoration: none; + display: inline; + font-family: "Lyon", Arial, Helvetica, sans-serif; +} + +a.head:hover{ + text-decoration: none; + cursor: pointer; +} + +a.head:visited{ + text-decoration: none; + +/* BOOKS REQUESTS */ + +.requestabook{ + position: fixed; + top: 0; + left: 80vw; + width: calc(20vw - 30px); + height: 100vh; + z-index: 3; + display: inline-block; + background-color: #cfff00; + font-family: "Favorit", Arial, Helvetica, sans-serif; + font-size: calc(10px + 0.3vw); + font-weight: 300; + font-style: normal; + line-height: 110%; + padding-left: 30px; + padding-top: 30px; +} + +.scrollrequests{ + overflow: auto; + height: 100%; +} + +.booksrequested{ + padding-bottom: 15px; + padding-top: 15px; + padding-left: 5px; +} + +.info{ + transform: scaleX(0.75); + transform-origin: 0 0; +} + +a.linktorequest{ + text-decoration: none; + font-style: italic; + display: inline; + margin-bottom: 15px; +} + +a.linktorequest:hover{ + color: #FFF; + text-decoration: none; + cursor: pointer; +} + +@keyframes blinker { + 50% { + opacity: 0.5; + } +} + +.compressed{ + animation: blinker 1s linear infinite; + transform: scaleX(0.75); + transform-origin: 0 0; + padding-top: 10px; + padding-bottom: 15px; +} + +/* UPLOAD A BOOK */ +.watermarkspace{ + padding-top: 30px; +} + +.uploadspace{ + padding-top: 30px; +} + +.form-group{ + padding-bottom: 15px; +} + +.finalbutton{ + margin-top: 10px; +} + +button{ + border-top: 2px solid white; + border-left: 2px solid white; + border-right: 2px solid black; + border-bottom: 2px solid black; + padding-bottom: 1px; + transform-origin: 0 0; + font-family: "Favorit", Arial, Helvetica, sans-serif; + text-transform: uppercase; +} + +label { + line-height: 120%; +} + +input{ + margin-top: 5px; +} + +form{ + margin-left: 40px; + display: inline-block; +} + +.explainspace{ + width: 320px; + display: inline-block; + vertical-align:top; + font-style: italic; +} + +.secondp{ + text-indent: 30px; +} + +/* TOR BROWSER */ + +img{ + height: 300px; +} + +.cover{ + display: inline-block; + vertical-align: top; +} + +figcaption{ + font-weight: 400; + margin-bottom: 20px; + text-transform: uppercase; + transform: scaleX(0.75); + transform-origin: 0 0; + font-size: calc(7px + 0.3vw); +} + +/* TEXT ABOUT */ + +.indentedblock{ + padding-left: 15px; + padding-bottom: 30px; +} + +h5{ + font-family: "Lyon", Arial, Helvetica, sans-serif; + font-size: calc(15px + 0.3vw); +} + +.aboutparagraph{ + font-family: "Favorit", Arial, Helvetica, sans-serif; + width: 600px; + padding-bottom: 15px; + font-size: calc(10px + 0.3vw); + font-weight: 300; + font-style: normal; +} + +.aboutlastparagraph{ + width: 600px; + padding-bottom: 50px; + font-size: calc(10px + 0.3vw); + font-weight: 300; + font-style: normal; + font-family: "Favorit", Arial, Helvetica, sans-serif; +} + +/* GUIDELINES */ +.subfour{ + transform: scaleX(0.65); + padding-bottom: 20px; +} + +blockquote{ + width: 600px; + padding-bottom: 30px; + font-size: calc(10px + 0.3vw); + font-style: italic; + padding-top: 5px; + transform: scaleX(0.85); + transform-origin: 0 0; + font-weight: 300; + font-family: "Favorit", Arial, Helvetica, sans-serif; +} + +dd{ + font-family: "Favorit", Arial, Helvetica, sans-serif; +} + +.termslastparagraph{ + width: 600px; + padding-bottom: 25px; + font-size: calc(10px + 0.3vw); +} + +dd{ + line-height: 115%; + padding-bottom: 5px; + width: 600px; + font-size: calc(10px + 0.3vw); + font-weight: 300; +} + +.bulletnumber{ + font-family: "Lyon", Arial, Helvetica, sans-serif; + font-size: calc(10px + 0.3vw); +} + +p{ + font-family: "Favorit", Arial, Helvetica, sans-serif; + font-weight: 300; +} + +label{ + font-family: "Favorit", Arial, Helvetica, sans-serif; + font-weight: 300; +} + +.explainspace{ + font-size: calc(8px + 0.25vw); + line-height: 110%; +}