1 files changed, 183 insertions, 0 deletions
diff --git a/maldrama.cc/assets/stylesheets/stylesheet.css b/maldrama.cc/assets/stylesheets/stylesheet.css
new file mode 100644
index 0000000..a6454b1
--- /dev/null
+++ b/maldrama.cc/assets/stylesheets/stylesheet.css
@@ -0,0 +1,183 @@
+/* Inspiration + CSS "intro" credits: bones.sesh.team */
+/* Sources used list: 
+    - spinbot.pw (video tag, #center),
+    - http://static.tumblr.com/zlim8hm/29yn6561z/force-cursor.png (cursor),
+    - https://github.com/tsenart/sight/blob/master/fonts/Consolas.ttf (font),
+    - https://emerald.gg/images/dot.png (2x2 dot, inspiration and pattern CSS)
+*/
+
+html {
+	cursor:url("../others/cursor.png"), default;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+
+a {
+	color: #e4e3e3;
+	text-decoration: none;
+}
+
+body, input {
+	color: #e4e3e3;
+	background-color: #000
+}
+
+@font-face {
+	font-family: courier_regular;
+	src: url("../others/Consolas.ttf");
+}
+
+* {
+	padding: 0;
+	margin: 0;
+	font-family: consolas, sans-serif;
+}
+
+body {
+	overflow-x: hidden;
+}
+
+input {
+	outline: 0;
+	border: none;
+}
+
+td {
+	padding: 3px;
+}
+
+hr {
+	margin-top: 15px;
+	margin-bottom: 15px;
+	border-style: dashed
+}
+
+pre {
+    font-size: 1.15em;
+}
+
+.box, body, input {
+	background-color: #000;
+}
+
+.box {
+	padding: 15px;
+	width: 100%;
+	height: 100%;
+	overflow: auto;
+}
+
+.top-right {
+	position: absolute;
+	top: 0;
+	right: 5px;
+}
+
+.container {
+	position: fixed;
+	text-align: center;
+	top: 50%;
+	left: 50%;
+	-webkit-transform: translate(-50%, -50%);
+	transform: translate(-50%, -50%);
+}
+
+#brand {
+    margin-left: 0.65pc;
+}
+
+.marquee-container {
+	position: absolute;
+	width: 100%;
+	bottom: 10%;
+	text-align: center;
+}
+
+#marquee {
+	width: 420px;
+	overflow: hidden;
+	display: inline-block;
+	margin-bottom: -4.5px;
+	font-size: 15px;
+}
+
+.emoticon {
+	vertical-align: middle;
+}
+
+.main {
+	overflow: hidden;
+}
+
+.background {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	z-index: -3;
+}
+
+#pattern {
+	background: transparent url("../others/dot.png") repeat 0 0;
+	top: 0;
+	left: 0;
+	margin: 0;
+	padding: 0;
+	z-index: -1;
+	opacity: 1;;
+}
+
+#pattern, #background {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+}
+
+#background {
+	z-index: -2;
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	min-width: 135%;
+	min-height: 110%;
+	width: auto;
+	height: auto;
+	transform: translateX(-50%) translateY(-50%);
+	background-size: cover;
+	overflow: hidden;
+	-webkit-filter: blur(5px);
+	-moz-filter: blur(5px);
+	-o-filter: blur(5px);
+	-ms-filter: blur(5px);
+	filter: blur(5px);
+}
+
+.footer {
+	position: absolute;
+	bottom: 0;
+	right: 5px;
+}
+
+.trollface-light {
+	filter: invert(100%);
+	-webkit-filter: invert(100%);
+	-moz-filter: invert(100%);
+	-ms-filter: invert(100%);
+}
+
+::-webkit-scrollbar {
+	width: 0;
+}
+
+/* Letters go apart on hover */
+#apart:hover {
+	letter-spacing: 3px;
+	transition: .5s
+}
+
+#apart {
+	transition: .5s;
+}
+\ No newline at end of file