From 83b7d89f05ee76bb3493369cd1fece524f7fcb75 Mon Sep 17 00:00:00 2001 From: Bobby Date: Tue, 20 May 2025 06:29:35 +0530 Subject: v2 setup --- static/css/shared/core.css | 164 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 164 insertions(+) create mode 100644 static/css/shared/core.css (limited to 'static/css/shared/core.css') diff --git a/static/css/shared/core.css b/static/css/shared/core.css new file mode 100644 index 00000000..931f7bad --- /dev/null +++ b/static/css/shared/core.css @@ -0,0 +1,164 @@ +/* Core CSS - Shared Styles */ + +/* Reset CSS */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + outline: none; + border: none; +} + +/* HTML and Body Base */ +html { + background-color: #000; + color: #fff; + min-width: 1200px; +} + +body { + min-height: 100vh; + overflow-x: hidden; + position: relative; +} + +body, +textarea, +input { + font-size: 12px; + font-weight: 400; + line-height: 1.5; +} + +/* Element Styles */ +hr { + height: 1px; + background: #fff; +} + +a, +a:link, +a:visited { + color: #8d8dff; + text-decoration: none; +} + + +a:hover, +a:active { + color: #df23c4; +} + +button { + background: #4444b1; + color: #fff; + padding: 8px 16px; + border-radius: 4px; + cursor: pointer; + outline: none; + font-weight: bold; +} + +button:hover { + background: #df23c4; +} + +button:active { + background: #8d8dff; +} + +button:disabled { + background: #8d8dff; + color: #ccc; + cursor: not-allowed; +} + +button:disabled:hover { + background: #8d8dff; +} + +button:focus { + outline: none; +} + +a:hover { + text-decoration: underline; +} + +textarea { + resize: none; + background: transparent; +} + +/* Image Styles */ +img { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + image-rendering: -webkit-optimize-contrast; +} + +/* Video Background */ +#video-background { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + min-width: 100%; + min-height: 100%; + z-index: -100; + object-fit: cover; +} + +/* Video Overlay */ +#video-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #000; + opacity: 0.7; + z-index: -99; +} + +/* Layout Structure Wrappers */ +#body-wrapper { + position: relative; + z-index: 1; + width: 1200px; + margin: 0 auto; + right: 10px; +} + +#content-wrapper { + display: flex; +} + +/* Main Content and Sidebars */ +#left-sidebar { + width: 200px; + border-top: 1px solid #fff; + border-top-left-radius: 14px; +} + +#main-content { + width: 800px; + padding: 0 0px 0px 20px; + border-top: 1px solid #fff; +} + +#right-sidebar { + width: 200px; + border-top: 1px solid #fff; +} + +/* Footer */ +#footer { + width: 1200px; + margin-top: 8px; + padding: 8px 0; + text-align: center; + border-top: 1px solid #fff; +} \ No newline at end of file -- cgit v1.2.3