diff options
author | Yigit Sever | 2021-04-19 18:23:22 +0300 |
---|---|---|
committer | Yigit Sever | 2021-04-19 18:23:22 +0300 |
commit | 59ea3bd25b1f113168333eccdc9ffc4acd98cfe6 (patch) | |
tree | 4d76d4423f7d47755890aa98cbf0751978ef9180 /static/site.css | |
download | gradecoin-site-59ea3bd25b1f113168333eccdc9ffc4acd98cfe6.tar.gz gradecoin-site-59ea3bd25b1f113168333eccdc9ffc4acd98cfe6.tar.bz2 gradecoin-site-59ea3bd25b1f113168333eccdc9ffc4acd98cfe6.zip |
Initial commit
Diffstat (limited to 'static/site.css')
-rw-r--r-- | static/site.css | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/static/site.css b/static/site.css new file mode 100644 index 0000000..6c79aa9 --- /dev/null +++ b/static/site.css | |||
@@ -0,0 +1,57 @@ | |||
1 | .content blockquote { | ||
2 | border-left: #689d6a 8px solid; | ||
3 | |||
4 | } | ||
5 | .content blockquote.tidbit { | ||
6 | border-left: #928f74 8px solid; | ||
7 | font-size: 12px; | ||
8 | color: #282828; | ||
9 | } | ||
10 | |||
11 | li p { | ||
12 | margin: 2px; | ||
13 | } | ||
14 | |||
15 | /* OUTER CONTAINER */ | ||
16 | .tcontainer { | ||
17 | width: 100%; | ||
18 | overflow: hidden; /* Hide scroll bar */ | ||
19 | } | ||
20 | |||
21 | /* MIDDLE CONTAINER */ | ||
22 | .ticker-wrap { | ||
23 | width: 100%; | ||
24 | padding-left: 100%; /* Push contents to right side of screen */ | ||
25 | background-color: #eee; | ||
26 | } | ||
27 | |||
28 | /* INNER CONTAINER */ | ||
29 | @keyframes ticker { | ||
30 | 0% { transform: translate3d(0, 0, 0); } | ||
31 | 100% { transform: translate3d(-100%, 0, 0); } | ||
32 | } | ||
33 | |||
34 | .ticker-move { | ||
35 | /* Basically move items from right side of screen to left in infinite loop */ | ||
36 | display: inline-block; | ||
37 | white-space: nowrap; | ||
38 | padding-right: 100%; | ||
39 | animation-iteration-count: infinite; | ||
40 | animation-timing-function: linear; | ||
41 | animation-name: ticker; | ||
42 | animation-duration: 30s; | ||
43 | } | ||
44 | |||
45 | .ticker-move:hover{ | ||
46 | animation-play-state: paused; /* Pause scroll on mouse hover */ | ||
47 | } | ||
48 | |||
49 | /* ITEMS */ | ||
50 | .ticker-item { | ||
51 | display: inline-block; /* Lay items in a horizontal line */ | ||
52 | padding: 0 5px; | ||
53 | } | ||
54 | |||
55 | .ticker-item::before { | ||
56 | content: " ✑ "; | ||
57 | } | ||