aboutsummaryrefslogtreecommitdiffstats
path: root/static/site.css
diff options
context:
space:
mode:
authorYigit Sever2021-04-19 18:23:22 +0300
committerYigit Sever2021-04-19 18:23:22 +0300
commit59ea3bd25b1f113168333eccdc9ffc4acd98cfe6 (patch)
tree4d76d4423f7d47755890aa98cbf0751978ef9180 /static/site.css
downloadgradecoin-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.css57
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
11li 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}