skin-dt-32 0.0.39 → 0.0.42

package/config/vueComponents.js

@@ -172,7 +172,7 @@ Vue.component('navbar-foro', {
                     <div class="text">{{ item.name }}</div>
                 </a>
             </li>
-            <li class="navbar-item">
+            <li class="navbar-item is-hidden-desktop">
                 <a :href="'/u' + dataUserid" :title="'Ir a tu ' + profileName">
                     <div class="icon">
                         <i class="far fa-id-card"></i>
@@ -744,7 +744,7 @@ Vue.component('tablon-superior', {
     template: `
     <section id="topbar-section" class="basic-element">
         <categoria-foro data-id="tablon">
-            <ul class="columns is-multiline">
+            <ul class="columns is-gapless is-multiline">
                 <li class="column">
                 </li>
                 <li class="column is-full is-one-third-desktop">
@@ -753,7 +753,7 @@ Vue.component('tablon-superior', {
             </ul>
         </categoria-foro>
         <categoria-foro data-id="navegacion">
-            <ul class="columns is-multiline">
+            <ul class="columns is-gapless is-multiline">
                 <li class="column">
                     <nav id="forum-breadcrumb" class="breadcrumb has-succeeds-separator left" aria-label="breadcrumbs">
                         <ul>

package/general.js

@@ -870,6 +870,6 @@ document.addEventListener('forumReady', () => {
     if (document.querySelector('#forum-navbar .top')) {
         const isImage = document.querySelector('#forum-navbar .top .user-avatar');
 
-        document.querySelector('#forum-navbar .top').style.height = ((isImage ? 40 : 0) + document.querySelector('#forum-navbar .top span').clientHeight) + 'px';
+        document.querySelector('#forum-navbar .top').style.height = ((isImage ? 40 + parseInt(getComputedStyle(isImage.fontSize)) * 2 : 0) + document.querySelector('#forum-navbar .top span').clientHeight) + 'px';
     }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skin-dt-32",
-  "version": "0.0.39",
+  "version": "0.0.42",
   "main": "readme.md",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/stylesheet.css

@@ -89,19 +89,19 @@ a {
 }
 
 #forum-navbar .user-avatar {
-    width: 40px;
-    height: 40px;
+    width: 52px;
+    height: 52px;
     background-position: center;
     background-size: cover;
     border-radius: 100%;
-    border: 2px solid var(--color-two);
-    box-shadow: 0 0 0 2px var(--color-contrast);
-    margin: 1.5rem 1.25rem .5rem 1.25rem;
+    border: 5px solid var(--color-two);
+    box-shadow: 0 0 0 3px var(--color-contrast);
+    margin: 1rem .875rem;
 }
 
 #forum-navbar .top:hover .user-avatar {
-    border: 2px solid var(--color-contrast);
-    box-shadow: 0 0 0 2px var(--color-two);
+    border: 5px solid var(--color-contrast);
+    box-shadow: 0 0 0 3px var(--color-two);
 
 }
 
@@ -148,6 +148,7 @@ a {
     height: 80px;
     background: var(--color-contrast);
     color: var(--color-two);
+    font-size: .825rem;
     font-weight: bold;
 }
 
@@ -165,8 +166,7 @@ a {
 /* Topbar */
 #forum-topbar {
     position: sticky;
-    top: 0;
-    height: 200px;
+    top: -288px;
     background: var(--color-three);
 }
 
@@ -174,10 +174,37 @@ a {
     margin: 0;
 }
 
+#help-main {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: center;
+    align-items: center;
+    padding: 2rem;
+    margin: -.5rem;
+}
+
+#help-main>a {
+    width: 45%;
+    padding: .5rem;
+    text-align: center;
+    text-transform: uppercase;
+    border: 2px solid;
+    margin: .5rem;
+    color: var(--color-four);
+}
+
 #forum-breadcrumb {
-    padding: 1rem 2rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0 2rem;
     background: var(--color-contrast);
     color: var(--color-two);
+    font-size: .825rem;
+    font-weight: bold;
+    text-transform: uppercase;
+    height: 80px;
+    text-align: center;
 }
 
 #forum-breadcrumb a {