|
|
- body {
- background: #fff url('/ordinary/static/img/bg.jpg') repeat-x fixed center top / 650px;
- font-family: 'Noto Sans SC', sans-serif;
- font-weight: 300;
- }
-
- .container {
- overflow: hidden;
- min-height: 100vh;
- }
-
- .user-info {
- position: fixed;
- top: 0;
- right: 0;
- z-index: 1030
- }
-
- .user-info:not(:hover) div:not(.show) .username{
- display: none;
- }
-
- .story-card {
- display: inline-block;
- margin: 0 30px 45px;
- max-width: 20rem;
- vertical-align: top;
- }
-
- .story-text {
- font-size: 90%;
- text-indent: 2rem;
- }
-
- .card-img-top {
- margin: 5% 25%;
- width: 50%;
- }
-
- h1, h2, h3, h4, h5 {
- font-family: 'Noto Serif SC', serif;
- }
-
- h4, h5, b {
- font-weight: 700;
- }
-
- a, a:hover,
- .btn-link, .btn-link:hover {
- color: inherit;
- text-decoration: underline;
- }
-
- a:focus, .btn-link:focus {
- box-shadow: none;
- }
-
- .btn-lg {
- font-family: 'Noto Serif SC', serif;
- }
-
- .part1 {
- width: 100%;
- max-width: 500px;
- float: left;
- position: relative;
- }
-
- .part2 {
- min-width: 250px;
- max-width: 500px;
- overflow: hidden;
- padding-left: 25px;
- position: relative;
- }
-
- .part-box {
- min-width: 250px;
- min-height: 450px;
- }
-
- .qbox {
- border: 2px black solid;
- background: white;
- padding: 5px;
- color: black;
- margin: 5px 5px 40px;
- }
-
- #answerLogin input {
- border: none;
- border-bottom: 1px solid;
- border-radius: 0;
- }
-
- #answerLogin {
- border: 1px #f0f0f0 solid;
- padding: 5px;
- }
-
- .timeago {
- font-size: 0.5em;
- margin-right: 10px;
- }
-
- .behind {
- z-index: 98;
- cursor: pointer;
- transform: translateY(5px) scale(0.98);
- transform-origin: top;
- transition-property: transform;
- transition-duration: 0.5s;
- }
-
- .front {
- z-index: 99;
- transition-property: transform;
- transition-duration: 0.5s;
- }
-
- .create-paragraph {
- position: absolute;
- top: 0;
- right: 0;
- margin: 0 0 30px 20px;
- width: 90%;
- background: #000;
- color: #fff;
- }
-
- .create-paragraph textarea {
- border: none;
- border-radius: 0;
- border-bottom: 2px solid;
- background: black;
- color: white;
- }
-
- .paragraph-list {
- position: relative;
- margin: 30px 20px 30px 0;
- }
-
- .show-mask {
- display: block;
- position: absolute;
- top: 20px;
- right: 35px;
- text-align: center;
- padding-top: 330px;
- width: 100%;
- z-index: 999;
- }
-
- .footer {
- background: black;
- color: white;
- text-align: center;
- font-size: 80%;
- border-top: solid 1px white;
- }
-
- .footer p {
- margin: 10px 0 0;
- float: bottom;
- }
|