PHPStorm stuff

assets/style.css

@@ -17,6 +17,7 @@
     --third-bg: #383838;
 }
 
+
 body {
     display: grid;
     width: 100%;
@@ -37,6 +38,13 @@ body {
     padding: 0;
 }
 
+body > nav,
+body > footer {
+    background-color: rgba(0, 0, 0, 0.6);
+    padding: 1.2rem;
+    text-align: center;
+}
+
 body > nav {
     display: flex;
     flex-direction: row;
@@ -48,13 +56,14 @@ body > nav {
     margin-bottom: 20px;
 }
 
+
 body > footer {
     grid-area: foot;
     box-shadow: 0 -20px 28px 0 rgba(0, 0, 0, 0.6);
     margin-top: 20px;
 }
 
-body > page {
+body > main {
     grid-area: main;
     height: 100%;
 }
@@ -70,11 +79,23 @@ header hr {
     width: 30%;
 }
 
+li {
+    list-style: none;
+}
+
 header ul li {
     list-style: circle;
     width: fit-content;
 }
 
+ul {
+    display: flex;
+    flex-direction: row;
+    gap: 2.5rem;
+    list-style: none;
+    padding-left: 0;
+}
+
 header ul {
     display: flex;
     flex-direction: column;
@@ -105,22 +126,12 @@ li a:hover::after {
     width: 85%;
 }
 
-li {
-    list-style: none;
-}
 
 li.navpage_item {
     padding-left: 20px;
     padding-right: 20px;
 }
 
-nav,
-footer {
-    background-color: rgba(0, 0, 0, 0.6);
-    padding: 1.2rem;
-    text-align: center;
-}
-
 table>tbody,
 table>tbody>tr,
 table>tbody>tr>th,
@@ -130,6 +141,15 @@ table>tbody>tr>td {
     text-align: center;
 }
 
+button {
+    border-radius: 25px;
+    border: 2px solid var(--primary);
+    background: var(--third-bg);
+    color: var(--primary-text);
+    width: 175px;
+    transition-duration: 0.3s;
+}
+
 table>tbody>tr>td>button {
     border: unset;
     border-radius: unset;
@@ -142,14 +162,6 @@ table {
     border-collapse: collapse;
 }
 
-ul {
-    display: flex;
-    flex-direction: row;
-    gap: 2.5rem;
-    list-style: none;
-    padding-left: 0;
-}
-
 ul.navpage_list {
     gap: 10px;
     border: 4px solid var(--primary-hover) !important; 
@@ -266,6 +278,7 @@ ul.navpage_list {
         width: inherit;
     }
 
+    /*noinspection CssUnusedSymbol*/
     #navsite_list.active {
         display: flex;
         -moz-box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
@@ -292,6 +305,7 @@ ul.navpage_list {
     flex-direction: column;
 }
 
+/*noinspection CssUnusedSymbol*/
 .status-message {
     background-color: #dff0d8;
     /* Success background color */
@@ -305,6 +319,7 @@ ul.navpage_list {
     transition: opacity 0.5s ease-in-out;
 }
 
+/*noinspection CssUnusedSymbol*/
 .status-message.failure {
     background-color: #f2dede;
     /* Failure background color */
@@ -353,15 +368,6 @@ textarea{
     border-radius: 10px;
 }
 
-button {
-    border-radius: 25px;
-    border: 2px solid var(--primary);
-    background: var(--third-bg);
-    color: var(--primary-text);
-    width: 175px;
-    transition-duration: 0.3s;
-}
-
 button:hover {
     background: var(--primary);
     transition-duration: 0.3s;
@@ -380,10 +386,8 @@ header.ye-span:hover + body{
     background-size: 10% !important;
 }
 
-body:has(.ye-span:hover) {
-    background: url('/assets/images/ye.jpg') repeat !important;
-    background-size: 10% !important;
-}
+
+
 
 #articlecreate {
     position: fixed;
@@ -425,6 +429,7 @@ div#articleslist > article > div.articleinfo > *{
     width: fit-content;
 }
 
+/*noinspection CssUnusedSymbol*/
 div#articleslist > article > div.articleinfo{
     display: flex;
     flex-direction: row;
@@ -432,8 +437,4 @@ div#articleslist > article > div.articleinfo{
 
 div#articleslist>article{
     border: 4px solid var(--primary);
-}
-
-a.navsite_link.active:after{
-
 }