Browse Source

add margin

schtonn 2 years ago
parent
commit
4564a25c58
4 changed files with 36 additions and 9 deletions
  1. 2 2
      crypty/index.html
  2. 28 0
      css/style.css
  3. 3 3
      index.html
  4. 3 4
      score/index.html

+ 2 - 2
crypty/index.html

@@ -15,8 +15,8 @@
 	<link rel="preconnect" href="https://fonts.gstatic.com">
 	<link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
 &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
-<!-- <link rel="stylesheet" href="/website/Other/css/style.css"> -->
-<link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="../css/style.css">
+<!-- <link rel="stylesheet" href="/css/style.css"> -->
 </head>
 
 <body>

+ 28 - 0
css/style.css

@@ -5,3 +5,31 @@ h1,h2,h3,h4
     {
         font-weight: bold;
     }
+
+@media screen{
+    body
+    {
+        padding: 20px 5px 5px 5px;
+    }
+}
+    
+
+@media screen and (min-width:699px){
+    body
+    {
+        padding: 20px 75px 40px 75px;
+    }
+    #fileOutput{
+        margin-right: 50px;
+    }
+}
+
+@media screen and (min-width:1200px){
+    body
+    {
+        padding: 20px 150px 40px 150px;
+    }
+    #fileOutput{
+        margin-right: 200px;
+    }
+}

+ 3 - 3
index.html

@@ -20,13 +20,13 @@
     <link rel="preconnect" href="https://fonts.gstatic.com">
     <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
 &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
-<!-- <link rel="stylesheet" href="/website/Other/css/style.css"> -->
-<link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="css/style.css">
+<!-- <link rel="stylesheet" href="/css/style.css"> -->
 <title>schtonn</title>
 
 </head>
 
-<body itemscope itemtype="http://schema.org/WebPage" style="height: 1145.14px; margin: 5px;">
+<body itemscope itemtype="http://schema.org/WebPage" style="height: 1145.14px;">
     <script src="js/cursorEffects.js"></script>
     <script type="text/javascript">
         new cursoreffects.bubbleCursor({ emoji: "🤐" });

+ 3 - 4
score/index.html

@@ -6,8 +6,8 @@
     <link rel="preconnect" href="https://fonts.gstatic.com">
 	<link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
 &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
-<!-- <link rel="stylesheet" href="/website/Other/css/style.css"> -->
-<link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="../css/style.css">
+<!-- <link rel="stylesheet" href="/css/style.css"> -->
     <script type="text/javascript">
         function decimal(x, n) {
             x = Math.round(x * 10 ** n) / 10 ** n;
@@ -24,7 +24,6 @@
             var reader = new FileReader();
             var content = "";
             reader.onload = function (event) {
-                $("#tableToggler").removeClass("disabled");
 
                 var output = document.getElementById("fileOutput");
                 var object = eval("(" + event.target.result + ")");
@@ -174,7 +173,7 @@
 
     </script>
 </head>
-<body style="margin: 5px;">
+<body>
     <div style="text-align: center;">
         <a tabindex="0" class="btn btn-default" onclick="document.getElementById('fileInput').click();"
             style="text-shadow: rgb(155, 155, 155) 3px 2px 4px;display:inline-block;">