diff --git a/content/ico/comic.md b/content/ico/comic.md index 2352787a..da780986 100644 --- a/content/ico/comic.md +++ b/content/ico/comic.md @@ -2,8 +2,8 @@
-

- Please spread the word to *kind people* who make decisions *based on facts*. +

+ Please spread the word to kind people who make decisions based on facts. An initial group of people of such caliber would be a uplifting experience indeed. The actual link to the ICO is hidden in plain sight, hence our rather pathetic attempt in trying to filter for these qualities becomes apparent. @@ -12,14 +12,25 @@

-
-
-
- - - - - +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
diff --git a/content/ico/detail.md b/content/ico/detail.md deleted file mode 100644 index bc14f0e8..00000000 --- a/content/ico/detail.md +++ /dev/null @@ -1,5 +0,0 @@ -
-
- ICO detail -
-
diff --git a/themes/fractalide-site/files/img/comic/sword-glint-04.gif b/themes/fractalide-site/files/img/comic/sword-glint-04.gif new file mode 100644 index 00000000..efabdf9b Binary files /dev/null and b/themes/fractalide-site/files/img/comic/sword-glint-04.gif differ diff --git a/themes/fractalide/files/css/custom.css b/themes/fractalide/files/css/custom.css index 9775aeff..a2de7496 100644 --- a/themes/fractalide/files/css/custom.css +++ b/themes/fractalide/files/css/custom.css @@ -13,6 +13,10 @@ .text_blue { color: #58B4CD; } +.text_blue b { + color: #58B4CD; + font-weight: bold; +} .text_dark_blue { color: #0d3e4c; } @@ -825,23 +829,71 @@ section#ico h1.fractal_white { margin-bottom: 80px; } +.comic_container { + width: 100%; +} +.comic_slide { + width: 770px; +} .comic { - max-width: 100%; + width: 100%; +} +.comic_secret { + width: 100%; +} +.comic_secret_sword { + width: 391px; + margin: -309px -1px 0 0; + z-index: 9999; } .comic_end { margin-bottom: -350px; } -@media (max-width: 768px) { + +@media (max-width: 479px) { + .comic_slide { + width: 350px; + } + .comic_secret_sword { + width: 178px; + margin: -153px -1px 0 0; + } + .comic_end { + margin-bottom: 0px; + } +} +@media (min-width: 480px) and (max-width: 767px) { + .comic_slide { + width: 350px; + } + .comic_secret_sword { + width: 178px; + margin: -153px -1px 0 0; + } .comic_end { margin-bottom: 0px; } } -@media (min-width: 769px) and (max-width: 991px) { +@media (min-width: 768px) and (max-width: 991px) { + .comic_slide { + width: 550px; + } + .comic_secret_sword { + width: 279px; + margin: -227px -1px 0 0; + } .comic_end { margin-bottom: -240px; } } @media (min-width: 992px) and (max-width: 1199px) { + .comic_slide { + width: 770px; + } + .comic_secret_sword { + width: 391px; + margin: -309px -1px 0 0; + } .comic_end { margin-bottom: -180px; }