skin-dt-32 0.4.7 → 0.4.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/config/vueComponents.js +18 -14
  2. package/config/vueComponents.min.js +2 -2
  3. package/package.json +1 -1
  4. package/stylesheet.css +6 -4
  5. package/stylesheet.min.css +1 -1
package/config/vueComponents.js CHANGED
@@ -108,20 +108,24 @@ Vue.component('controles-foro', {
108
108
  <div id="hmg-button" @click="turnActive()" class="is-pointer">
109
109
  <i class="fas fa-bars"></i>
110
110
  </div>
111
- <div class="bg-active" @click="turnActive()"></div>
112
- <template v-if="userId !== -1">
113
- <a :href="'/u' + userId" :title="'Ir a tu ' + profileName" class="top">
114
- <div class="user-avatar">
115
- <img :src="userAvatar" :alt="'Avatar de ' + userName" />
116
- </div>
117
- <span>{{ userName | just-name }}</span>
118
- </a>
119
- </template>
120
- <template v-else>
121
- <a href="/" title="Ir a «Inicio»" class="top">
122
- <span>Invitado</span>
123
- </a>
124
- </template>
111
+ <div class="top">
112
+ <template v-if="userId !== -1">
113
+ <a :href="'/u' + userId" :title="'Ir a tu ' + profileName" class="top">
114
+ <div class="user-avatar">
115
+ <img :src="userAvatar" :alt="'Avatar de ' + userName" />
116
+ </div>
117
+ <span>{{ userName | just-name }}</span>
118
+ </a>
119
+ </template>
120
+ <template v-else>
121
+ <a href="/" title="Ir a «Inicio»" class="top">
122
+ <span>Invitado</span>
123
+ </a>
124
+ </template>
125
+ <div id="hmg-close">
126
+ <i class="fas fa-times is-pointer" @click="turnActive()"></i>
127
+ </div>
128
+ </div>
125
129
  <nav class="bottom">
126
130
  <navbar-foro :username="userName" :userlevel="userLevel" :userid="userId" :userlog="userLog" :usermp="userMP" :userout="userOut" />
127
131
  <section v-if="maPage === 1" id="multiaccount-transition">
package/config/vueComponents.min.js CHANGED
@@ -1,2 +1,2 @@
1
- Vue.component("titulo-especial",{props:["title"],computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n <h3 class="is-tweakeable"><span class="is-measurable" v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n '}),Vue.component("cabecera-foro",{data(){return{title:void 0===this.$slots.title[0].tag?Vue.filter("mini-sanitize")(this.$slots.title[0].text):Vue.filter("mini-sanitize")(this.$slots.title[0].children[0].text)}},computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n <div class="forum-head regular-head">\n <i class="fa-solid fa-caret-right"></i>\n <h3><span v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n </div>\n '}),Vue.component("cabcategoria-foro",{data(){return{title:void 0===this.$slots.title[0].tag?Vue.filter("mini-sanitize")(this.$slots.title[0].text):Vue.filter("mini-sanitize")(this.$slots.title[0].children[0].text)}},computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n <div class="forum-head category-head">\n <i class="fa-solid fa-caret-right"></i>\n <h3><span v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n </div>\n '}),Vue.component("cabespecial-foro",{data(){return{title:void 0===this.$slots.title[0].tag?Vue.filter("mini-sanitize")(this.$slots.title[0].text):Vue.filter("mini-sanitize")(this.$slots.title[0].children[0].text)}},computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n <div class="forum-head special-head">\n <i class="fa-solid fa-caret-right"></i>\n <h3><span v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n </div>\n '}),Vue.component("controles-foro",{data:()=>({maPage:0,userName:_userdata.username,userAvatar:_userdata.avatar.split('src="')[1].split('"')[0],userLevel:_userdata.user_level,userId:_userdata.user_id,userLog:_userdata.session_logged_in,userMP:0,userOut:"",isActive:!1,profileName:forumConfig.profileOptions.profileName||"perfil"}),computed:{isActiveClass(){return"has-bg"+(this.isActive?" visible":" not-visible")}},methods:{turnActive(){this.isActive=!this.isActive}},created(){0!==this.userLog&&(null!==document.querySelector("#i_icon_mini_new_message")&&null!==document.querySelector("#i_icon_mini_new_message").title.match(/[0-255]/)&&(this.userMP=parseInt(document.querySelector("#i_icon_mini_new_message").title.match(/[0-255]/)[0])),this.userOut=document.querySelector("#logout").href)},template:'\n <div :class="\'main-body\' + (isActive ? \' is-on\' : \'\')"> \n <div id="hmg-button" @click="turnActive()" class="is-pointer">\n <i class="fas fa-bars"></i>\n </div>\n <div class="bg-active" @click="turnActive()"></div>\n <template v-if="userId !== -1">\n <a :href="\'/u\' + userId" :title="\'Ir a tu \' + profileName" class="top">\n <div class="user-avatar">\n <img :src="userAvatar" :alt="\'Avatar de \' + userName" />\n </div>\n <span>{{ userName | just-name }}</span>\n </a>\n </template>\n <template v-else>\n <a href="/" title="Ir a «Inicio»" class="top">\n <span>Invitado</span>\n </a>\n </template>\n <nav class="bottom"> \n <navbar-foro :username="userName" :userlevel="userLevel" :userid="userId" :userlog="userLog" :usermp="userMP" :userout="userOut" />\n <section v-if="maPage === 1" id="multiaccount-transition">\n <cargando-foro text="Cambiando de cuenta…"></cargando-foro>\n </section>\n </nav>\n </div>\n '}),Vue.component("navbar-foro",{props:["username","userlevel","userid","userlog","usermp","userout"],data:()=>({profileName:forumConfig.profileOptions.profileName||"perfil",items:forumContent.navbar,navigation:forumContent.links,directions:forumConfig.usableDirections,multiAccount:{status:!1,position:-1,accounts:[]}}),computed:{isStatusClass(){return(1===this.userlog?"is-logged":"is-unlogged")+(1===this.userlevel?" is-admin":" is-user")},mpText(){return 0!==this.usermp?"Tienes "+this.usermp+" mensaje"+(1===this.usermp?"":"s")+" pendientes":"Ir a tu mensajería privada"},links(){return this.navigation.filter(t=>void 0!==t.icon)}},methods:{changeAccount(){this.$parent.maPage=1,FNR.user.changeAccount(this.userout,this.multiAccount.accounts[this.multiAccount.position].name,this.multiAccount.accounts[this.multiAccount.position].password).then(t=>{t&&window.location.reload()})}},created(){this.multiAccount.status=!1!==FNR.cache.getData("usermultiaccounts")&&!1!==FNR.cache.getData("userpassword")&&FNR.cache.getData("usermultiaccounts").length>1,this.multiAccount.accounts=(!1===FNR.cache.getData("usermultiaccounts")?[]:FNR.cache.getData("usermultiaccounts").map(t=>({name:t.name,password:sjcl.decrypt(FNR.cache.getData("userpassword"),t.password)}))).filter(t=>t.name!==_userdata.username).sort((t,s)=>t.name<s.name?-1:t.name>s.name?1:0)},template:'\n <ul :class="isStatusClass">\n <template v-if="!userlog">\n <li class="navbar-item">\n <a href="/register" title="Registrarse en el foro">\n <div class="icon">\n <i class="fa-solid fa-user-plus"></i>\n </div>\n <div class="text">Registrarse</div>\n </a>\n </li>\n <li class="navbar-item">\n <a href="/login" title="Iniciar sesión en el foro">\n <div class="icon">\n <i class="fa-solid fa-sign-in-alt"></i>\n </div>\n <div class="text">Conectarse</div>\n </a>\n </li>\n </template>\n <template v-else>\n <li class="navbar-item is-hidden-desktop" v-for="link in links">\n <a :href="link.url" :title="\'Ir a «\' + link.name + \'»\'">\n <div class="icon">\n <i :class="link.icon"></i>\n </div>\n <div class="text">{{ link.name }}</div>\n </a>\n </li>\n <li class="navbar-item" v-for="item in items">\n <a :href="item.url" :title="\'Ir a «\' + item.name + \'»\'">\n <div class="icon">\n <i :class="item.icon"></i>\n </div>\n <div class="text">{{ item.name }}</div>\n </a>\n </li>\n <li class="navbar-item is-hidden-desktop">\n <a :href="\'/u\' + userid" :title="\'Ir a tu \' + profileName">\n <div class="icon">\n <i class="fa-solid fa-id-card"></i>\n </div>\n <div class="text">Perfil</div>\n </a>\n </li>\n <li class="navbar-item">\n <a href="/search?search_id=egosearch" title="Ir a tus temas personales">\n <div class="icon">\n <i class="fa-solid fa-archive"></i>\n </div>\n <div class="text">Temas</div>\n </a>\n </li>\n <li class="navbar-item">\n <a href="/privmsg?folder=inbox" :title="mpText">\n <div class="icon">\n <template v-if="usermp === 0">\n <i class="fa-solid fa-envelope"></i>\n </template>\n <template v-else>\n <i class="fa-solid fa-message-exclamation"></i>\n </template>\n </div>\n <div class="text">Mensajería</div>\n </a>\n </li>\n <li class="navbar-item">\n <a :href="directions.ucp" target="_blank" title="Ir al «Panel de Usuario»">\n <div class="icon">\n <i class="fa-solid fa-sliders-h"></i>\n </div>\n <div class="text">Editar</div>\n </a>\n </li>\n <template v-if="multiAccount.status">\n <li class="navbar-item">\n <select title="Cambiar de cuenta" v-model="multiAccount.position" @change="changeAccount()" @click="$event.stopPropagation()">\n <option value="-1" hidden selected>Selec. personaje</option>\n <option v-for="(account, index) in multiAccount.accounts" :value="index">{{ account.name }}</option>\n </select>\n <a :href="directions.ucp" target="_blank" title="Ir al «Panel de Usuario»">\n <div class="icon">\n <i class="fa-solid fa-address-book"></i>\n </div>\n <div class="text">Cuentas</div>\n </a>\n </li>\n </template>\n <template v-if="userlevel === 1">\n <li class="navbar-item">\n <a href="/admin" target="_blank" title="Ir al «Panel de Administrador»">\n <div class="icon">\n <i class="fa-solid fa-cogs"></i>\n </div>\n <div class="text">Administrar</div>\n </a>\n </li>\n </template>\n <li class="navbar-item">\n <a :href="userout" title="Cerrar sesión">\n <div class="icon">\n <i class="fa-solid fa-sign-out-alt"></i>\n </div>\n <div class="text">Salir</div>\n </a>\n </li>\n </template>\n </ul>\n '}),Vue.component("header-foro",{props:["sitename"],data:()=>({name:forumData.name,image:forumDefaults.logo}),template:'\n <section id="page-header" class="main-body">\n <a href="/" :title="\'Ir al índice de «\' + sitename + \'»\'" id="forum-logo">\n <template v-if="image">\n <img :src="image" :alt="name" />\n </template>\n <template v-else>\n <slot name="logo"></slot>\n </template>\n </a>\n </section>\n '}),Vue.component("foro-foro",{props:["url","name","posts","topics","lasturl"],data(){return{lastname:void 0===this.$slots["last-name"]?"":this.$slots["last-name"][0].text}},mounted(){const t=null!==this.url.match(/f(\d+)-/),s=t?"forum":"category",i=this.$el.parentElement.classList,e=FNR.utility.genSlug(this.name,"-"),n=t?this.url.match(/f(\d+)-/)[1]:this.url.match(/c(\d+)-/)[1];i.add(`${s}-element`),i.add(`${s}-${n}`),i.add(`${s}-${e}`)},template:'\n <section class="forum-forum">\n <a class="forum-header" :href="url" :title="\'Ir al subforo «\' + name + \'»\'">\n <div class="forum-title is-tweakeable">\n <span class="is-measurable">{{ name }}</span>\n </div>\n <div class="forum-stats">{{ posts }} mensajes — {{ topics }} temas</div>\n </a>\n <div class="forum-content">\n <ul class="columns is-gapless is-multiline">\n <li class="column is-full is-half-desktop">\n <div class="forum-info">\n <ul class="columns is-gapless is-multiline">\n <li class="column is-full is-two-thirds-desktop">\n <div class="forum-misc">\n <div class="forum-last">\n <template v-if="lasturl.length">\n <div class="lastpost-content">\n <div class="is-hidden-desktop">\n <a :href="lasturl" :title="\'Último mensaje en el tema «\' + lastname + \'» por \'" class="lastpost-link">{{ lastname }}</a> por <slot name="last-who"></slot>, <slot name="last-date"></slot>\n </div>\n <div class="is-hidden-touch"></div>\n </div>\n </template>\n <template v-else>Este subforo no tiene mensajes</template>\n </div>\n </div>\n </li>\n <li class="column is-one-third is-hidden-touch">\n <div class="lastpost-user">\n <div class="lastpost-avatar">\n <slot name="last-avatar"></slot>\n </div>\n <div class="lastpost-name"></div>\n </div>\n </li>\n </ul>\n </div>\n </li>\n <li class="column is-full is-half-desktop">\n <div class="forum-interior">\n <slot name="desc"></slot>\n </div>\n </li>\n </ul>\n </div>\n </section>\n '}),Vue.component("temas-foro",{props:["type","url","replies","views","quick","lastpost","mode"],data(){return{title:void 0===this.$slots.title[0].tag?this.$slots.title[0].text:this.$slots.title[0].children[0].text}},computed:{currentMode(){const t=void 0!==forumConfig.skinOptions.showTopicType&&forumConfig.skinOptions.showTopicType;return this.mode.indexOf("<strong>")>-1&&t?this.mode.split("<strong>")[1].split(":</strong>")[0]:""},currentType(){let t=this.type;return window.location.pathname.indexOf("/merge")>-1?t="radio":window.location.pathname.indexOf("/modcp")>-1&&(t="checkbox"),t},currentClass(){const t={mp:"mp",draft:"draft",radio:"mp",checkbox:"mp",followed:"mp"};return"topiclist-topic"+("normal"!==this.currentType?" topic-"+t[this.currentType]:"")}},mounted(){const t=["checkbox","radio"],s=this.$el.parentElement.classList;"normal"!==this.currentType&&s.add("is-not-lastpost"),t.indexOf(this.currentType)>-1&&s.add("is-mod")},template:'\n <div :class="currentClass">\n <template v-if="currentType === \'draft\'">\n <div class="topic-main">\n <div class="topic-icon"></div>\n <div class="topic-container">\n <span class="topic-title">\n <a :href="url" :title="\'Ir al tema «\' + title + \'»\'">{{ title }}</a>\n </span>\n <div class="topic-extra">\n <div class="topic-repliesandviews">\n {{ replies }} - {{ views }}\n </div>\n </div>\n </div>\n </div>\n <div class="topic-quicklink">\n <a class="topic-lastpost" :href="quick" :title="\'Ir al bosquejo «\' + title + \'»\'">\n <i class="fas fa-pencil-alt"></i>\n </a>\n </div>\n </template>\n <template v-else-if="currentType === \'followed\'">\n <div class="topic-main">\n <div class="topic-icon"></div>\n <div class="topic-container">\n <span class="topic-title">\n <a :href="url" :title="\'Ir al tema «\' + title + \'»\'">{{ title }}</a>\n </span>\n <div class="topic-extra">\n <div class="topic-repliesandviews">\n {{ replies }} - {{ views }}\n </div>\n </div>\n </div>\n </div>\n <div class="topic-quicklink">\n <div class="topic-lastpost" title="¡Seleccióname!">\n <slot name="radio"></slot>\n </div>\n </div>\n </template>\n <template v-else-if="currentType === \'mp\'">\n <div class="topic-main">\n <div class="topic-icon"></div>\n <div class="topic-container">\n <span class="topic-title">\n <a :href="url" :title="\'Ir al mensaje privado «\' + title + \'»\'">{{ title }}</a>\n </span>\n <div class="topic-extra">\n <div class="topic-pagination">{{ views }}</div>\n <div class="topic-extra-separador">-</div>\n <div class="topic-author">Por <slot name="who"></slot></div>\n </div>\n </div>\n </div>\n <div class="topic-quicklink">\n <div class="topic-lastpost" title="¡Seleccióname!">\n <div class="forum-checkbox">\n <div class="checkbox-content">\n <div class="checkbox-click">\n <i class="fas fa-check"></i>\n </div>\n </div>\n <div class="checkbox-real"><slot name="checkbox"></slot></div>\n </div>\n </div>\n </div>\n <div class="to-process">\n <slot name="status"></slot>\n </div>\n </template>\n <template v-else-if="currentType === \'radio\'">\n <div class="topic-main">\n <div class="topic-icon"></div>\n <div class="topic-container">\n <span class="topic-title">\n <a :href="url" :title="\'Ir al tema «\' + title + \'»\'">{{ title }}</a>\n </span>\n <div class="topic-extra">\n <div class="topic-author">Por <slot name="topic-author"></slot></div>\n <div class="topic-repliesandviews">\n {{ replies }}\n </div>\n </div>\n </div>\n </div>\n <div class="topic-quicklink">\n <div class="topic-lastpost" title="¡Seleccióname!">\n <div class="forum-checkbox">\n <div class="checkbox-content">\n <div class="checkbox-click">\n <i class="fas fa-check"></i>\n </div>\n </div>\n <div class="checkbox-real"><slot name="checkbox"></slot></div>\n </div>\n </div>\n </div>\n <div class="to-process">\n <slot name="status"></slot>\n </div>\n </template>\n <template v-else-if="currentType === \'checkbox\'">\n <div class="topic-main">\n <div class="topic-icon"></div>\n <div class="topic-container">\n <span class="topic-title">\n <a :href="url" :title="\'Separar tema «\' + title + \'»\'">{{ title }}</a>\n </span>\n <div class="topic-extra">\n <div class="topic-author">{{ lastpost }}</div>\n <div class="topic-repliesandviews">\n {{ replies }}\n </div>\n </div>\n </div>\n </div>\n <div class="topic-quicklink">\n <div class="topic-lastpost" title="¡Seleccióname!">\n <div class="forum-checkbox">\n <div class="checkbox-content">\n <div class="checkbox-click">\n <i class="fas fa-check"></i>\n </div>\n </div>\n <div class="checkbox-real"><slot name="checkbox"></slot></div>\n </div>\n </div>\n </div>\n <div class="to-process">\n <slot name="status"></slot>\n </div>\n </template>\n <template v-else>\n <div class="topic-main">\n <div class="topic-icon"></div>\n <div class="topic-container">\n <span class="topic-title">\n <a :href="url" :title="\'Ir al tema «\' + title + \'»\'"><template v-if="currentMode.length">{{ currentMode }}: </template>{{ title }}</a>\n </span>\n <div class="topic-extra">\n <div class="topic-pagination to-process">Páginas: <slot name="pagination"></slot></div>\n <div class="topic-extra-separador">-</div>\n <div class="topic-author">Por <slot name="topic-author"></slot></div>\n <div class="topic-repliesandviews">\n {{ replies }} - {{ views }}\n </div>\n </div>\n </div>\n </div>\n <div class="topic-quicklink">\n <slot name="last-avatar"></slot>\n <div class="topic-last">\n <a class="topic-lastpost">\n <i class="fas fa-link"></i> Último mensaje\n </a>\n Por <span class="topic-lastauthor"></span>\n <br />\n <span class="topic-lastdate"></span>\n </div>\n </div>\n <div class="to-process">\n <slot name="status"></slot>\n <slot name="last-post"></slot>\n </div>\n </template>\n </div>\n '}),Vue.component("mensaje-foro",{props:["id","online","edited","date"],computed:{slugId(){return"post-"+this.id},currentClass(){return"postlist-post"+this.online},currentDate(){const t=t=>t.split("el ")[1];return this.date.length?(this.date.indexOf("el")>-1?t(this.date).trim():this.date.trim())+(this.edited.length&&-1===this.edited.indexOf("not-show")?' <a title="'+this.edited.split("<br /><br />")[1].split(",")[0]+'">Editado</a> ':""):""}},template:'\n <section :id="slugId" :class="currentClass">\n <a :id="id" class="page-anchor" />\n <div class="post-header">\n <div class="header-side"></div>\n </div>\n <div class="post-content">\n <div class="post-info">\n <div class="post-side">\n <a :href="\'#\' + id" title="Enlace permanente" class="post-permalink">\n <i class="fas fa-link"></i>\n </a>\n <div class="post-title" v-html="currentDate" v-if="currentDate.length"></div>\n </div>\n <ul class="post-buttons"></ul>\n </div>\n <div class="is-content">\n <slot name="content"></slot>\n </div>\n </div>\n <div class="post-profile">\n <slot name="profile"></slot>\n </div>\n </section>\n '}),Vue.component("memberitem-foro",{props:["profile","type"],data(){return{configType:"none"!==this.profile,configName:forumConfig.profileOptions.profileName||"perfil",configRank:forumConfig.profileOptions.profileRank,url:"/",title:`Ir al índice de «${forumData.name}»`,mp:"/",name:"Usuario",avatar:forumDefaults.avatar,alt:"Avatar por defecto",rank:"Miembro",group:"usergroup-unknown",messages:0,lastvisit:"Cargando…",currentlyLooking:""}},created(){this.$slots.name&&(this.$slots.name[0].text?this.name=this.$slots.name[0].text:this.name=this.$slots.name[0].children[0].children[0].text||"Buscador"),this.$slots.avatar&&(this.avatar=this.$slots.avatar[0].data.attrs.src),this.$slots.posts&&(this.messages=this.$slots.posts[0].text),this.$slots.last&&(this.lastvisit=this.$slots.last[0].text),this.$slots.site&&(this.currentlyLooking=this.$slots.site[0].children[0].text),this.configType&&FNR.user.getProfile(this.profile.split("/u")[1],.25).then(t=>{this.url=t.links.profile,this.title=`Ir al ${this.configName} de «${t.name}»`,this.mp=t.links.mp,this.alt=`Avatar de «${t.name}»`,this.rank=t.fields[this.configRank].content,this.group="usergroup-"+t.colour,this.$slots.name||(this.name=t.name),this.$slots.avatar||(this.avatar=t.avatar),this.$slots.posts||(this.messages=t.messages.public),this.$slots.last||(this.lastvisit=t.lastvisit)})},template:'\n <a :class="\'memberitem-element \' + group" :href="url" target="_blank" :title="title">\n <div class="memberlist-name">\n <h3 class="is-tweakeable">\n <span class="is-measurable">{{ name }}</span>\n </h3>\n <div class="is-tweakeable">\n <span class="is-measurable">{{ currentlyLooking ? currentlyLooking : lastvisit }}</span>\n </div>\n </div>\n <img class="memberlist-avatar" :src="avatar" :alt="alt" />\n </a>\n '}),Vue.component("estadisticas-foro",{props:["msg","users"],data:()=>({lastTopics:[],userLog:_userdata.session_logged_in}),created(){FNR.forum.getTopics(forumConfig.skinOptions.excludedForums,forumConfig.skinOptions.lastTopics).then(t=>{this.lastTopics=t})},template:'\n <ul class="columns is-multiline is-gapless">\n <li id="bloque-estadisticas" class="column is-one-third is-full-touch">\n <div id="new-connected">\n <h6>Ahora</h6>\n <div class="has-users">\n <span class="curconnected-users"></span>\n </div>\n </div>\n <div id="past-connected">\n <h6>Últimas <span class="lastconnected-hour"></span> horas</h6>\n <div class="has-users">\n <span class="lastconnected-users"></span>\n </div>\n </div>\n </li>\n <li id="bloque-grupos" class="column is-two-thirds is-full-touch">\n <div id="image-banner"></div>\n <ul id="census"></ul>\n </li>\n <li id="bloque-ultimostemas" class="column is-full">\n <h6>Últimos temas</h6>\n <ul class="ltopic-list">\n <li v-for="topic in lastTopics">\n <tema-ref :info="topic"></tema-ref>\n </li>\n </ul>\n <small>También tienes la lista <a href="/latest" target="_blank" title="Ir a la página de «Últimos temas»">general</a><template v-if="userLog !== 0"> o desde tu <a href="/search?search_id=newposts" target="_blank" title="Ir a la página de «Desde última conexión»">ultima conexión</a></template>.</small>\n </li>\n \t</ul>\n '}),Vue.component("tema-ref",{props:["info"],data:()=>({profileName:forumConfig.profileOptions.profileName||"perfil"}),computed:{userColor(){return"color: "+this.info.lastpost.who.color}},template:'\n <div class="ltopic-element">\n <a class="ltopic-last" :href="info.lastpost.url" target="_blank" :title="\'Ir al último mensaje del tema «\' + info.name + \'»\'">\n <i class="fas fa-link"></i>\n </a>\n <a class="ltopic-title" :href="info.url" target="_blank" :title="\'Ir al tema «\' + info.name + \'»\'"><span>{{ info.name }}</span></a>\n <small class="ltopic-info"><a :href="info.lastpost.who.url" target="_blank" :style="userColor" :title="\'Ir al \' + profileName + \' de «\' + info.lastpost.who.name + \'»\'">{{ info.lastpost.who.name | just-name }}</a>, {{ info.lastpost.date }} en <a :href="info.forum.url" target="_blank" :title="\'Ir al subforo «\' + info.forum.name + \'»\'">{{ info.forum.name }}</a></small>\n </div>\n '}),Vue.component("footer-foro",{data:()=>({afis:{},normal:forumConfig.usableDirections.normal,credits:forumCredits.paragraphs,social:forumCredits.social}),created(){FNR.forum.getAffiliates().then(t=>{this.afis=t})},template:'\n <section id="page-afiliates" class="main-body">\n <categoria-foro id="afiliados">\n <div class="forum-head regular-head">\n <i class="fa-solid fa-caret-right"></i>\n <h3><span>Afiliados <span class="extra">+</span> Créditos</span><small>afiliados <span class="extra">+</span> creditos</small></h3>\n </div>\n <ul class="columns is-gapless">\n <li id="forum-affiliates" class="column is-two-thirds is-full-touch">\n <ul class="columns is-gapless is-multiline">\n <li id="forum-affiliates-sisters" class="column is-full affiliates-collection">\n <h3 class="section-title">Hermanas</h3>\n <ul v-html="afis.sister" class="no-style"></ul>\n </li>\n <li id="forum-affiliates-elite" class="column is-full">\n <ul class="columns is-gapless is-multiline">\n <li class="column is-two-thirds is-full-touch affiliates-collection">\n <h3 class="section-title">Élite</h3>\n <ul v-html="afis.elite" class="no-style"></ul>\n </li>\n <li class="column is-one-third is-full-touch affiliates-collection">\n <h3 class="section-title">Directorios</h3>\n <ul v-html="afis.directory" class="no-style"></ul>\n </li>\n </ul>\n </li>\n <li id="forum-affiliates-regular" class="column is-full" v-if="normal.length">\n <h3 class="section-title"><a :href="normal" title="Ir a «Afiliaciones Normales»"><i class="fas fa-link"></i> Normales</a></h3>\n </li>\n </ul>\n </li>\n <li id="forum-cred" class="column is-full-touch">\n <div class="is-content">\n <h3 class="section-title">Créditos</h3>\n <ul class="no-style">\n <li v-for="credit in credits" v-html="credit"></li>\n <li class="is-hidden-mobile">El diseño y programación de la skin <a href="https://darktimes-skin.foroactivo.com/" title="Ir al sitio web de «Dark Times»" target="_blank">Dark Times</a> por <a href="https://zatrapa-gaylien.tumblr.com/" title="Ir al sitio web de «Gaylien»" target="_blank">Gaylien</a>. Agradecimiento especial a los equipos desarrolladores de <a href="https://vuejs.org/" title="Ir al sitio web de «Vue»" target="_blank">Vue</a> y <a href="https://bulma.io/" title="Ir al sitio web de «Bulma»" target="_blank">Bulma</a> por sus respectivos <em>Frameworks</em>.</li>\n <li id="credits-social" v-if="social.length">\n <ul class="no-style">\n <li v-for="platform in social">\n <a :href="platform.url" target="_blank" :title="\'Ir a «\' + platform.name + \'»\'"><em :class="platform.icon"></em> {{ platform.name }}</a>\n </li>\n </ul>\n </li> \n </ul>\n </div>\n </li>\n </ul>\n </categoria-foro>\n </section>\n '}),Vue.component("tablon-titulo",{props:["title"],
2
- template:'\n <h4 class="plank-title">\n <i class="fa-solid fa-caret-right"></i><span v-html="title"></span>\n </h4>\n '}),Vue.component("tablon-superior",{data:()=>({name:forumData.name}),template:'\n <section id="topbar-section" class="basic-element">\n <categoria-foro id="tablon">\n <ul class="columns is-gapless is-multiline">\n <li class="column is-full">\n <div id="plank-anmt" class="plank-block">\n <tablon-titulo title="Anuncios <span class=\'extra\'>+</span> Novedades"></tablon-titulo>\n <links-anuncios></links-anuncios>\n </div>\n </li>\n <li class="column is-full is-two-thirds-desktop">\n <ul class="columns is-gapless is-multiline">\n <li class="column is-full">\n <div id="plank-staff" class="plank-block">\n <tablon-titulo title="Administración"></tablon-titulo>\n <links-staff></links-staff>\n </div>\n </li>\n <li class="column is-half">\n <div id="plank-search" class="plank-block">\n <tablon-titulo title="Búsquedas"></tablon-titulo>\n <busquedas></busquedas>\n </div>\n </li>\n <li class="column is-half">\n <div id="plank-sq" class="plank-block">\n <tablon-titulo title="¿Sabías qué?"></tablon-titulo>\n <sabias-que></sabias-que>\n </div>\n </li>\n </ul>\n </li>\n <li class="column is-full is-one-third-desktop">\n <div id="plank-help" class="plank-block">\n <tablon-titulo title="Ayuda"></tablon-titulo>\n <links-ayuda></links-ayuda>\n </div>\n </li>\n </ul>\n </categoria-foro>\n <categoria-foro id="navegacion">\n <ul class="columns is-gapless is-multiline">\n <li class="column">\n <nav id="forum-breadcrumb" class="breadcrumb has-succeeds-separator left" aria-label="breadcrumbs">\n <ul>\n <li>\n <a href="/" title="Ir al inicio">{{ name }}</a>\n </li>\n </ul>\n </nav>\n </li>\n </ul>\n </categoria-foro>\n </section>\n '}),Vue.component("links-ayuda",{data:()=>({links:forumContent.links}),template:'\n <div id="help-main">\n <a target="_blank" :href="link.url" :title="\'Ir a «\' + link.name + \'»\'" v-for="link in links">{{ link.name }}</a>\n </div>\n '}),Vue.component("links-anuncios",{data:()=>({announcements:forumContent.announcements.list}),template:'\n <ul class="columns is-multiline">\n <li v-for="announcement in announcements" class="column is-one-quarter is-half-tablet is-half-mobile">\n <a target="_blank" :href="announcement.url" :title="\'Ir al anuncio «\' + announcement.name + \'»\'" class="anmt-element">\n <span class="anmt-title">{{ announcement.name }}</span>\n <span class="anmt-date">{{ announcement.date }}</span>\n </a>\n </li>\n </ul>\n '}),Vue.component("sabias-que",{data:()=>({content:forumContent.sq[Math.floor(Math.random()*forumContent.sq.length)]}),created(){setInterval(()=>{this.content=forumContent.sq[Math.floor(Math.random()*forumContent.sq.length)]},12e3)},template:'\n <div id="sq-img" class="msg-element topbar-element" :style="\'background-image: url(\' + content + \')\'"></div>\n '}),Vue.component("busquedas",{data:()=>({content:forumContent.searches[Math.floor(Math.random()*forumContent.searches.length)]}),created(){setInterval(()=>{this.content=forumContent.searches[Math.floor(Math.random()*forumContent.searches.length)]},16e3)},template:'\n <a id="search-img" class="msg-element topbar-element" :style="\'background-image: url(\' + content.img + \')\'" :href="content.url" target="_blank" :title="content.desc"></a>\n '});
1
+ Vue.component("titulo-especial",{props:["title"],computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n <h3 class="is-tweakeable"><span class="is-measurable" v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n '}),Vue.component("cabecera-foro",{data(){return{title:void 0===this.$slots.title[0].tag?Vue.filter("mini-sanitize")(this.$slots.title[0].text):Vue.filter("mini-sanitize")(this.$slots.title[0].children[0].text)}},computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n <div class="forum-head regular-head">\n <i class="fa-solid fa-caret-right"></i>\n <h3><span v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n </div>\n '}),Vue.component("cabcategoria-foro",{data(){return{title:void 0===this.$slots.title[0].tag?Vue.filter("mini-sanitize")(this.$slots.title[0].text):Vue.filter("mini-sanitize")(this.$slots.title[0].children[0].text)}},computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n <div class="forum-head category-head">\n <i class="fa-solid fa-caret-right"></i>\n <h3><span v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n </div>\n '}),Vue.component("cabespecial-foro",{data(){return{title:void 0===this.$slots.title[0].tag?Vue.filter("mini-sanitize")(this.$slots.title[0].text):Vue.filter("mini-sanitize")(this.$slots.title[0].children[0].text)}},computed:{cleanedTitle(){return FNR.utility.genSlug(this.title," ")}},template:'\n <div class="forum-head special-head">\n <i class="fa-solid fa-caret-right"></i>\n <h3><span v-html="title"></span><small v-html="cleanedTitle"></small></h3>\n </div>\n '}),Vue.component("controles-foro",{data:()=>({maPage:0,userName:_userdata.username,userAvatar:_userdata.avatar.split('src="')[1].split('"')[0],userLevel:_userdata.user_level,userId:_userdata.user_id,userLog:_userdata.session_logged_in,userMP:0,userOut:"",isActive:!1,profileName:forumConfig.profileOptions.profileName||"perfil"}),computed:{isActiveClass(){return"has-bg"+(this.isActive?" visible":" not-visible")}},methods:{turnActive(){this.isActive=!this.isActive}},created(){0!==this.userLog&&(null!==document.querySelector("#i_icon_mini_new_message")&&null!==document.querySelector("#i_icon_mini_new_message").title.match(/[0-255]/)&&(this.userMP=parseInt(document.querySelector("#i_icon_mini_new_message").title.match(/[0-255]/)[0])),this.userOut=document.querySelector("#logout").href)},template:'\n <div :class="\'main-body\' + (isActive ? \' is-on\' : \'\')"> \n <div id="hmg-button" @click="turnActive()" class="is-pointer">\n <i class="fas fa-bars"></i>\n </div>\n <div class="top">\n <template v-if="userId !== -1">\n <a :href="\'/u\' + userId" :title="\'Ir a tu \' + profileName" class="top">\n <div class="user-avatar">\n <img :src="userAvatar" :alt="\'Avatar de \' + userName" />\n </div>\n <span>{{ userName | just-name }}</span>\n </a>\n </template>\n <template v-else>\n <a href="/" title="Ir a «Inicio»" class="top">\n <span>Invitado</span>\n </a>\n </template>\n <div id="hmg-close">\n <i class="fas fa-times is-pointer" @click="turnActive()"></i>\n </div>\n </div>\n <nav class="bottom"> \n <navbar-foro :username="userName" :userlevel="userLevel" :userid="userId" :userlog="userLog" :usermp="userMP" :userout="userOut" />\n <section v-if="maPage === 1" id="multiaccount-transition">\n <cargando-foro text="Cambiando de cuenta…"></cargando-foro>\n </section>\n </nav>\n </div>\n '}),Vue.component("navbar-foro",{props:["username","userlevel","userid","userlog","usermp","userout"],data:()=>({profileName:forumConfig.profileOptions.profileName||"perfil",items:forumContent.navbar,navigation:forumContent.links,directions:forumConfig.usableDirections,multiAccount:{status:!1,position:-1,accounts:[]}}),computed:{isStatusClass(){return(1===this.userlog?"is-logged":"is-unlogged")+(1===this.userlevel?" is-admin":" is-user")},mpText(){return 0!==this.usermp?"Tienes "+this.usermp+" mensaje"+(1===this.usermp?"":"s")+" pendientes":"Ir a tu mensajería privada"},links(){return this.navigation.filter(s=>void 0!==s.icon)}},methods:{changeAccount(){this.$parent.maPage=1,FNR.user.changeAccount(this.userout,this.multiAccount.accounts[this.multiAccount.position].name,this.multiAccount.accounts[this.multiAccount.position].password).then(s=>{s&&window.location.reload()})}},created(){this.multiAccount.status=!1!==FNR.cache.getData("usermultiaccounts")&&!1!==FNR.cache.getData("userpassword")&&FNR.cache.getData("usermultiaccounts").length>1,this.multiAccount.accounts=(!1===FNR.cache.getData("usermultiaccounts")?[]:FNR.cache.getData("usermultiaccounts").map(s=>({name:s.name,password:sjcl.decrypt(FNR.cache.getData("userpassword"),s.password)}))).filter(s=>s.name!==_userdata.username).sort((s,t)=>s.name<t.name?-1:s.name>t.name?1:0)},template:'\n <ul :class="isStatusClass">\n <template v-if="!userlog">\n <li class="navbar-item">\n <a href="/register" title="Registrarse en el foro">\n <div class="icon">\n <i class="fa-solid fa-user-plus"></i>\n </div>\n <div class="text">Registrarse</div>\n </a>\n </li>\n <li class="navbar-item">\n <a href="/login" title="Iniciar sesión en el foro">\n <div class="icon">\n <i class="fa-solid fa-sign-in-alt"></i>\n </div>\n <div class="text">Conectarse</div>\n </a>\n </li>\n </template>\n <template v-else>\n <li class="navbar-item is-hidden-desktop" v-for="link in links">\n <a :href="link.url" :title="\'Ir a «\' + link.name + \'»\'">\n <div class="icon">\n <i :class="link.icon"></i>\n </div>\n <div class="text">{{ link.name }}</div>\n </a>\n </li>\n <li class="navbar-item" v-for="item in items">\n <a :href="item.url" :title="\'Ir a «\' + item.name + \'»\'">\n <div class="icon">\n <i :class="item.icon"></i>\n </div>\n <div class="text">{{ item.name }}</div>\n </a>\n </li>\n <li class="navbar-item is-hidden-desktop">\n <a :href="\'/u\' + userid" :title="\'Ir a tu \' + profileName">\n <div class="icon">\n <i class="fa-solid fa-id-card"></i>\n </div>\n <div class="text">Perfil</div>\n </a>\n </li>\n <li class="navbar-item">\n <a href="/search?search_id=egosearch" title="Ir a tus temas personales">\n <div class="icon">\n <i class="fa-solid fa-archive"></i>\n </div>\n <div class="text">Temas</div>\n </a>\n </li>\n <li class="navbar-item">\n <a href="/privmsg?folder=inbox" :title="mpText">\n <div class="icon">\n <template v-if="usermp === 0">\n <i class="fa-solid fa-envelope"></i>\n </template>\n <template v-else>\n <i class="fa-solid fa-message-exclamation"></i>\n </template>\n </div>\n <div class="text">Mensajería</div>\n </a>\n </li>\n <li class="navbar-item">\n <a :href="directions.ucp" target="_blank" title="Ir al «Panel de Usuario»">\n <div class="icon">\n <i class="fa-solid fa-sliders-h"></i>\n </div>\n <div class="text">Editar</div>\n </a>\n </li>\n <template v-if="multiAccount.status">\n <li class="navbar-item">\n <select title="Cambiar de cuenta" v-model="multiAccount.position" @change="changeAccount()" @click="$event.stopPropagation()">\n <option value="-1" hidden selected>Selec. personaje</option>\n <option v-for="(account, index) in multiAccount.accounts" :value="index">{{ account.name }}</option>\n </select>\n <a :href="directions.ucp" target="_blank" title="Ir al «Panel de Usuario»">\n <div class="icon">\n <i class="fa-solid fa-address-book"></i>\n </div>\n <div class="text">Cuentas</div>\n </a>\n </li>\n </template>\n <template v-if="userlevel === 1">\n <li class="navbar-item">\n <a href="/admin" target="_blank" title="Ir al «Panel de Administrador»">\n <div class="icon">\n <i class="fa-solid fa-cogs"></i>\n </div>\n <div class="text">Administrar</div>\n </a>\n </li>\n </template>\n <li class="navbar-item">\n <a :href="userout" title="Cerrar sesión">\n <div class="icon">\n <i class="fa-solid fa-sign-out-alt"></i>\n </div>\n <div class="text">Salir</div>\n </a>\n </li>\n </template>\n </ul>\n '}),Vue.component("header-foro",{props:["sitename"],data:()=>({name:forumData.name,image:forumDefaults.logo}),template:'\n <section id="page-header" class="main-body">\n <a href="/" :title="\'Ir al índice de «\' + sitename + \'»\'" id="forum-logo">\n <template v-if="image">\n <img :src="image" :alt="name" />\n </template>\n <template v-else>\n <slot name="logo"></slot>\n </template>\n </a>\n </section>\n '}),Vue.component("foro-foro",{props:["url","name","posts","topics","lasturl"],data(){return{lastname:void 0===this.$slots["last-name"]?"":this.$slots["last-name"][0].text}},mounted(){const s=null!==this.url.match(/f(\d+)-/),t=s?"forum":"category",i=this.$el.parentElement.classList,e=FNR.utility.genSlug(this.name,"-"),n=s?this.url.match(/f(\d+)-/)[1]:this.url.match(/c(\d+)-/)[1];i.add(`${t}-element`),i.add(`${t}-${n}`),i.add(`${t}-${e}`)},template:'\n <section class="forum-forum">\n <a class="forum-header" :href="url" :title="\'Ir al subforo «\' + name + \'»\'">\n <div class="forum-title is-tweakeable">\n <span class="is-measurable">{{ name }}</span>\n </div>\n <div class="forum-stats">{{ posts }} mensajes — {{ topics }} temas</div>\n </a>\n <div class="forum-content">\n <ul class="columns is-gapless is-multiline">\n <li class="column is-full is-half-desktop">\n <div class="forum-info">\n <ul class="columns is-gapless is-multiline">\n <li class="column is-full is-two-thirds-desktop">\n <div class="forum-misc">\n <div class="forum-last">\n <template v-if="lasturl.length">\n <div class="lastpost-content">\n <div class="is-hidden-desktop">\n <a :href="lasturl" :title="\'Último mensaje en el tema «\' + lastname + \'» por \'" class="lastpost-link">{{ lastname }}</a> por <slot name="last-who"></slot>, <slot name="last-date"></slot>\n </div>\n <div class="is-hidden-touch"></div>\n </div>\n </template>\n <template v-else>Este subforo no tiene mensajes</template>\n </div>\n </div>\n </li>\n <li class="column is-one-third is-hidden-touch">\n <div class="lastpost-user">\n <div class="lastpost-avatar">\n <slot name="last-avatar"></slot>\n </div>\n <div class="lastpost-name"></div>\n </div>\n </li>\n </ul>\n </div>\n </li>\n <li class="column is-full is-half-desktop">\n <div class="forum-interior">\n <slot name="desc"></slot>\n </div>\n </li>\n </ul>\n </div>\n </section>\n '}),Vue.component("temas-foro",{props:["type","url","replies","views","quick","lastpost","mode"],data(){return{title:void 0===this.$slots.title[0].tag?this.$slots.title[0].text:this.$slots.title[0].children[0].text}},computed:{currentMode(){const s=void 0!==forumConfig.skinOptions.showTopicType&&forumConfig.skinOptions.showTopicType;return this.mode.indexOf("<strong>")>-1&&s?this.mode.split("<strong>")[1].split(":</strong>")[0]:""},currentType(){let s=this.type;return window.location.pathname.indexOf("/merge")>-1?s="radio":window.location.pathname.indexOf("/modcp")>-1&&(s="checkbox"),s},currentClass(){const s={mp:"mp",draft:"draft",radio:"mp",checkbox:"mp",followed:"mp"};return"topiclist-topic"+("normal"!==this.currentType?" topic-"+s[this.currentType]:"")}},mounted(){const s=["checkbox","radio"],t=this.$el.parentElement.classList;"normal"!==this.currentType&&t.add("is-not-lastpost"),s.indexOf(this.currentType)>-1&&t.add("is-mod")},template:'\n <div :class="currentClass">\n <template v-if="currentType === \'draft\'">\n <div class="topic-main">\n <div class="topic-icon"></div>\n <div class="topic-container">\n <span class="topic-title">\n <a :href="url" :title="\'Ir al tema «\' + title + \'»\'">{{ title }}</a>\n </span>\n <div class="topic-extra">\n <div class="topic-repliesandviews">\n {{ replies }} - {{ views }}\n </div>\n </div>\n </div>\n </div>\n <div class="topic-quicklink">\n <a class="topic-lastpost" :href="quick" :title="\'Ir al bosquejo «\' + title + \'»\'">\n <i class="fas fa-pencil-alt"></i>\n </a>\n </div>\n </template>\n <template v-else-if="currentType === \'followed\'">\n <div class="topic-main">\n <div class="topic-icon"></div>\n <div class="topic-container">\n <span class="topic-title">\n <a :href="url" :title="\'Ir al tema «\' + title + \'»\'">{{ title }}</a>\n </span>\n <div class="topic-extra">\n <div class="topic-repliesandviews">\n {{ replies }} - {{ views }}\n </div>\n </div>\n </div>\n </div>\n <div class="topic-quicklink">\n <div class="topic-lastpost" title="¡Seleccióname!">\n <slot name="radio"></slot>\n </div>\n </div>\n </template>\n <template v-else-if="currentType === \'mp\'">\n <div class="topic-main">\n <div class="topic-icon"></div>\n <div class="topic-container">\n <span class="topic-title">\n <a :href="url" :title="\'Ir al mensaje privado «\' + title + \'»\'">{{ title }}</a>\n </span>\n <div class="topic-extra">\n <div class="topic-pagination">{{ views }}</div>\n <div class="topic-extra-separador">-</div>\n <div class="topic-author">Por <slot name="who"></slot></div>\n </div>\n </div>\n </div>\n <div class="topic-quicklink">\n <div class="topic-lastpost" title="¡Seleccióname!">\n <div class="forum-checkbox">\n <div class="checkbox-content">\n <div class="checkbox-click">\n <i class="fas fa-check"></i>\n </div>\n </div>\n <div class="checkbox-real"><slot name="checkbox"></slot></div>\n </div>\n </div>\n </div>\n <div class="to-process">\n <slot name="status"></slot>\n </div>\n </template>\n <template v-else-if="currentType === \'radio\'">\n <div class="topic-main">\n <div class="topic-icon"></div>\n <div class="topic-container">\n <span class="topic-title">\n <a :href="url" :title="\'Ir al tema «\' + title + \'»\'">{{ title }}</a>\n </span>\n <div class="topic-extra">\n <div class="topic-author">Por <slot name="topic-author"></slot></div>\n <div class="topic-repliesandviews">\n {{ replies }}\n </div>\n </div>\n </div>\n </div>\n <div class="topic-quicklink">\n <div class="topic-lastpost" title="¡Seleccióname!">\n <div class="forum-checkbox">\n <div class="checkbox-content">\n <div class="checkbox-click">\n <i class="fas fa-check"></i>\n </div>\n </div>\n <div class="checkbox-real"><slot name="checkbox"></slot></div>\n </div>\n </div>\n </div>\n <div class="to-process">\n <slot name="status"></slot>\n </div>\n </template>\n <template v-else-if="currentType === \'checkbox\'">\n <div class="topic-main">\n <div class="topic-icon"></div>\n <div class="topic-container">\n <span class="topic-title">\n <a :href="url" :title="\'Separar tema «\' + title + \'»\'">{{ title }}</a>\n </span>\n <div class="topic-extra">\n <div class="topic-author">{{ lastpost }}</div>\n <div class="topic-repliesandviews">\n {{ replies }}\n </div>\n </div>\n </div>\n </div>\n <div class="topic-quicklink">\n <div class="topic-lastpost" title="¡Seleccióname!">\n <div class="forum-checkbox">\n <div class="checkbox-content">\n <div class="checkbox-click">\n <i class="fas fa-check"></i>\n </div>\n </div>\n <div class="checkbox-real"><slot name="checkbox"></slot></div>\n </div>\n </div>\n </div>\n <div class="to-process">\n <slot name="status"></slot>\n </div>\n </template>\n <template v-else>\n <div class="topic-main">\n <div class="topic-icon"></div>\n <div class="topic-container">\n <span class="topic-title">\n <a :href="url" :title="\'Ir al tema «\' + title + \'»\'"><template v-if="currentMode.length">{{ currentMode }}: </template>{{ title }}</a>\n </span>\n <div class="topic-extra">\n <div class="topic-pagination to-process">Páginas: <slot name="pagination"></slot></div>\n <div class="topic-extra-separador">-</div>\n <div class="topic-author">Por <slot name="topic-author"></slot></div>\n <div class="topic-repliesandviews">\n {{ replies }} - {{ views }}\n </div>\n </div>\n </div>\n </div>\n <div class="topic-quicklink">\n <slot name="last-avatar"></slot>\n <div class="topic-last">\n <a class="topic-lastpost">\n <i class="fas fa-link"></i> Último mensaje\n </a>\n Por <span class="topic-lastauthor"></span>\n <br />\n <span class="topic-lastdate"></span>\n </div>\n </div>\n <div class="to-process">\n <slot name="status"></slot>\n <slot name="last-post"></slot>\n </div>\n </template>\n </div>\n '}),Vue.component("mensaje-foro",{props:["id","online","edited","date"],computed:{slugId(){return"post-"+this.id},currentClass(){return"postlist-post"+this.online},currentDate(){const s=s=>s.split("el ")[1];return this.date.length?(this.date.indexOf("el")>-1?s(this.date).trim():this.date.trim())+(this.edited.length&&-1===this.edited.indexOf("not-show")?' <a title="'+this.edited.split("<br /><br />")[1].split(",")[0]+'">Editado</a> ':""):""}},template:'\n <section :id="slugId" :class="currentClass">\n <a :id="id" class="page-anchor" />\n <div class="post-header">\n <div class="header-side"></div>\n </div>\n <div class="post-content">\n <div class="post-info">\n <div class="post-side">\n <a :href="\'#\' + id" title="Enlace permanente" class="post-permalink">\n <i class="fas fa-link"></i>\n </a>\n <div class="post-title" v-html="currentDate" v-if="currentDate.length"></div>\n </div>\n <ul class="post-buttons"></ul>\n </div>\n <div class="is-content">\n <slot name="content"></slot>\n </div>\n </div>\n <div class="post-profile">\n <slot name="profile"></slot>\n </div>\n </section>\n '}),Vue.component("memberitem-foro",{props:["profile","type"],data(){return{configType:"none"!==this.profile,configName:forumConfig.profileOptions.profileName||"perfil",configRank:forumConfig.profileOptions.profileRank,url:"/",title:`Ir al índice de «${forumData.name}»`,mp:"/",name:"Usuario",avatar:forumDefaults.avatar,alt:"Avatar por defecto",rank:"Miembro",group:"usergroup-unknown",messages:0,lastvisit:"Cargando…",currentlyLooking:""}},created(){this.$slots.name&&(this.$slots.name[0].text?this.name=this.$slots.name[0].text:this.name=this.$slots.name[0].children[0].children[0].text||"Buscador"),this.$slots.avatar&&(this.avatar=this.$slots.avatar[0].data.attrs.src),this.$slots.posts&&(this.messages=this.$slots.posts[0].text),this.$slots.last&&(this.lastvisit=this.$slots.last[0].text),this.$slots.site&&(this.currentlyLooking=this.$slots.site[0].children[0].text),this.configType&&FNR.user.getProfile(this.profile.split("/u")[1],.25).then(s=>{this.url=s.links.profile,this.title=`Ir al ${this.configName} de «${s.name}»`,this.mp=s.links.mp,this.alt=`Avatar de «${s.name}»`,this.rank=s.fields[this.configRank].content,this.group="usergroup-"+s.colour,this.$slots.name||(this.name=s.name),this.$slots.avatar||(this.avatar=s.avatar),this.$slots.posts||(this.messages=s.messages.public),this.$slots.last||(this.lastvisit=s.lastvisit)})},template:'\n <a :class="\'memberitem-element \' + group" :href="url" target="_blank" :title="title">\n <div class="memberlist-name">\n <h3 class="is-tweakeable">\n <span class="is-measurable">{{ name }}</span>\n </h3>\n <div class="is-tweakeable">\n <span class="is-measurable">{{ currentlyLooking ? currentlyLooking : lastvisit }}</span>\n </div>\n </div>\n <img class="memberlist-avatar" :src="avatar" :alt="alt" />\n </a>\n '}),Vue.component("estadisticas-foro",{props:["msg","users"],data:()=>({lastTopics:[],userLog:_userdata.session_logged_in}),created(){FNR.forum.getTopics(forumConfig.skinOptions.excludedForums,forumConfig.skinOptions.lastTopics).then(s=>{this.lastTopics=s})},template:'\n <ul class="columns is-multiline is-gapless">\n <li id="bloque-estadisticas" class="column is-one-third is-full-touch">\n <div id="new-connected">\n <h6>Ahora</h6>\n <div class="has-users">\n <span class="curconnected-users"></span>\n </div>\n </div>\n <div id="past-connected">\n <h6>Últimas <span class="lastconnected-hour"></span> horas</h6>\n <div class="has-users">\n <span class="lastconnected-users"></span>\n </div>\n </div>\n </li>\n <li id="bloque-grupos" class="column is-two-thirds is-full-touch">\n <div id="image-banner"></div>\n <ul id="census"></ul>\n </li>\n <li id="bloque-ultimostemas" class="column is-full">\n <h6>Últimos temas</h6>\n <ul class="ltopic-list">\n <li v-for="topic in lastTopics">\n <tema-ref :info="topic"></tema-ref>\n </li>\n </ul>\n <small>También tienes la lista <a href="/latest" target="_blank" title="Ir a la página de «Últimos temas»">general</a><template v-if="userLog !== 0"> o desde tu <a href="/search?search_id=newposts" target="_blank" title="Ir a la página de «Desde última conexión»">ultima conexión</a></template>.</small>\n </li>\n \t</ul>\n '}),Vue.component("tema-ref",{props:["info"],data:()=>({profileName:forumConfig.profileOptions.profileName||"perfil"}),computed:{userColor(){return"color: "+this.info.lastpost.who.color}},template:'\n <div class="ltopic-element">\n <a class="ltopic-last" :href="info.lastpost.url" target="_blank" :title="\'Ir al último mensaje del tema «\' + info.name + \'»\'">\n <i class="fas fa-link"></i>\n </a>\n <a class="ltopic-title" :href="info.url" target="_blank" :title="\'Ir al tema «\' + info.name + \'»\'"><span>{{ info.name }}</span></a>\n <small class="ltopic-info"><a :href="info.lastpost.who.url" target="_blank" :style="userColor" :title="\'Ir al \' + profileName + \' de «\' + info.lastpost.who.name + \'»\'">{{ info.lastpost.who.name | just-name }}</a>, {{ info.lastpost.date }} en <a :href="info.forum.url" target="_blank" :title="\'Ir al subforo «\' + info.forum.name + \'»\'">{{ info.forum.name }}</a></small>\n </div>\n '}),Vue.component("footer-foro",{data:()=>({afis:{},normal:forumConfig.usableDirections.normal,credits:forumCredits.paragraphs,social:forumCredits.social}),created(){FNR.forum.getAffiliates().then(s=>{this.afis=s})},
2
+ template:'\n <section id="page-afiliates" class="main-body">\n <categoria-foro id="afiliados">\n <div class="forum-head regular-head">\n <i class="fa-solid fa-caret-right"></i>\n <h3><span>Afiliados <span class="extra">+</span> Créditos</span><small>afiliados <span class="extra">+</span> creditos</small></h3>\n </div>\n <ul class="columns is-gapless">\n <li id="forum-affiliates" class="column is-two-thirds is-full-touch">\n <ul class="columns is-gapless is-multiline">\n <li id="forum-affiliates-sisters" class="column is-full affiliates-collection">\n <h3 class="section-title">Hermanas</h3>\n <ul v-html="afis.sister" class="no-style"></ul>\n </li>\n <li id="forum-affiliates-elite" class="column is-full">\n <ul class="columns is-gapless is-multiline">\n <li class="column is-two-thirds is-full-touch affiliates-collection">\n <h3 class="section-title">Élite</h3>\n <ul v-html="afis.elite" class="no-style"></ul>\n </li>\n <li class="column is-one-third is-full-touch affiliates-collection">\n <h3 class="section-title">Directorios</h3>\n <ul v-html="afis.directory" class="no-style"></ul>\n </li>\n </ul>\n </li>\n <li id="forum-affiliates-regular" class="column is-full" v-if="normal.length">\n <h3 class="section-title"><a :href="normal" title="Ir a «Afiliaciones Normales»"><i class="fas fa-link"></i> Normales</a></h3>\n </li>\n </ul>\n </li>\n <li id="forum-cred" class="column is-full-touch">\n <div class="is-content">\n <h3 class="section-title">Créditos</h3>\n <ul class="no-style">\n <li v-for="credit in credits" v-html="credit"></li>\n <li class="is-hidden-mobile">El diseño y programación de la skin <a href="https://darktimes-skin.foroactivo.com/" title="Ir al sitio web de «Dark Times»" target="_blank">Dark Times</a> por <a href="https://zatrapa-gaylien.tumblr.com/" title="Ir al sitio web de «Gaylien»" target="_blank">Gaylien</a>. Agradecimiento especial a los equipos desarrolladores de <a href="https://vuejs.org/" title="Ir al sitio web de «Vue»" target="_blank">Vue</a> y <a href="https://bulma.io/" title="Ir al sitio web de «Bulma»" target="_blank">Bulma</a> por sus respectivos <em>Frameworks</em>.</li>\n <li id="credits-social" v-if="social.length">\n <ul class="no-style">\n <li v-for="platform in social">\n <a :href="platform.url" target="_blank" :title="\'Ir a «\' + platform.name + \'»\'"><em :class="platform.icon"></em> {{ platform.name }}</a>\n </li>\n </ul>\n </li> \n </ul>\n </div>\n </li>\n </ul>\n </categoria-foro>\n </section>\n '}),Vue.component("tablon-titulo",{props:["title"],template:'\n <h4 class="plank-title">\n <i class="fa-solid fa-caret-right"></i><span v-html="title"></span>\n </h4>\n '}),Vue.component("tablon-superior",{data:()=>({name:forumData.name}),template:'\n <section id="topbar-section" class="basic-element">\n <categoria-foro id="tablon">\n <ul class="columns is-gapless is-multiline">\n <li class="column is-full">\n <div id="plank-anmt" class="plank-block">\n <tablon-titulo title="Anuncios <span class=\'extra\'>+</span> Novedades"></tablon-titulo>\n <links-anuncios></links-anuncios>\n </div>\n </li>\n <li class="column is-full is-two-thirds-desktop">\n <ul class="columns is-gapless is-multiline">\n <li class="column is-full">\n <div id="plank-staff" class="plank-block">\n <tablon-titulo title="Administración"></tablon-titulo>\n <links-staff></links-staff>\n </div>\n </li>\n <li class="column is-half">\n <div id="plank-search" class="plank-block">\n <tablon-titulo title="Búsquedas"></tablon-titulo>\n <busquedas></busquedas>\n </div>\n </li>\n <li class="column is-half">\n <div id="plank-sq" class="plank-block">\n <tablon-titulo title="¿Sabías qué?"></tablon-titulo>\n <sabias-que></sabias-que>\n </div>\n </li>\n </ul>\n </li>\n <li class="column is-full is-one-third-desktop">\n <div id="plank-help" class="plank-block">\n <tablon-titulo title="Ayuda"></tablon-titulo>\n <links-ayuda></links-ayuda>\n </div>\n </li>\n </ul>\n </categoria-foro>\n <categoria-foro id="navegacion">\n <ul class="columns is-gapless is-multiline">\n <li class="column">\n <nav id="forum-breadcrumb" class="breadcrumb has-succeeds-separator left" aria-label="breadcrumbs">\n <ul>\n <li>\n <a href="/" title="Ir al inicio">{{ name }}</a>\n </li>\n </ul>\n </nav>\n </li>\n </ul>\n </categoria-foro>\n </section>\n '}),Vue.component("links-ayuda",{data:()=>({links:forumContent.links}),template:'\n <div id="help-main">\n <a target="_blank" :href="link.url" :title="\'Ir a «\' + link.name + \'»\'" v-for="link in links">{{ link.name }}</a>\n </div>\n '}),Vue.component("links-anuncios",{data:()=>({announcements:forumContent.announcements.list}),template:'\n <ul class="columns is-multiline">\n <li v-for="announcement in announcements" class="column is-one-quarter is-half-tablet is-half-mobile">\n <a target="_blank" :href="announcement.url" :title="\'Ir al anuncio «\' + announcement.name + \'»\'" class="anmt-element">\n <span class="anmt-title">{{ announcement.name }}</span>\n <span class="anmt-date">{{ announcement.date }}</span>\n </a>\n </li>\n </ul>\n '}),Vue.component("sabias-que",{data:()=>({content:forumContent.sq[Math.floor(Math.random()*forumContent.sq.length)]}),created(){setInterval(()=>{this.content=forumContent.sq[Math.floor(Math.random()*forumContent.sq.length)]},12e3)},template:'\n <div id="sq-img" class="msg-element topbar-element" :style="\'background-image: url(\' + content + \')\'"></div>\n '}),Vue.component("busquedas",{data:()=>({content:forumContent.searches[Math.floor(Math.random()*forumContent.searches.length)]}),created(){setInterval(()=>{this.content=forumContent.searches[Math.floor(Math.random()*forumContent.searches.length)]},16e3)},template:'\n <a id="search-img" class="msg-element topbar-element" :style="\'background-image: url(\' + content.img + \')\'" :href="content.url" target="_blank" :title="content.desc"></a>\n '});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "skin-dt-32",
3
- "version": "0.4.7",
3
+ "version": "0.4.9",
4
4
  "main": "readme.md",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1"
package/stylesheet.css CHANGED
@@ -910,6 +910,12 @@ blockquote>div>cite {
910
910
  display: block;
911
911
  }
912
912
 
913
+ .field-element.field-cloudflare {
914
+ display: flex;
915
+ justify-content: center;
916
+ height: 65px;
917
+ }
918
+
913
919
  .is-content h1:last-child,
914
920
  .is-content h2:last-child,
915
921
  .is-content h3:last-child,
@@ -3312,10 +3318,6 @@ body.is-monochrome .category-estadisticas>.columns:hover #image-banner {
3312
3318
  transform: translateX(100vw);
3313
3319
  }
3314
3320
 
3315
- #forum-navbar:has(> .main-body.is-on) #hmg-button i:before {
3316
- content: "\f00d";
3317
- }
3318
-
3319
3321
  #forum-breadcrumb {
3320
3322
  width: calc(100% - 80px);
3321
3323
  position: fixed;
package/stylesheet.min.css CHANGED
@@ -1 +1 @@
1
- body{background:var(--color-1);color:var(--color-4);font-size:1rem;font-family:var(--font-2);line-height:24px;min-height:100vh;background-image:var(--pattern);background-attachment:fixed;background-repeat:repeat}a{font-family:var(--font-1);color:var(--color-contrast);font-weight:700}.page-anchor{position:absolute;top:calc(-80px - 1.5rem)}.main-body{max-width:1280px}#forum-body>.main-body{padding:0}#forum-body>.main-body>article{max-width:calc(100% - 80px)}body>#forum-body{padding:0!important}.button1,.button2,input[type=Submit],input[type=reset]{font-family:var(--font-1);font-weight:700;border:none;background:var(--color-3);color:var(--color-4);cursor:pointer;line-height:28px;white-space:nowrap;height:2.75rem;padding:.5rem 1rem;font-size:.825rem;text-align:center;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;text-transform:uppercase;letter-spacing:1px}.btn-main{color:var(--color-contrast)!important;line-height:20px!important}.button1:hover,.button2:hover,input[type=Submit]:hover,input[type=reset]:hover{background:var(--color-contrast)!important;color:var(--color-1)!important}input[type=number][disabled],input[type=password][disabled],input[type=text][disabled],select[disabled]{background:var(--color-4)!important;color:var(--color-1)!important}input[type=number],input[type=password],input[type=text],select,textarea{width:100%;height:100%;padding:.5rem 1rem;background:var(--color-2);color:var(--color-4);font-family:var(--font-2);font-size:1rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;border:none}input[type=number]:focus,input[type=number]:hover,input[type=password]:focus,input[type=password]:hover,input[type=text]:focus,input[type=text]:hover,select:focus,select:hover,textarea:focus,textarea:hover{background:var(--color-3)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}select option{background:var(--color-3);color:var(--color-4)}.select-container{position:relative;width:100%}.select-container::after{border:3px solid var(--color-4);border-radius:2px;border-right:0;border-top:0;content:" ";display:block;height:.625em;margin-top:-.4375em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em;right:.825em}.select-container select{cursor:pointer}textarea{padding:1rem;min-height:200px}.checkbox-click>i{display:none}.checkbox-content{height:2.5rem}.checkbox-name{position:relative;top:-2px}.checkbox-click{width:1.5rem;height:1.5rem;border:2px solid var(--color-contrast);margin-right:.75rem;display:flex;justify-content:center;align-items:center}.checkbox-content a{font-family:var(--font-2)}.forum-checkbox.is-active .checkbox-click::before{width:.75rem;height:.75rem;background:var(--color-contrast);content:''}.checkbox-click.is-radio,.forum-checkbox.is-active .checkbox-click.is-radio::before{border-radius:100%}.forum-fieldlist:not(.is-horizontal) .forum-checkbox{max-width:385px}.date-dmy{display:flex;justify-content:space-between;height:100%}.date-dmy>label{margin-left:1rem;display:flex;align-items:center}.date-dmy>label:first-child{margin-left:0}.date-dmy>label input{flex:1 1 auto;margin-left:.5rem}.page-buttons{display:flex;justify-content:flex-end}.btn-element{margin-left:.5rem}.btn-element:first-child{margin-left:0}.forum-button{display:flex;justify-content:center;align-items:center;padding:.725rem;background:var(--color-2);color:var(--color-4);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-button>.text{font-weight:700;text-transform:uppercase;margin-left:.5rem;letter-spacing:1px}.forum-button>.icon{font-size:1.25rem}.forum-button:hover{background:var(--color-contrast);color:var(--color-1)}.dropdown.is-active .forum-button{background:var(--color-contrast);color:var(--color-1)}.dropdown .forum-button .text{padding-right:1.75rem;position:relative}.dropdown .forum-button .text::after{content:'';border:3px solid transparent;border-radius:2px;border-right:0;border-top:0;display:block;height:.625em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em;margin-top:-.375em;right:5px;border-color:inherit}.dropdown-menu{padding:0;min-width:100%}.dropdown-content{background:var(--color-3);border:none;box-shadow:none;border-radius:0;color:var(--color-4)}.dropdown-item{padding:.5rem 1rem!important;background:0 0!important;color:var(--color-4)!important;font-weight:400;font-family:var(--font-2)}.lower-controls .dropdown-menu{bottom:100%;top:initial}.lower-controls .dropdown .forum-button .text::after{transform:rotate(135deg);top:60%}.forum-infoblock{padding:1rem;margin-bottom:1.5rem;background:var(--color-4);color:var(--color-1)}.forum-infoblock h5{font-size:.925rem;margin-bottom:.5rem!important;font-family:var(--font-2)}.forum-infoblock ul{list-style:square;padding-left:1rem;font-size:.925rem}.forum-infoblock ul li{margin-bottom:.5rem!important}.forum-infoblock ul li:last-child{margin-bottom:0!important}.usereply-button{transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;background:var(--color-2)}.dropdown.is-dropeable.is-active .usereply-button,.usereply-button:hover{background:var(--color-3)}#usereply-top small{font-family:var(--font-2)}#usereply-editor{height:300px}.usereply-option{padding:.25rem 1rem;font-weight:400;font-family:var(--font-2);margin:0}#forum-preview>.post-content>.is-content{cursor:initial;width:788px}.character-selector{position:relative;height:55px!important}.selector-list{display:none;position:absolute;z-index:5;width:calc(100% - .85rem);background:var(--color-3);max-height:200px;overflow:auto;border-top:0;margin-left:.425rem}.character-selector>input+.selector-list:hover,.character-selector>input:focus+.selector-list{display:block}.selector-list li{padding:.5rem 1rem;font-family:var(--font-1);display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:0!important;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.selector-list li::before{display:none}.selector-list li:last-child{border-bottom:0}.selector-list li i{color:var(--color-contrast)}.selector-list li:hover{background:var(--color-contrast);color:var(--color-1)}.selector-list li:hover i{color:var(--color-1)}.character-list{margin:.5rem -.25rem -.25rem -.25rem;display:flex;flex-flow:wrap;height:auto!important}.character-list>li{margin:.25rem;padding:.25rem .5rem;display:flex;align-items:center;justify-content:center;background:var(--color-4);color:var(--color-1);font-weight:700;font-family:var(--font-1);line-height:normal;font-size:.825rem;cursor:pointer;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.character-list>li:hover{background:var(--color-contrast)}.character-list>li i{margin-right:.25rem}.character-custom{position:absolute;top:0;right:1rem;display:flex;align-items:center;justify-content:center;height:100%}.forum-field .field-content .character-custom i{width:24px;display:flex;justify-content:center}.msg-element{display:block;background:var(--color-2);padding:1rem 1.5rem}.forumseparator-element{display:flex;justify-content:center;align-items:center;margin:0 0 2rem 0}.forumseparator-element>*{display:none}.subforum-element .category-element+.forumseparator-element{display:none}.forum-field .field-name{color:var(--color-contrast);font-weight:700;font-family:var(--font-1);width:200px;display:flex;align-items:center;margin-right:1rem;border-bottom:4px solid;align-self:flex-start;height:52px;flex:0 0 auto}.forum-field .field-content{min-height:55px;flex:1 1 auto}.forum-field .field-content>*{width:100%;height:100%}#usereply-dice ul li{height:55px}#forum-header{display:flex;justify-content:center;align-items:center;height:450px;padding:2rem;background-image:var(--header);background-position:center;background-size:cover;letter-spacing:3px}#forum-logo{display:block;max-width:60%}#forum-logo>img{display:block}#content-container{position:relative;left:80px}#forum-navbar{width:80px;position:fixed;left:calc((100vw - 1200px)/ 2 - 40px);top:0;z-index:900;align-self:baseline;height:100vh;background:var(--color-2);padding:0!important}#forum-navbar .main-body{height:100%;display:flex;flex-flow:column;justify-content:space-between}#forum-navbar .main-body #hmg-button,#forum-navbar .main-body .bg-active{display:none}#forum-navbar .top{width:80px;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}#forum-navbar .top:hover{background:var(--color-3)}#forum-navbar .top span{display:flex;align-items:center;width:100%;font-weight:900;letter-spacing:.225rem;font-size:2rem;text-transform:uppercase;writing-mode:tb-rl;padding:1.5rem 1rem}#forum-navbar .user-avatar{display:flex;justify-content:center;align-items:center;overflow:hidden;width:52px;height:52px;border-radius:100%;border:5px solid var(--color-2);box-shadow:0 0 0 3px var(--color-contrast);margin:1rem .875rem 0 .875rem}body.is-monochrome #forum-navbar .user-avatar img{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome #forum-navbar .top:hover img{filter:none}#forum-navbar .navbar-item{position:relative;padding:0}#forum-navbar .navbar-item a{display:flex;flex-flow:column;width:80px;height:80px;justify-content:center;align-items:center}#forum-navbar .navbar-item .icon{font-size:1.5rem}#forum-navbar .navbar-item .text{font-size:.5rem;margin-top:.5rem;font-weight:600;text-transform:uppercase;color:var(--color-4)}#forum-navbar .navbar-item a{transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}#forum-navbar .navbar-item:hover a{background:var(--color-3)}#forum-navbar .navbar-item select:focus+a{background:var(--color-3)}#forum-navbar .navbar-item select{position:absolute;opacity:0;cursor:pointer}#forum-navbar #loading-element{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-1);color:var(--color-4);z-index:900}#forum-content,#forum-wiki{padding:2rem;background:var(--color-1)}.basic-element>section{margin-bottom:3rem}.basic-element>section:last-child{margin-bottom:0}.is-content{text-align:justify}.is-content h1,.is-content h2,.is-content h3,.is-content h4,.is-content h5,.is-content h6{text-align:left;font-weight:700}.is-content h1,.is-content h2,.is-content h3,.is-content h4,.is-content h5,.is-content h6,.is-content p{margin-bottom:1rem}.is-content hr{height:1rem;margin:0;background:top}.is-content ol li,.is-content ul li{position:relative;margin-bottom:1rem}.is-content h6{margin-bottom:.25rem;margin-top:1.5rem}.is-content u{text-decoration:none}.is-content a,.is-content u{padding-bottom:2px;font-family:inherit;border-bottom:2px solid}.is-content table{width:100%;table-layout:fixed}.is-content table th{font-family:var(--font-1);background:var(--color-contrast);color:var(--color-1)}.is-content table td,.is-content table th{font-size:.825rem;padding:.5rem .75rem;text-align:left}.is-content table td{color:var(--color-4)}.is-content ul{list-style:square;padding-left:1rem}.is-content ol{list-style:decimal;padding-left:2rem}.is-content ol>li::marker{font-family:var(--font-1);color:var(--color-contrast);font-weight:700}.is-content a,.is-content u{padding-bottom:0}.is-content table tbody{background:var(--color-1)}.is-content table tr:nth-child(2n){background:var(--color-3)}.is-content code{background:var(--color-3);color:var(--color-contrast)}.is-content iframe{max-width:100%;aspect-ratio:16/9}.codebox,.hidecode,.spoiler,blockquote{background:var(--color-2);position:relative;z-index:10;overflow:hidden;padding:1rem;color:var(--color-4);font-size:.925rem;max-width:calc(740px + 3rem);margin:0 auto}.main-slat .codebox,.main-slat .hidecode,.main-slat .spoiler,.main-slat blockquote{background:var(--color-1)}.main-slat .codebox,.main-slat .hidecode,.main-slat .spoiler,.main-slat blockquote{background:var(--color-1)}.codebox>dt,.spoiler>dt,blockquote>div>cite{position:relative;z-index:20;font-size:1.125rem;font-family:var(--font-1);color:var(--color-contrast);cursor:default}.codebox>dd,.hidecode>dd,.spoiler>dd,blockquote>div{position:relative;z-index:20}.adminbox-icon{position:absolute;right:1rem;top:1rem;font-size:4rem;color:var(--color-contrast);opacity:.2;z-index:10}blockquote>div>cite a{border:none!important;padding:0!important}.codebox>dt,blockquote>div>cite{margin-bottom:1rem;display:block;font-style:normal}.codebox>dt em{color:var(--color-4);font-style:normal}.codebox>code{position:relative;display:block;padding:0;background:0 0;color:inherit;z-index:15}.spoiler{padding:0;border-left:0}.spoiler>dt{padding:1rem;cursor:pointer}.spoiler_content{padding:0 1rem 1rem 1rem}.spoiler_content.hidden{display:block}.is-content h1:last-child,.is-content h2:last-child,.is-content h3:last-child,.is-content h4:last-child,.is-content h5:last-child,.is-content h6:last-child,.is-content li:last-child,.is-content p:last-child{margin-bottom:0}.postlist-post.post-diceroll .post-header,.postlist-post.post-diceroll .post-info .post-buttons,.postlist-post.post-diceroll .post-profile:not(:first-child){display:none}.postlist-post.post-diceroll .post-content{background:var(--color-2);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;color:var(--color-4);width:100%;padding:1.5rem}.postlist-post.post-diceroll .post-content:hover{background:var(--color-3)}.is-content.content-dice blockquote{max-width:100%;background:var(--color-4);color:var(--color-1)}.is-content.content-dice ul{list-style:none;padding:0}.dice-rolllist{margin:2rem 0 0 0}.is-content.content-dice .rolllist-roll h6{margin:0 0 .5rem 0}.roll-results{display:flex;flex-flow:wrap;gap:.5rem}.is-content.content-dice ul .roll-result{margin:0}.roll-result img{display:block}.post-diceroll .post-datafields+.post-content{width:auto;background:0 0!important}.main-slat{display:flex;flex-flow:column;max-width:calc(740px + 3rem);margin:0 auto;background:var(--color-1);color:var(--color-4)}.mainslat-title{padding:4rem 1.5rem;font-size:2.25rem;font-family:var(--font-1);font-weight:900;text-transform:uppercase;letter-spacing:4px;cursor:default;text-align:center;background:var(--color-contrast);color:var(--color-1)}.mainslat-content{padding:1.5rem}.userecord-head{margin:0 0 .5rem 0}.userecord-image{display:block}.userecord-fc{text-align:center;background:var(--color-contrast);color:var(--color-1);padding:.225rem .5rem;font-size:.925rem;cursor:default}.userecord-data{padding:0!important;list-style:none!important;display:flex;flex-flow:row wrap;margin:.725rem -.5rem -.5rem -.5rem}.userecord-data li{cursor:default}.userecord-field{margin:.5rem!important;width:calc(100% / 3 - 1rem);text-align:center;font-size:.925rem;line-height:.925rem}.userecord-fieldname{font-family:var(--font-1);font-weight:700;text-transform:uppercase;color:var(--color-contrast);letter-spacing:1px}.slatinterior-title{padding:.5rem 1rem;font-weight:700;font-family:var(--font-1);text-transform:uppercase;letter-spacing:2px;font-size:1.25rem;cursor:default;display:inline-block;background:var(--color-contrast);color:var(--color-1);margin:0 0 1.25rem 0}.slatinterior-content{padding:1.5rem;background:var(--color-2)}.slat-interior{margin:0 0 .5rem 0}.slat-interior:last-child{margin:0}.slatinterior-content strong>font{color:var(--color-contrast);font-size:1.05rem}#forum-footer{display:flex;align-items:center;padding:0 2rem;text-transform:uppercase;height:80px;background:var(--color-contrast);color:var(--color-1);font-size:.825rem;font-weight:600}#forum-footer>.main-body{display:flex;justify-content:space-between;width:100%}#forum-footer .right{text-align:right;max-width:70%}#forum-footer a{color:var(--color-1);font-weight:600}#forum-credits{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}#forum-topbar{background:var(--color-1)}#topbar-section{padding:1rem}#topbar-section .category-element{margin:0}.plank-block{padding:1rem}.plank-title{margin-bottom:1.25rem;text-transform:uppercase;font-weight:900;letter-spacing:2px}.plank-title i{font-size:70%;color:var(--color-contrast);margin-right:.5rem}.forum-head .extra,.plank-title .extra{color:var(--color-contrast)}#plank-anmt>.columns{margin:-.5rem}#plank-anmt>.columns>.column{padding:.5rem}#help-main{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin:-.5rem}#help-main>a{display:flex;width:45%;height:88px;padding:.5rem;justify-content:center;align-items:center;text-transform:uppercase;border:2px solid;margin:.5rem;text-align:center;color:var(--color-4);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}#help-main>a:nth-child(2n-1):last-child{width:calc(95% - 2px)}#help-main>a:hover{background:var(--color-4);border-color:var(--color-4);color:var(--color-1)}#search-img,#sq-img{display:block;width:358px;height:193px;background-size:cover;background-position:center}#admin-main{display:flex}.admin-element{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;margin-left:1rem;width:25%;height:131px;text-align:center;background-size:cover;background-position:center;position:relative}.admin-element:first-child{margin:0}.admin-element *{color:var(--color-4);opacity:0;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;position:relative;z-index:2}.admin-element::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:var(--color-1);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;opacity:0}.admin-element:hover *{opacity:1}.admin-element:hover::after{opacity:.4}.admin-name{font-weight:700;font-size:1.5rem;text-transform:uppercase}.admin-desc{font-size:.75rem}.anmt-element{display:flex;padding:1rem;background:var(--color-2);height:100px;justify-content:center;align-items:center;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.anmt-element:hover{background:var(--color-3)}.anmt-date{order:0;font-weight:700;color:var(--color-contrast);font-size:2rem;margin-right:1rem}.anmt-title{order:1;color:var(--color-4)}#forum-breadcrumb{display:flex;justify-content:center;align-items:center;position:sticky;top:0;padding:0 2rem;background:var(--color-contrast);color:var(--color-1);font-size:.825rem;font-weight:600;text-transform:uppercase;height:80px;margin:0;text-align:center;z-index:90}#forum-breadcrumb a{color:var(--color-1)}#forum-breadcrumb li+li::before{content:"\f054";font-family:'Font Awesome 6 Pro';font-weight:900;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-size:60%;color:var(--color-1)}#forum-breadcrumb li:last-child:not(:first-child){display:none}.forum-head{display:flex;align-items:center;margin-bottom:2rem;letter-spacing:3px}.forum-head i{color:var(--color-contrast);margin-right:1rem;font-size:2rem}.forum-head h3{font-size:3rem}.forum-head h3>*{line-height:3rem}h3 span{font-weight:700;text-transform:uppercase}h3 small{font-family:var(--font-3)}.mp-main h3 small{font-family:var(--font-1)}.forum-forum .forum-header{display:flex;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-contrast);color:var(--color-1);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum .forum-title{max-width:500px;font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:2px}.forum-forum .forum-stats{text-transform:uppercase;letter-spacing:1px;font-weight:700}.forum-forum .forum-info,.forum-forum .forum-interior{height:235px}.forum-forum .forum-info{background:var(--color-2);padding:1rem 1.5rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum:hover .forum-info{background:var(--color-3)}.forum-forum .forum-info .columns{height:100%}.forum-forum .forum-image{display:flex;align-items:center;height:100%;background-size:cover;background-position:center;position:relative}body.is-monochrome .forum-forum .forum-image{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome .forum-forum:hover .forum-image{filter:none}.forum-forum .forum-image+br{display:none}.forum-forum .forum-misc{display:flex;flex-direction:column;justify-content:space-between;height:100%;font-size:.825rem}.forum-forum .forum-box{margin-bottom:.925rem}.forum-forum .forum-last{text-align:center}.forum-forum .forum-links{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:100%;padding:2rem;opacity:0;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum .forum-links::before{content:'';width:100%;height:100%;position:absolute;background:var(--color-2);opacity:.4;margin:-2rem}.forum-forum:hover .forum-links{opacity:1}.forum-forum .forum-links>a{font-weight:700;text-transform:uppercase;padding:.5rem;background:var(--color-2);position:relative;z-index:1;margin:.25rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum .forum-links>a:hover{background:var(--color-contrast);color:var(--color-1)}.forum-forum .lastpost-user{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-family:var(--font-1);margin-left:1.5rem}.forum-forum .lastpost-avatar{display:flex;width:100px;height:100px;overflow:hidden;margin-bottom:.925rem;border-radius:100%}.forum-forum .lastpost-avatar>img{width:100%;align-self:center}body.is-monochrome .forum-forum .lastpost-avatar>img{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome .forum-forum:hover .lastpost-avatar>img{filter:none}.forum-forum .lastpost-name{text-transform:uppercase}.forum-controls{display:flex;justify-content:space-between;padding:.5rem;background:var(--color-2)}.forum-controls.upper-controls{margin-bottom:2rem}.forum-controls.lower-controls{margin-top:2rem}.page-buttons{display:flex}.topiclist-header{margin-bottom:1.5rem}.topiclist-header>li:last-child{display:none}.topiclist-header h3{font-size:1.3rem}.topiclist-header h3 small{display:none}.topiclist-header h3 span{display:flex;align-items:center}.topiclist-header h3 span::after{content:'';display:block;width:100%;height:4px;background:var(--color-4);margin-left:.725rem;flex:1}.topiclist-topics>li{margin-bottom:.75rem}.topiclist-topics>li:last-child{margin:0}.topiclist-topic{background:var(--color-2);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.topiclist-topic:hover{background:var(--color-3)}.topic-main{display:flex;width:calc(100% - 1.5rem - 275px)}.topic-icon{display:flex;align-items:center;margin-right:1.5rem;color:var(--color-contrast);font-size:1.5rem}.topic-icon::before{content:'\f15b';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:'Font Awesome 6 Pro';font-weight:900}.topiclist-topics>li.row.is-unread .topic-icon::before{content:'\f12a'!important}.topiclist-topics>li.row.is-closed .topic-icon::before{content:'\f023'!important}.topiclist-topics>li.row.is-sticky .topic-icon::before{content:'\e1ff'!important}.topiclist-topics>li.row.is-announcement .topic-icon::before{content:'\f27a'!important}.topiclist-topics>li.row.is-global-announcement .topic-icon::before{content:'\f0f3'!important}.topic-container{width:calc(100% - 28px - 1.5rem)}.topic-container .topic-title{font-size:1.25rem;text-transform:uppercase;letter-spacing:2px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-extra{display:flex;align-items:center;margin-top:.5rem}.topic-extra>.topic-extra-separador{display:none;margin:0 .5rem}.topic-author{order:0}.topic-pagination+.topic-extra-separador{display:block;order:1}.topic-pagination{order:2;display:flex}.topic-pagination .pagination{margin:0 0 0 .35rem}.topic-pagination .pagination .page-sep:last-child{display:none}.topic-repliesandviews{background:var(--color-contrast);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-1);padding:.25rem .5rem;font-size:.925rem;font-weight:700;color:var(--color-1);margin-left:.5rem;order:3}.topic-quicklink{display:flex;align-items:center}.topic-quicklink .topic-lastavatar{width:52px;height:52px;border-radius:100%;border:5px solid var(--color-2)!important;box-shadow:0 0 0 3px var(--color-contrast);margin:3px;display:flex;align-items:center;overflow:hidden}.topic-lastavatar>img{width:100%}.topic-quicklink .topic-last strong{font-family:var(--font-1)}body.is-monochrome .topic-lastavatar>img{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome .topiclist-topic:hover .topic-lastavatar>img{filter:none}.topic-last{margin-left:1rem;font-size:.925rem;line-height:1.25rem}.topic-lastpost{text-transform:uppercase;padding:.25rem;display:block;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;letter-spacing:1px}.topic-lastpost:hover{background:var(--color-contrast);color:var(--color-1)}.topiclist-topic.topic-mp{padding:1rem 1.5rem}.topiclist-topic.topic-draft .topic-main,.topiclist-topic.topic-mp .topic-main{width:calc(100% - 1.5rem)}.topiclist-topic.topic-mp .topic-quicklink .topic-lastpost{padding:0}.topiclist-topic.topic-mp .topic-quicklink .topic-lastpost:hover{background:0 0}.topiclist-topic.topic-mp .topic-quicklink .topic-lastpost .checkbox-click{margin:0}.topiclist-topic.topic-draft .topic-quicklink .topic-lastpost:hover{background:0 0;color:var(--color-contrast)}.pagination-manager{display:flex;flex-flow:wrap}.pagination-manager>*{height:48px;font-family:var(--font-1);font-weight:700;font-size:1rem}.pagination-input>input{width:initial;height:100%;max-width:40px;padding:.25rem;text-align:center;margin-right:.325rem;background:var(--color-1)}.pagination-manager>.page-action{display:flex;justify-content:center;align-items:center}.pagination-manager>.page-action>*{display:flex;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;background:var(--color-2);color:var(--color-4);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.pagination-manager>.page-action>:hover{background:var(--color-contrast);color:var(--color-1)}.pagination-manager>.page-action>.page-next{margin-left:.5rem}.pagination-manager>.page-action>.page-prev{margin-right:.5rem}.pagination-manager>:last-child{margin-right:0}.pagination-input:last-child{margin:0 .5rem 0 0}#forum-rules h3{padding:.5rem 1rem;font-weight:700;font-family:var(--font-1);text-transform:uppercase;letter-spacing:2px;font-size:1.25rem;cursor:default;display:inline-block;background:var(--color-contrast);color:var(--color-1);margin:0 0 1.25rem 0}.post{margin:0 0 1.5rem 0}.post:last-child{margin:0}.postlist-post{display:flex;position:relative;flex-flow:row wrap}.forum-otherposts .postlist-post{flex-flow:row nowrap}.post-header{width:100%;background:var(--color-2);padding:1.5rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;display:flex;align-items:center}.postlist-post.usergroup-unknown .post-header{display:none}.header-side{width:100%}.miniprofile-sigcontent{width:100%}.miniprofile-signature,.miniprofile-signature img{display:block}.miniprofile-signature{margin:0 1.5rem 0 0;flex:1 0 auto}.miniprofile-signature .is-avatar{display:none}.miniprofile-signature .is-signature{aspect-ratio:5/3}.miniprofile-quote{border-left:4px solid var(--color-4);padding:0 0 0 1rem;font-style:italic}.miniprofile-name{margin:1.25rem 0;text-transform:uppercase;letter-spacing:3px}.miniprofile-name a{font-weight:900}.miniprofile-fields{display:flex}.miniprofile-field strong{display:none}.miniprofile-field::before{content:'■';font-size:.725rem;margin:0 .5rem;color:var(--color-contrast);font-style:normal;position:relative;top:-1px}.miniprofile-field:first-child::before{display:none}.miniprofile-field{display:flex;align-items:center;font-style:italic}.postlist-post:hover .post-header{background:var(--color-3)}.post-content{display:flex;padding:1.5rem;background:var(--color-4);color:var(--color-1)}.postlist-post .post-content{width:calc(100% - 160px);padding:1.5rem calc(1.5rem + 140px) 1.5rem 1.5rem;position:relative;flex-flow:column}.postlist-post>.post-content>.is-content{cursor:initial}.post-info{display:flex;justify-content:space-between;align-items:center;margin:0 0 1rem 0;font-size:.735rem}.post-side{display:flex;align-items:center}.post-permalink{font-size:1rem;margin:0 1rem 0 0}.post-title>a{margin:0 0 0 .5rem;text-transform:uppercase;background:var(--color-1);color:var(--color-4);padding:.5rem;cursor:default;letter-spacing:1px}.post-buttons{display:flex}.post-button{margin:0 0 0 .5rem}.post-button:last-child{margin:0}.post-button a{text-transform:uppercase}.post-button i{display:none}.post-button.post-button-enlace-permanente{display:none}.post-profile{width:calc(100% - (100% - 160px));align-self:flex-start}.profile-sticky{position:sticky;top:calc(80px + 1.5rem)}.miniprofile-main,.miniprofile-main img{display:block}.miniprofile-main{background:var(--color-contrast);height:calc(400px + 3rem)}.miniprofile-main img{min-width:275px;height:400px;position:absolute;right:1.5rem;top:1.5rem;aspect-ratio:11/16}.miniprofile-contacts{margin:1.5rem 0 0 1.5rem;text-transform:uppercase}.miniprofile-contact{margin:0 0 .225rem 0}.miniprofile-contact a{display:block;letter-spacing:1px;color:var(--color-4);border-bottom:2px solid var(--color-contrast);padding:0 0 3px 0;font-size:.825rem}.forum-otherposts .postlist-post{background:var(--color-2);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-otherposts .postlist-post:hover{background:var(--color-3)}.forum-otherposts .post-content{width:100%!important;padding:1.5rem!important;min-height:inherit;flex-flow:row}.forum-otherposts .post-content .is-content{width:100%}.forum-otherposts .post-profile{order:1;padding:1.5rem!important;padding-top:0;margin-top:1.5rem!important;width:calc(100% - 788px)!important}.memberlist-members{display:flex;flex-flow:wrap;margin:-.5rem}.memberlist-members>li{margin:.5rem}.memberlist-members:not(.no-results)>li{width:calc(100% / 4 - .5rem * 2)}.memberitem-element{display:block}.memberlist-avatar,.memberlist-name{display:block}.memberlist-name h3{background:var(--color-2);color:var(--color-contrast);padding:1.5rem 1rem;text-transform:uppercase;font-size:1.15rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.memberitem-element:hover .memberlist-name h3{background:var(--color-3)}.memberlist-name h3 span{font-weight:900;letter-spacing:2px}.memberlist-name div{padding:.5rem 1rem;background:var(--color-contrast);color:var(--color-1);font-size:.825rem}.wiki-index{margin-right:4rem}.wiki-index h3{text-transform:uppercase;letter-spacing:1px;font-size:1.25rem;margin-bottom:.725rem!important}.wiki-content{max-width:780px}.wiki-controls,.wiki-index h3{font-weight:700}.wiki-controls>a{font-weight:400}.wiki-index .router-link-exact-active.router-link-active,.wiki-index li.is-selected>.wiki-controls>a .text,.wiki-index li.is-selected>.wiki-controls>a .text+.icon{color:var(--color-4);font-weight:700}.wiki-index li{margin-bottom:.5rem!important}.wiki-index li:last-child{margin-bottom:0!important}#bloque-estadisticas h6{display:flex;align-items:center;font-weight:700;text-transform:uppercase;color:var(--color-1);letter-spacing:1px}#bloque-estadisticas h6::after{content:'';display:block;width:100%;height:4px;background:var(--color-1);margin-left:.725rem;flex:1}#new-connected,#past-connected{padding:1.5rem;padding-bottom:1.5rem;background:var(--color-4)}#bloque-estadisticas #new-connected{padding-bottom:0}#bloque-estadisticas .has-users{font-size:0;margin:1.25rem -.25rem -.25rem -.25rem;height:175px;overflow:auto;padding-top:.25rem}#bloque-estadisticas .has-users a{display:inline-block;font-size:.725rem;padding:.5rem .75rem .5rem .75rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;background:var(--color-1);margin:.25rem;text-transform:uppercase;letter-spacing:1px}#bloque-estadisticas .has-users a:hover{background:var(--color-3)}#image-banner{background-image:url(http://via.placeholder.com/600/2f3237);width:100%;height:100%;background-size:cover;background-position:center}#bloque-grupos{display:flex;flex-flow:column}#census{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:1.5rem;background:var(--color-2)}#census>li{background:var(--color-1);padding:1rem;text-align:center;position:relative}#census>li>a{color:currentColor;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:1rem}.census-count{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-text-fill-color:var(--color-3);background:currentColor;display:flex;justify-content:center;align-items:center;opacity:0;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.census-count::after{content:'personajes';margin-left:.5rem}#census>li:hover .census-count{opacity:1}#bloque-ultimostemas h6{padding:1.5rem;background:var(--color-contrast);color:var(--color-1);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:2rem;line-height:2rem}.ltopic-list{background:var(--color-2);padding:.75rem;display:flex;flex-flow:row wrap}.ltopic-list>li{width:calc(50% - 1.5rem);margin:.75rem}.ltopic-element{display:flex;background:var(--color-4);flex-flow:row wrap}.ltopic-last{padding:1rem;background:var(--color-contrast);display:flex;justify-content:center;align-items:center;width:52px;height:52px;color:var(--color-1)!important}.ltopic-data{display:flex;align-items:center;margin-left:1rem;flex:1;overflow:hidden;padding-right:1rem}.ltopic-title{display:flex;align-items:center;padding:0 1rem;flex:1;overflow:hidden;text-transform:uppercase;font-weight:700;letter-spacing:1px;color:var(--color-1)!important;white-space:nowrap;width:calc(100% - 2rem)}.ltopic-title>span{overflow:hidden;text-overflow:ellipsis}.ltopic-info{font-size:.725rem;padding:.5rem .75rem;background:var(--color-1);width:100%;color:var(--color-4);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.ltopic-element:hover .ltopic-info{background:var(--color-3)}#bloque-ultimostemas>small{padding:0 1.5rem 1.5rem 1.5rem;display:block;background:var(--color-2)}#profile-head{display:flex;justify-content:space-between;min-height:400px}#profile-minifields,#profile-subhead,#profile-userinfo{padding:1.5rem}#profile-minifields{display:flex;flex-flow:column;justify-content:center;width:275px;height:100%;text-align:center;background:var(--color-2);color:var(--color-4);margin:0;align-self:auto}.minifield-element{margin-bottom:1rem}.minifield-element:last-child{margin-bottom:0}.minifield-element>*{display:block;white-space:nowrap}.minifield-label{font-family:var(--font-1);color:var(--color-contrast);font-weight:700}.minifield-content{font-size:.925rem}#profile-userinfo{display:flex;flex-flow:column-reverse;justify-content:space-between;text-align:right;flex:1 1 auto;background-size:cover;background-position:center;aspect-ratio:189/100}#profile-username{font-size:3rem;line-height:3rem;font-family:var(--font-1);color:var(--color-4);text-transform:uppercase;font-weight:900;letter-spacing:3px}#profile-rank{font-family:var(--font-1);color:var(--color-contrast);font-weight:700;text-transform:uppercase;margin:0 .35rem 0 0;letter-spacing:1px}#profile-subhead{display:flex;background:var(--color-contrast)}#profile-subhead>*{width:100%}#profile-quote{display:flex;justify-content:flex-start;padding:1rem 0}#profile-quote>.admin-block{width:300px;font-size:.925rem;font-style:italic;padding-left:1rem;border-left:2px solid;color:var(--color-1)}#profile-quote .coolquote-from,#profile-quote .fas{display:none}#profile-quote>.admin-block .coolquote-quote{padding:0;text-align:left}#profile-links{margin-left:2rem}.profile-linklist{display:flex;flex-flow:column}.profile-linklist a{display:inline-flex;align-items:center;color:var(--color-1)!important;font-size:.825rem;font-weight:400;letter-spacing:1px;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;padding:0 .325rem 0 0;text-transform:uppercase;white-space:nowrap}.profile-linklist a:hover{background:var(--color-1);color:var(--color-4)!important}.profile-linklist i{display:flex;justify-content:center;align-items:center;width:25px;height:25px;margin-right:.5rem}.profilefield-element{margin-bottom:2rem}.profilefield-element:last-child{margin-bottom:0}.field-head{display:flex;flex-flow:column;margin-bottom:1rem}.field-head h4{font-size:2.25rem;order:1}.field-head h6{order:0;color:var(--color-contrast);font-size:1rem;font-style:italic}.profile-extra{display:flex;min-height:300px}#profile-extras .profile-extra-header{order:1}#profile-extras .profile-extra-space{order:0}.profile-extra-header{padding:1.5rem;font-family:var(--font-1);font-size:2rem;background:var(--color-contrast);color:var(--color-1);width:90px;display:flex;justify-content:center;text-transform:uppercase}.profile-extra-header span{display:block;align-self:center;font-size:2.25rem;transform:rotate(90deg);font-weight:700;letter-spacing:2px}.profile-extra-space{width:100%}.extrafield-head{margin-bottom:1.5rem}.extrafield-element{margin-bottom:1.5rem}.extrafield-element:last-child{margin-bottom:0}.extrafield-content table{max-width:inherit}#profile-fields{display:flex;justify-content:space-between}#profile-infominifields+#profile-infofields{max-width:861px;flex:1 1 auto}#profile-usergest{color:var(--color-4)}.profile-container{padding:0;background:var(--color-4)}#profile-infofields{padding:1.5rem;background:var(--color-2)}#profile-infominifields{width:275px;margin:0;padding:0 1.5rem 1.5rem 1.5rem;max-width:initial;margin-top:1.5rem;flex:0 0 auto;color:var(--color-1)}.profile-extra .profile-container{padding:1.5rem;background:var(--color-2)}.field-head h4{text-transform:uppercase;font-weight:700;letter-spacing:2px}.extrafield-head h4{text-transform:uppercase;font-weight:700;font-style:italic;color:var(--color-contrast);font-size:1.75rem;letter-spacing:2px}.rp-list{margin-bottom:0}#forum-rplist .rp-list{margin-bottom:1rem}#forum-rplist .rp-list:last-child{margin-bottom:0}.rp-list .rp-element{padding:1rem!important;background:var(--color-1);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;border:none!important}.rp-list .rp-element:hover{background:var(--color-3)!important}.rp-icon{margin-right:1rem;font-size:1.25rem}.rp-name{color:var(--color-4)!important;font-size:1rem;line-height:1rem}.rp-name>span{font-weight:700}.rp-name>small{font-size:.825rem;font-style:italic;padding-right:.25rem;font-weight:400}.rp-controls{color:var(--color-4);font-size:.925rem}.rela-element{padding:1rem!important;background:var(--color-1);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;align-items:center;border:none!important}.rela-element:hover{background:var(--color-3)!important}.rela-list .rela-element .rela-image{align-self:center!important;background-position:center;background-size:cover;border-radius:100%;border:5px solid var(--color-2);box-shadow:0 0 0 3px var(--color-contrast)}.rela-content{color:var(--color-4)}.rela-title>h4{font-weight:700;text-transform:uppercase;font-size:1.15rem;line-height:normal}.rela-content>.is-content{font-weight:400}.slatinterior-content>.rela-list{margin-bottom:0!important}.extrafield-element,.profilefield-element{margin-bottom:2rem}.extrafield-element:last-child,.profilefield-element:last-child{margin-bottom:0}.extrafield-head{margin-bottom:1rem}#chronology-element,#relationships-element{margin:1rem -.5rem -.5rem -.5rem}#forum-multiaccount .rp-controls{display:block;height:auto;top:.925rem;color:var(--color-1);font-weight:700}#forum-multiaccount .rp-controls span{color:var(--color-contrast);letter-spacing:1px}#forum-rplist .rela-list,#forum-rplist .rp-list{margin-bottom:.75rem!important}#forum-rplist .rela-list:last-child,#forum-rplist .rp-list:last-child{margin-bottom:0!important}#extracredits-section{margin-top:3rem}#extracredits-section .section-title{text-align:center;font-weight:700;text-transform:uppercase;font-size:1.5rem;letter-spacing:1px}#forum-affiliates{display:flex;align-items:center;background:var(--color-2)}#forum-affiliates>ul{padding:1.5rem}#forum-affiliates ul{justify-content:center}#forum-affiliates-elite{margin-top:1.5rem}#forum-affiliates-regular{margin-top:1rem}#forum-affiliates-regular h3 a{margin-bottom:.5rem;color:var(--color-4)}#forum-affiliates-regular h3 a i{font-size:80%;color:var(--color-contrast)}.affiliates-collection .section-title{margin-bottom:1rem}.affiliates-collection>ul{display:flex;flex-flow:row wrap}.affiliates-collection>ul>li{margin:.25rem}.affiliates-collection>ul>li>a,.affiliates-collection>ul>li>a>img{display:block}#forum-affiliates-elite{margin-top:1.5rem}#forum-cred{background:var(--color-4);color:var(--color-1);display:flex;align-items:center}#forum-cred .is-content{font-size:.925rem;padding:1.5rem}#forum-cred a,#forum-cred strong{font-weight:700;font-family:var(--font-1)}#credits-social a{color:var(--color-1);font-weight:900;display:flex;align-items:center}#credits-social a em{color:var(--color-contrast);font-size:1.225rem;margin:0 .225rem 0 0;height:17px}#credits-social>ul{display:flex;justify-content:space-around}#credits-social>ul>li{margin:0}#forum-affiliates-sisters a,#forum-affiliates-sisters img{width:105px;height:105px}#forum-affiliates-elite a,#forum-affiliates-elite img{width:50px;height:50px}#forum-modal{position:fixed;top:0;left:0;padding:1rem;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;z-index:900}.is-bgmodal.bg-active{width:100vw;height:100vh;display:block;background:var(--color-3);position:fixed;top:0;left:0;opacity:.6}.modal-element{position:relative;z-index:10;width:100%;max-width:700px}.modal-title{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--color-contrast)}.modal-title h3{font-size:1.25rem;color:var(--color-1);font-weight:700;text-transform:uppercase;letter-spacing:2px}.modal-title a{color:var(--color-1)}.modal-content{max-height:initial;width:100%;padding:1.5rem;background:var(--color-1);margin:0}.modal-buttons{display:flex;justify-content:center}.modal-content .is-content input{min-height:55px}.notification-element{display:flex;padding:1rem;background:var(--color-4);color:var(--color-1)!important;position:relative;height:70px}.notification-controls{margin:-.225rem 0 0 1rem}.notification-content{font-size:.825rem;margin:-.225rem 0}.notification-content>h3{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.notification-content p{margin:-.225rem 0 0 0}.notification-icon{background:var(--color-contrast);color:var(--color-1);position:absolute;width:70px;height:70px;font-size:1.725rem;display:flex;justify-content:center;align-items:center;left:-70px;top:0}#frmAgreement .post-content{padding:0;background:0 0;color:var(--color-4)}#frmAgreement .forum-checkbox{max-width:100%}#bloque-login .field-name{max-width:250px}#mod-section>.generic-element>.is-content h6{margin-bottom:.5rem}@media only screen and (max-width:1280px){:root{font-size:15px}#forum-navbar{left:0}.main-slat{max-width:inherit}.main-slat .userecord-head .userecord-image{width:100%}.postlist-post .post-content{width:calc(100% - 145px);padding:1.5rem calc(1.5rem + 125px) 1.5rem 1.5rem}.postlist-post .post-profile{width:calc(100% - (100% - 145px))}.postlist-post .post-profile .miniprofile-main{height:calc(363px + 3rem)}.postlist-post .post-profile .miniprofile-main img{min-width:250px;height:auto}.postlist-post .post-header .miniprofile-signature{width:225px}}@media only screen and (max-width:1179px){#topbar-section .is-one-third-desktop,#topbar-section .is-two-thirds-desktop{display:none}#forum-affiliates{width:100%}#extracredits-section>.category-element>ul{display:flex;flex-flow:column}#extracredits-section>.category-element>ul>li>ul{width:100%}#plank-anmt>ul>li.column.is-one-quarter.is-half-tablet.is-half-mobile{width:50%}.forum-otherposts .postlist-post .post-profile{width:250px!important}}@media only screen and (max-width:1023px){:root{font-size:14px}body{overflow-x:hidden}body>#forum-body{padding-top:80px!important}#topbar-section .columns{display:flex}.category-element .column.forum-element{width:100%!important}.category-element .forum-forum .forum-header{flex-flow:column;padding:1.5rem}.category-element .forum-forum .forum-content ul{display:flex;flex-flow:column-reverse}.category-element .forum-forum .forum-content ul li{width:100%}.category-element .forum-forum .forum-content .forum-info{height:auto;padding:1.5rem}.category-element .forum-forum .forum-content .forum-info ul li{height:100%}.category-element .forum-forum .forum-content .forum-info .forum-last .is-hidden-touch,.category-element .forum-forum .forum-content .forum-info ul li:last-child{display:none}.category-element .forum-forum .forum-content .forum-info .forum-last .is-hidden-desktop{display:block!important}.topiclist-topic{flex-flow:column}.topiclist-topic>.topic-main{width:100%}.topiclist-topic>.topic-quicklink{margin:1rem 0 0 0;align-self:center}.topiclist-topic>.topic-quicklink .topic-lastavatar{display:none}.topiclist-topic>.topic-quicklink .topic-last{font-size:0;line-height:0;margin:0}.topiclist-topic>.topic-quicklink .topic-last .topic-lastpost{font-size:.925rem}.topiclist-topic>.topic-quicklink .topic-last>:not(.topic-lastpost){display:none}.topiclist-topic .topic-extra{position:relative;padding:0 0 3rem 0}.topiclist-topic .topic-extra .topic-repliesandviews{position:absolute;margin:0;left:0;top:2.5rem}.btn-element:has(.forum-button>.text.is-hidden-touch) .dropdown{height:100%;aspect-ratio:1/1}.btn-element:has(.forum-button>.text.is-hidden-touch) .dropdown .dropdown-trigger{width:100%}.btn-element:has(.forum-button>.text.is-hidden-touch) .dropdown .forum-button{width:100%;height:100%}.wiki-index .select-container{height:55px}.page-pagination{display:flex;align-items:center}.page-pagination .pagination-manager>*{height:40px}.postlist-post .post-content{width:calc(100% - 105px);padding:1.5rem calc(1.5rem + 95px) 1.5rem 1.5rem}.postlist-post .post-profile{width:calc(100% - (100% - 105px))}.postlist-post .post-profile .miniprofile-main{height:calc(254px + 3rem)}.postlist-post .post-profile .miniprofile-main img{min-width:175px;height:auto}.postlist-post .post-profile .miniprofile-contacts{display:none}.postlist-post .post-header .miniprofile-signature{width:150px}.postlist-post .post-header .miniprofile-fields{display:none}#forum-header{display:none}#forum-body,#forum-navbar{transition:transform ease-in-out .5s}#forum-navbar:has(>.main-body.is-on){transform:translateX(0)}#forum-navbar:has(>.main-body.is-on)+#forum-body{transform:translateX(100vw)}#forum-navbar:has(>.main-body.is-on) #hmg-button i:before{content:"\f00d"}#forum-breadcrumb{width:calc(100% - 80px);position:fixed;left:80px}#forum-body>.main-body>article{left:0;max-width:100%}#forum-navbar{width:100vw;transform:translateX(-100vw)}#forum-navbar .main-body{position:relative}#forum-navbar .main-body #hmg-button{display:flex;width:80px;height:80px;position:absolute;right:-80px;background:var(--color-2);font-size:2.225rem;justify-content:center;align-items:center;z-index:10}#forum-navbar .main-body.is-on .bg-active{display:block;position:absolute;width:100vw;height:100vh;left:100vw;z-index:10;cursor:pointer}#forum-navbar .main-body .top{display:flex;width:100vw;padding:1.5rem;gap:1.5rem}#forum-navbar .main-body .top .user-avatar{display:none;margin:0;flex:0 0 auto}#forum-navbar .main-body .top span{writing-mode:initial;padding:0}#forum-navbar .main-body .bottom{padding:0 0 .5rem 0}#forum-navbar .main-body .bottom ul a{width:100%;height:auto;padding:1rem 1.5rem;flex-flow:revert;gap:1rem;justify-content:flex-start}#forum-navbar .main-body .bottom .navbar-item .text{margin:0;font-size:1.325rem}#forum-footer .main-body{justify-content:center}#forum-footer .main-body .right{display:none}}@media only screen and (max-width:768px){#topbar-section{display:none}#census{grid-template-columns:100%}.ltopic-list>li{width:100%}.header-side .miniprofile-quote{display:none}.post-content .post-info{flex-flow:column;justify-content:flex-start;align-items:flex-start}.post-content .post-info .post-buttons>li:first-child{margin:0}.forum-controls.upper-controls .page-pagination{display:none}.forum-controls.lower-controls{display:none;justify-content:center}.forum-controls.lower-controls .page-buttons{display:none}.forum-controls.lower-controls:has(input){display:flex}.forum-otherposts .postlist-post{flex-flow:column}.forum-otherposts .postlist-post .post-profile{order:0;display:block!important;margin:0!important}.forum-otherposts .postlist-post .post-content{order:1}.forum-head h3{font-size:1.725rem}}@media only screen and (max-width:487px){.postlist-post .post-header{padding:0}.postlist-post .post-header .miniprofile-signature{width:85px;flex:0 0 auto}.postlist-post .post-header .miniprofile-signature .is-avatar{aspect-ratio:11/16;display:block}.postlist-post .post-header .header-side{width:100%;padding:0 1.5rem 0 0}.postlist-post .post-header .miniprofile-signature .is-signature{display:none}.postlist-post .post-content{width:100%;padding:1.5rem}.postlist-post .post-profile{display:none}.main-slat{background:var(--color-2);margin:0 -1.5rem -1.5rem -1.5rem}.main-slat .mainslat-content{padding:0}.topic-main .topic-icon{align-self:flex-start}.topiclist-topic .topic-main .topic-extra{margin:0 -2rem;left:-1rem}.topiclist-topic .topic-main .topic-repliesandviews{font-size:.725rem}#usereply-buttons>ul{width:80px;flex-flow:wrap}#usereply-buttons #colour-button,#usereply-buttons #emoji-button{margin-bottom:.5rem}}
1
+ body{background:var(--color-1);color:var(--color-4);font-size:1rem;font-family:var(--font-2);line-height:24px;min-height:100vh;background-image:var(--pattern);background-attachment:fixed;background-repeat:repeat}a{font-family:var(--font-1);color:var(--color-contrast);font-weight:700}.page-anchor{position:absolute;top:calc(-80px - 1.5rem)}.main-body{max-width:1280px}#forum-body>.main-body{padding:0}#forum-body>.main-body>article{max-width:calc(100% - 80px)}body>#forum-body{padding:0!important}.button1,.button2,input[type=Submit],input[type=reset]{font-family:var(--font-1);font-weight:700;border:none;background:var(--color-3);color:var(--color-4);cursor:pointer;line-height:28px;white-space:nowrap;height:2.75rem;padding:.5rem 1rem;font-size:.825rem;text-align:center;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;text-transform:uppercase;letter-spacing:1px}.btn-main{color:var(--color-contrast)!important;line-height:20px!important}.button1:hover,.button2:hover,input[type=Submit]:hover,input[type=reset]:hover{background:var(--color-contrast)!important;color:var(--color-1)!important}input[type=number][disabled],input[type=password][disabled],input[type=text][disabled],select[disabled]{background:var(--color-4)!important;color:var(--color-1)!important}input[type=number],input[type=password],input[type=text],select,textarea{width:100%;height:100%;padding:.5rem 1rem;background:var(--color-2);color:var(--color-4);font-family:var(--font-2);font-size:1rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;border:none}input[type=number]:focus,input[type=number]:hover,input[type=password]:focus,input[type=password]:hover,input[type=text]:focus,input[type=text]:hover,select:focus,select:hover,textarea:focus,textarea:hover{background:var(--color-3)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}select option{background:var(--color-3);color:var(--color-4)}.select-container{position:relative;width:100%}.select-container::after{border:3px solid var(--color-4);border-radius:2px;border-right:0;border-top:0;content:" ";display:block;height:.625em;margin-top:-.4375em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em;right:.825em}.select-container select{cursor:pointer}textarea{padding:1rem;min-height:200px}.checkbox-click>i{display:none}.checkbox-content{height:2.5rem}.checkbox-name{position:relative;top:-2px}.checkbox-click{width:1.5rem;height:1.5rem;border:2px solid var(--color-contrast);margin-right:.75rem;display:flex;justify-content:center;align-items:center}.checkbox-content a{font-family:var(--font-2)}.forum-checkbox.is-active .checkbox-click::before{width:.75rem;height:.75rem;background:var(--color-contrast);content:''}.checkbox-click.is-radio,.forum-checkbox.is-active .checkbox-click.is-radio::before{border-radius:100%}.forum-fieldlist:not(.is-horizontal) .forum-checkbox{max-width:385px}.date-dmy{display:flex;justify-content:space-between;height:100%}.date-dmy>label{margin-left:1rem;display:flex;align-items:center}.date-dmy>label:first-child{margin-left:0}.date-dmy>label input{flex:1 1 auto;margin-left:.5rem}.page-buttons{display:flex;justify-content:flex-end}.btn-element{margin-left:.5rem}.btn-element:first-child{margin-left:0}.forum-button{display:flex;justify-content:center;align-items:center;padding:.725rem;background:var(--color-2);color:var(--color-4);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-button>.text{font-weight:700;text-transform:uppercase;margin-left:.5rem;letter-spacing:1px}.forum-button>.icon{font-size:1.25rem}.forum-button:hover{background:var(--color-contrast);color:var(--color-1)}.dropdown.is-active .forum-button{background:var(--color-contrast);color:var(--color-1)}.dropdown .forum-button .text{padding-right:1.75rem;position:relative}.dropdown .forum-button .text::after{content:'';border:3px solid transparent;border-radius:2px;border-right:0;border-top:0;display:block;height:.625em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em;margin-top:-.375em;right:5px;border-color:inherit}.dropdown-menu{padding:0;min-width:100%}.dropdown-content{background:var(--color-3);border:none;box-shadow:none;border-radius:0;color:var(--color-4)}.dropdown-item{padding:.5rem 1rem!important;background:0 0!important;color:var(--color-4)!important;font-weight:400;font-family:var(--font-2)}.lower-controls .dropdown-menu{bottom:100%;top:initial}.lower-controls .dropdown .forum-button .text::after{transform:rotate(135deg);top:60%}.forum-infoblock{padding:1rem;margin-bottom:1.5rem;background:var(--color-4);color:var(--color-1)}.forum-infoblock h5{font-size:.925rem;margin-bottom:.5rem!important;font-family:var(--font-2)}.forum-infoblock ul{list-style:square;padding-left:1rem;font-size:.925rem}.forum-infoblock ul li{margin-bottom:.5rem!important}.forum-infoblock ul li:last-child{margin-bottom:0!important}.usereply-button{transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;background:var(--color-2)}.dropdown.is-dropeable.is-active .usereply-button,.usereply-button:hover{background:var(--color-3)}#usereply-top small{font-family:var(--font-2)}#usereply-editor{height:300px}.usereply-option{padding:.25rem 1rem;font-weight:400;font-family:var(--font-2);margin:0}#forum-preview>.post-content>.is-content{cursor:initial;width:788px}.character-selector{position:relative;height:55px!important}.selector-list{display:none;position:absolute;z-index:5;width:calc(100% - .85rem);background:var(--color-3);max-height:200px;overflow:auto;border-top:0;margin-left:.425rem}.character-selector>input+.selector-list:hover,.character-selector>input:focus+.selector-list{display:block}.selector-list li{padding:.5rem 1rem;font-family:var(--font-1);display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:0!important;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.selector-list li::before{display:none}.selector-list li:last-child{border-bottom:0}.selector-list li i{color:var(--color-contrast)}.selector-list li:hover{background:var(--color-contrast);color:var(--color-1)}.selector-list li:hover i{color:var(--color-1)}.character-list{margin:.5rem -.25rem -.25rem -.25rem;display:flex;flex-flow:wrap;height:auto!important}.character-list>li{margin:.25rem;padding:.25rem .5rem;display:flex;align-items:center;justify-content:center;background:var(--color-4);color:var(--color-1);font-weight:700;font-family:var(--font-1);line-height:normal;font-size:.825rem;cursor:pointer;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.character-list>li:hover{background:var(--color-contrast)}.character-list>li i{margin-right:.25rem}.character-custom{position:absolute;top:0;right:1rem;display:flex;align-items:center;justify-content:center;height:100%}.forum-field .field-content .character-custom i{width:24px;display:flex;justify-content:center}.msg-element{display:block;background:var(--color-2);padding:1rem 1.5rem}.forumseparator-element{display:flex;justify-content:center;align-items:center;margin:0 0 2rem 0}.forumseparator-element>*{display:none}.subforum-element .category-element+.forumseparator-element{display:none}.forum-field .field-name{color:var(--color-contrast);font-weight:700;font-family:var(--font-1);width:200px;display:flex;align-items:center;margin-right:1rem;border-bottom:4px solid;align-self:flex-start;height:52px;flex:0 0 auto}.forum-field .field-content{min-height:55px;flex:1 1 auto}.forum-field .field-content>*{width:100%;height:100%}#usereply-dice ul li{height:55px}#forum-header{display:flex;justify-content:center;align-items:center;height:450px;padding:2rem;background-image:var(--header);background-position:center;background-size:cover;letter-spacing:3px}#forum-logo{display:block;max-width:60%}#forum-logo>img{display:block}#content-container{position:relative;left:80px}#forum-navbar{width:80px;position:fixed;left:calc((100vw - 1200px)/ 2 - 40px);top:0;z-index:900;align-self:baseline;height:100vh;background:var(--color-2);padding:0!important}#forum-navbar .main-body{height:100%;display:flex;flex-flow:column;justify-content:space-between}#forum-navbar .main-body #hmg-button,#forum-navbar .main-body .bg-active{display:none}#forum-navbar .top{width:80px;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}#forum-navbar .top:hover{background:var(--color-3)}#forum-navbar .top span{display:flex;align-items:center;width:100%;font-weight:900;letter-spacing:.225rem;font-size:2rem;text-transform:uppercase;writing-mode:tb-rl;padding:1.5rem 1rem}#forum-navbar .user-avatar{display:flex;justify-content:center;align-items:center;overflow:hidden;width:52px;height:52px;border-radius:100%;border:5px solid var(--color-2);box-shadow:0 0 0 3px var(--color-contrast);margin:1rem .875rem 0 .875rem}body.is-monochrome #forum-navbar .user-avatar img{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome #forum-navbar .top:hover img{filter:none}#forum-navbar .navbar-item{position:relative;padding:0}#forum-navbar .navbar-item a{display:flex;flex-flow:column;width:80px;height:80px;justify-content:center;align-items:center}#forum-navbar .navbar-item .icon{font-size:1.5rem}#forum-navbar .navbar-item .text{font-size:.5rem;margin-top:.5rem;font-weight:600;text-transform:uppercase;color:var(--color-4)}#forum-navbar .navbar-item a{transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}#forum-navbar .navbar-item:hover a{background:var(--color-3)}#forum-navbar .navbar-item select:focus+a{background:var(--color-3)}#forum-navbar .navbar-item select{position:absolute;opacity:0;cursor:pointer}#forum-navbar #loading-element{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-1);color:var(--color-4);z-index:900}#forum-content,#forum-wiki{padding:2rem;background:var(--color-1)}.basic-element>section{margin-bottom:3rem}.basic-element>section:last-child{margin-bottom:0}.is-content{text-align:justify}.is-content h1,.is-content h2,.is-content h3,.is-content h4,.is-content h5,.is-content h6{text-align:left;font-weight:700}.is-content h1,.is-content h2,.is-content h3,.is-content h4,.is-content h5,.is-content h6,.is-content p{margin-bottom:1rem}.is-content hr{height:1rem;margin:0;background:top}.is-content ol li,.is-content ul li{position:relative;margin-bottom:1rem}.is-content h6{margin-bottom:.25rem;margin-top:1.5rem}.is-content u{text-decoration:none}.is-content a,.is-content u{padding-bottom:2px;font-family:inherit;border-bottom:2px solid}.is-content table{width:100%;table-layout:fixed}.is-content table th{font-family:var(--font-1);background:var(--color-contrast);color:var(--color-1)}.is-content table td,.is-content table th{font-size:.825rem;padding:.5rem .75rem;text-align:left}.is-content table td{color:var(--color-4)}.is-content ul{list-style:square;padding-left:1rem}.is-content ol{list-style:decimal;padding-left:2rem}.is-content ol>li::marker{font-family:var(--font-1);color:var(--color-contrast);font-weight:700}.is-content a,.is-content u{padding-bottom:0}.is-content table tbody{background:var(--color-1)}.is-content table tr:nth-child(2n){background:var(--color-3)}.is-content code{background:var(--color-3);color:var(--color-contrast)}.is-content iframe{max-width:100%;aspect-ratio:16/9}.codebox,.hidecode,.spoiler,blockquote{background:var(--color-2);position:relative;z-index:10;overflow:hidden;padding:1rem;color:var(--color-4);font-size:.925rem;max-width:calc(740px + 3rem);margin:0 auto}.main-slat .codebox,.main-slat .hidecode,.main-slat .spoiler,.main-slat blockquote{background:var(--color-1)}.main-slat .codebox,.main-slat .hidecode,.main-slat .spoiler,.main-slat blockquote{background:var(--color-1)}.codebox>dt,.spoiler>dt,blockquote>div>cite{position:relative;z-index:20;font-size:1.125rem;font-family:var(--font-1);color:var(--color-contrast);cursor:default}.codebox>dd,.hidecode>dd,.spoiler>dd,blockquote>div{position:relative;z-index:20}.adminbox-icon{position:absolute;right:1rem;top:1rem;font-size:4rem;color:var(--color-contrast);opacity:.2;z-index:10}blockquote>div>cite a{border:none!important;padding:0!important}.codebox>dt,blockquote>div>cite{margin-bottom:1rem;display:block;font-style:normal}.codebox>dt em{color:var(--color-4);font-style:normal}.codebox>code{position:relative;display:block;padding:0;background:0 0;color:inherit;z-index:15}.spoiler{padding:0;border-left:0}.spoiler>dt{padding:1rem;cursor:pointer}.spoiler_content{padding:0 1rem 1rem 1rem}.spoiler_content.hidden{display:block}.field-element.field-cloudflare{display:flex;justify-content:center;height:65px}.is-content h1:last-child,.is-content h2:last-child,.is-content h3:last-child,.is-content h4:last-child,.is-content h5:last-child,.is-content h6:last-child,.is-content li:last-child,.is-content p:last-child{margin-bottom:0}.postlist-post.post-diceroll .post-header,.postlist-post.post-diceroll .post-info .post-buttons,.postlist-post.post-diceroll .post-profile:not(:first-child){display:none}.postlist-post.post-diceroll .post-content{background:var(--color-2);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;color:var(--color-4);width:100%;padding:1.5rem}.postlist-post.post-diceroll .post-content:hover{background:var(--color-3)}.is-content.content-dice blockquote{max-width:100%;background:var(--color-4);color:var(--color-1)}.is-content.content-dice ul{list-style:none;padding:0}.dice-rolllist{margin:2rem 0 0 0}.is-content.content-dice .rolllist-roll h6{margin:0 0 .5rem 0}.roll-results{display:flex;flex-flow:wrap;gap:.5rem}.is-content.content-dice ul .roll-result{margin:0}.roll-result img{display:block}.post-diceroll .post-datafields+.post-content{width:auto;background:0 0!important}.main-slat{display:flex;flex-flow:column;max-width:calc(740px + 3rem);margin:0 auto;background:var(--color-1);color:var(--color-4)}.mainslat-title{padding:4rem 1.5rem;font-size:2.25rem;font-family:var(--font-1);font-weight:900;text-transform:uppercase;letter-spacing:4px;cursor:default;text-align:center;background:var(--color-contrast);color:var(--color-1)}.mainslat-content{padding:1.5rem}.userecord-head{margin:0 0 .5rem 0}.userecord-image{display:block}.userecord-fc{text-align:center;background:var(--color-contrast);color:var(--color-1);padding:.225rem .5rem;font-size:.925rem;cursor:default}.userecord-data{padding:0!important;list-style:none!important;display:flex;flex-flow:row wrap;margin:.725rem -.5rem -.5rem -.5rem}.userecord-data li{cursor:default}.userecord-field{margin:.5rem!important;width:calc(100% / 3 - 1rem);text-align:center;font-size:.925rem;line-height:.925rem}.userecord-fieldname{font-family:var(--font-1);font-weight:700;text-transform:uppercase;color:var(--color-contrast);letter-spacing:1px}.slatinterior-title{padding:.5rem 1rem;font-weight:700;font-family:var(--font-1);text-transform:uppercase;letter-spacing:2px;font-size:1.25rem;cursor:default;display:inline-block;background:var(--color-contrast);color:var(--color-1);margin:0 0 1.25rem 0}.slatinterior-content{padding:1.5rem;background:var(--color-2)}.slat-interior{margin:0 0 .5rem 0}.slat-interior:last-child{margin:0}.slatinterior-content strong>font{color:var(--color-contrast);font-size:1.05rem}#forum-footer{display:flex;align-items:center;padding:0 2rem;text-transform:uppercase;height:80px;background:var(--color-contrast);color:var(--color-1);font-size:.825rem;font-weight:600}#forum-footer>.main-body{display:flex;justify-content:space-between;width:100%}#forum-footer .right{text-align:right;max-width:70%}#forum-footer a{color:var(--color-1);font-weight:600}#forum-credits{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}#forum-topbar{background:var(--color-1)}#topbar-section{padding:1rem}#topbar-section .category-element{margin:0}.plank-block{padding:1rem}.plank-title{margin-bottom:1.25rem;text-transform:uppercase;font-weight:900;letter-spacing:2px}.plank-title i{font-size:70%;color:var(--color-contrast);margin-right:.5rem}.forum-head .extra,.plank-title .extra{color:var(--color-contrast)}#plank-anmt>.columns{margin:-.5rem}#plank-anmt>.columns>.column{padding:.5rem}#help-main{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin:-.5rem}#help-main>a{display:flex;width:45%;height:88px;padding:.5rem;justify-content:center;align-items:center;text-transform:uppercase;border:2px solid;margin:.5rem;text-align:center;color:var(--color-4);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}#help-main>a:nth-child(2n-1):last-child{width:calc(95% - 2px)}#help-main>a:hover{background:var(--color-4);border-color:var(--color-4);color:var(--color-1)}#search-img,#sq-img{display:block;width:358px;height:193px;background-size:cover;background-position:center}#admin-main{display:flex}.admin-element{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;margin-left:1rem;width:25%;height:131px;text-align:center;background-size:cover;background-position:center;position:relative}.admin-element:first-child{margin:0}.admin-element *{color:var(--color-4);opacity:0;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;position:relative;z-index:2}.admin-element::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:var(--color-1);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;opacity:0}.admin-element:hover *{opacity:1}.admin-element:hover::after{opacity:.4}.admin-name{font-weight:700;font-size:1.5rem;text-transform:uppercase}.admin-desc{font-size:.75rem}.anmt-element{display:flex;padding:1rem;background:var(--color-2);height:100px;justify-content:center;align-items:center;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.anmt-element:hover{background:var(--color-3)}.anmt-date{order:0;font-weight:700;color:var(--color-contrast);font-size:2rem;margin-right:1rem}.anmt-title{order:1;color:var(--color-4)}#forum-breadcrumb{display:flex;justify-content:center;align-items:center;position:sticky;top:0;padding:0 2rem;background:var(--color-contrast);color:var(--color-1);font-size:.825rem;font-weight:600;text-transform:uppercase;height:80px;margin:0;text-align:center;z-index:90}#forum-breadcrumb a{color:var(--color-1)}#forum-breadcrumb li+li::before{content:"\f054";font-family:'Font Awesome 6 Pro';font-weight:900;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-size:60%;color:var(--color-1)}#forum-breadcrumb li:last-child:not(:first-child){display:none}.forum-head{display:flex;align-items:center;margin-bottom:2rem;letter-spacing:3px}.forum-head i{color:var(--color-contrast);margin-right:1rem;font-size:2rem}.forum-head h3{font-size:3rem}.forum-head h3>*{line-height:3rem}h3 span{font-weight:700;text-transform:uppercase}h3 small{font-family:var(--font-3)}.mp-main h3 small{font-family:var(--font-1)}.forum-forum .forum-header{display:flex;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-contrast);color:var(--color-1);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum .forum-title{max-width:500px;font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:2px}.forum-forum .forum-stats{text-transform:uppercase;letter-spacing:1px;font-weight:700}.forum-forum .forum-info,.forum-forum .forum-interior{height:235px}.forum-forum .forum-info{background:var(--color-2);padding:1rem 1.5rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum:hover .forum-info{background:var(--color-3)}.forum-forum .forum-info .columns{height:100%}.forum-forum .forum-image{display:flex;align-items:center;height:100%;background-size:cover;background-position:center;position:relative}body.is-monochrome .forum-forum .forum-image{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome .forum-forum:hover .forum-image{filter:none}.forum-forum .forum-image+br{display:none}.forum-forum .forum-misc{display:flex;flex-direction:column;justify-content:space-between;height:100%;font-size:.825rem}.forum-forum .forum-box{margin-bottom:.925rem}.forum-forum .forum-last{text-align:center}.forum-forum .forum-links{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:100%;padding:2rem;opacity:0;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum .forum-links::before{content:'';width:100%;height:100%;position:absolute;background:var(--color-2);opacity:.4;margin:-2rem}.forum-forum:hover .forum-links{opacity:1}.forum-forum .forum-links>a{font-weight:700;text-transform:uppercase;padding:.5rem;background:var(--color-2);position:relative;z-index:1;margin:.25rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-forum .forum-links>a:hover{background:var(--color-contrast);color:var(--color-1)}.forum-forum .lastpost-user{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-family:var(--font-1);margin-left:1.5rem}.forum-forum .lastpost-avatar{display:flex;width:100px;height:100px;overflow:hidden;margin-bottom:.925rem;border-radius:100%}.forum-forum .lastpost-avatar>img{width:100%;align-self:center}body.is-monochrome .forum-forum .lastpost-avatar>img{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome .forum-forum:hover .lastpost-avatar>img{filter:none}.forum-forum .lastpost-name{text-transform:uppercase}.forum-controls{display:flex;justify-content:space-between;padding:.5rem;background:var(--color-2)}.forum-controls.upper-controls{margin-bottom:2rem}.forum-controls.lower-controls{margin-top:2rem}.page-buttons{display:flex}.topiclist-header{margin-bottom:1.5rem}.topiclist-header>li:last-child{display:none}.topiclist-header h3{font-size:1.3rem}.topiclist-header h3 small{display:none}.topiclist-header h3 span{display:flex;align-items:center}.topiclist-header h3 span::after{content:'';display:block;width:100%;height:4px;background:var(--color-4);margin-left:.725rem;flex:1}.topiclist-topics>li{margin-bottom:.75rem}.topiclist-topics>li:last-child{margin:0}.topiclist-topic{background:var(--color-2);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.topiclist-topic:hover{background:var(--color-3)}.topic-main{display:flex;width:calc(100% - 1.5rem - 275px)}.topic-icon{display:flex;align-items:center;margin-right:1.5rem;color:var(--color-contrast);font-size:1.5rem}.topic-icon::before{content:'\f15b';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:'Font Awesome 6 Pro';font-weight:900}.topiclist-topics>li.row.is-unread .topic-icon::before{content:'\f12a'!important}.topiclist-topics>li.row.is-closed .topic-icon::before{content:'\f023'!important}.topiclist-topics>li.row.is-sticky .topic-icon::before{content:'\e1ff'!important}.topiclist-topics>li.row.is-announcement .topic-icon::before{content:'\f27a'!important}.topiclist-topics>li.row.is-global-announcement .topic-icon::before{content:'\f0f3'!important}.topic-container{width:calc(100% - 28px - 1.5rem)}.topic-container .topic-title{font-size:1.25rem;text-transform:uppercase;letter-spacing:2px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-extra{display:flex;align-items:center;margin-top:.5rem}.topic-extra>.topic-extra-separador{display:none;margin:0 .5rem}.topic-author{order:0}.topic-pagination+.topic-extra-separador{display:block;order:1}.topic-pagination{order:2;display:flex}.topic-pagination .pagination{margin:0 0 0 .35rem}.topic-pagination .pagination .page-sep:last-child{display:none}.topic-repliesandviews{background:var(--color-contrast);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-1);padding:.25rem .5rem;font-size:.925rem;font-weight:700;color:var(--color-1);margin-left:.5rem;order:3}.topic-quicklink{display:flex;align-items:center}.topic-quicklink .topic-lastavatar{width:52px;height:52px;border-radius:100%;border:5px solid var(--color-2)!important;box-shadow:0 0 0 3px var(--color-contrast);margin:3px;display:flex;align-items:center;overflow:hidden}.topic-lastavatar>img{width:100%}.topic-quicklink .topic-last strong{font-family:var(--font-1)}body.is-monochrome .topic-lastavatar>img{filter:grayscale(.95) contrast(.5) blur(.1px);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}body.is-monochrome .topiclist-topic:hover .topic-lastavatar>img{filter:none}.topic-last{margin-left:1rem;font-size:.925rem;line-height:1.25rem}.topic-lastpost{text-transform:uppercase;padding:.25rem;display:block;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;letter-spacing:1px}.topic-lastpost:hover{background:var(--color-contrast);color:var(--color-1)}.topiclist-topic.topic-mp{padding:1rem 1.5rem}.topiclist-topic.topic-draft .topic-main,.topiclist-topic.topic-mp .topic-main{width:calc(100% - 1.5rem)}.topiclist-topic.topic-mp .topic-quicklink .topic-lastpost{padding:0}.topiclist-topic.topic-mp .topic-quicklink .topic-lastpost:hover{background:0 0}.topiclist-topic.topic-mp .topic-quicklink .topic-lastpost .checkbox-click{margin:0}.topiclist-topic.topic-draft .topic-quicklink .topic-lastpost:hover{background:0 0;color:var(--color-contrast)}.pagination-manager{display:flex;flex-flow:wrap}.pagination-manager>*{height:48px;font-family:var(--font-1);font-weight:700;font-size:1rem}.pagination-input>input{width:initial;height:100%;max-width:40px;padding:.25rem;text-align:center;margin-right:.325rem;background:var(--color-1)}.pagination-manager>.page-action{display:flex;justify-content:center;align-items:center}.pagination-manager>.page-action>*{display:flex;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;background:var(--color-2);color:var(--color-4);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.pagination-manager>.page-action>:hover{background:var(--color-contrast);color:var(--color-1)}.pagination-manager>.page-action>.page-next{margin-left:.5rem}.pagination-manager>.page-action>.page-prev{margin-right:.5rem}.pagination-manager>:last-child{margin-right:0}.pagination-input:last-child{margin:0 .5rem 0 0}#forum-rules h3{padding:.5rem 1rem;font-weight:700;font-family:var(--font-1);text-transform:uppercase;letter-spacing:2px;font-size:1.25rem;cursor:default;display:inline-block;background:var(--color-contrast);color:var(--color-1);margin:0 0 1.25rem 0}.post{margin:0 0 1.5rem 0}.post:last-child{margin:0}.postlist-post{display:flex;position:relative;flex-flow:row wrap}.forum-otherposts .postlist-post{flex-flow:row nowrap}.post-header{width:100%;background:var(--color-2);padding:1.5rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;display:flex;align-items:center}.postlist-post.usergroup-unknown .post-header{display:none}.header-side{width:100%}.miniprofile-sigcontent{width:100%}.miniprofile-signature,.miniprofile-signature img{display:block}.miniprofile-signature{margin:0 1.5rem 0 0;flex:1 0 auto}.miniprofile-signature .is-avatar{display:none}.miniprofile-signature .is-signature{aspect-ratio:5/3}.miniprofile-quote{border-left:4px solid var(--color-4);padding:0 0 0 1rem;font-style:italic}.miniprofile-name{margin:1.25rem 0;text-transform:uppercase;letter-spacing:3px}.miniprofile-name a{font-weight:900}.miniprofile-fields{display:flex}.miniprofile-field strong{display:none}.miniprofile-field::before{content:'■';font-size:.725rem;margin:0 .5rem;color:var(--color-contrast);font-style:normal;position:relative;top:-1px}.miniprofile-field:first-child::before{display:none}.miniprofile-field{display:flex;align-items:center;font-style:italic}.postlist-post:hover .post-header{background:var(--color-3)}.post-content{display:flex;padding:1.5rem;background:var(--color-4);color:var(--color-1)}.postlist-post .post-content{width:calc(100% - 160px);padding:1.5rem calc(1.5rem + 140px) 1.5rem 1.5rem;position:relative;flex-flow:column}.postlist-post>.post-content>.is-content{cursor:initial}.post-info{display:flex;justify-content:space-between;align-items:center;margin:0 0 1rem 0;font-size:.735rem}.post-side{display:flex;align-items:center}.post-permalink{font-size:1rem;margin:0 1rem 0 0}.post-title>a{margin:0 0 0 .5rem;text-transform:uppercase;background:var(--color-1);color:var(--color-4);padding:.5rem;cursor:default;letter-spacing:1px}.post-buttons{display:flex}.post-button{margin:0 0 0 .5rem}.post-button:last-child{margin:0}.post-button a{text-transform:uppercase}.post-button i{display:none}.post-button.post-button-enlace-permanente{display:none}.post-profile{width:calc(100% - (100% - 160px));align-self:flex-start}.profile-sticky{position:sticky;top:calc(80px + 1.5rem)}.miniprofile-main,.miniprofile-main img{display:block}.miniprofile-main{background:var(--color-contrast);height:calc(400px + 3rem)}.miniprofile-main img{min-width:275px;height:400px;position:absolute;right:1.5rem;top:1.5rem;aspect-ratio:11/16}.miniprofile-contacts{margin:1.5rem 0 0 1.5rem;text-transform:uppercase}.miniprofile-contact{margin:0 0 .225rem 0}.miniprofile-contact a{display:block;letter-spacing:1px;color:var(--color-4);border-bottom:2px solid var(--color-contrast);padding:0 0 3px 0;font-size:.825rem}.forum-otherposts .postlist-post{background:var(--color-2);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.forum-otherposts .postlist-post:hover{background:var(--color-3)}.forum-otherposts .post-content{width:100%!important;padding:1.5rem!important;min-height:inherit;flex-flow:row}.forum-otherposts .post-content .is-content{width:100%}.forum-otherposts .post-profile{order:1;padding:1.5rem!important;padding-top:0;margin-top:1.5rem!important;width:calc(100% - 788px)!important}.memberlist-members{display:flex;flex-flow:wrap;margin:-.5rem}.memberlist-members>li{margin:.5rem}.memberlist-members:not(.no-results)>li{width:calc(100% / 4 - .5rem * 2)}.memberitem-element{display:block}.memberlist-avatar,.memberlist-name{display:block}.memberlist-name h3{background:var(--color-2);color:var(--color-contrast);padding:1.5rem 1rem;text-transform:uppercase;font-size:1.15rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.memberitem-element:hover .memberlist-name h3{background:var(--color-3)}.memberlist-name h3 span{font-weight:900;letter-spacing:2px}.memberlist-name div{padding:.5rem 1rem;background:var(--color-contrast);color:var(--color-1);font-size:.825rem}.wiki-index{margin-right:4rem}.wiki-index h3{text-transform:uppercase;letter-spacing:1px;font-size:1.25rem;margin-bottom:.725rem!important}.wiki-content{max-width:780px}.wiki-controls,.wiki-index h3{font-weight:700}.wiki-controls>a{font-weight:400}.wiki-index .router-link-exact-active.router-link-active,.wiki-index li.is-selected>.wiki-controls>a .text,.wiki-index li.is-selected>.wiki-controls>a .text+.icon{color:var(--color-4);font-weight:700}.wiki-index li{margin-bottom:.5rem!important}.wiki-index li:last-child{margin-bottom:0!important}#bloque-estadisticas h6{display:flex;align-items:center;font-weight:700;text-transform:uppercase;color:var(--color-1);letter-spacing:1px}#bloque-estadisticas h6::after{content:'';display:block;width:100%;height:4px;background:var(--color-1);margin-left:.725rem;flex:1}#new-connected,#past-connected{padding:1.5rem;padding-bottom:1.5rem;background:var(--color-4)}#bloque-estadisticas #new-connected{padding-bottom:0}#bloque-estadisticas .has-users{font-size:0;margin:1.25rem -.25rem -.25rem -.25rem;height:175px;overflow:auto;padding-top:.25rem}#bloque-estadisticas .has-users a{display:inline-block;font-size:.725rem;padding:.5rem .75rem .5rem .75rem;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;background:var(--color-1);margin:.25rem;text-transform:uppercase;letter-spacing:1px}#bloque-estadisticas .has-users a:hover{background:var(--color-3)}#image-banner{background-image:url(http://via.placeholder.com/600/2f3237);width:100%;height:100%;background-size:cover;background-position:center}#bloque-grupos{display:flex;flex-flow:column}#census{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:1.5rem;background:var(--color-2)}#census>li{background:var(--color-1);padding:1rem;text-align:center;position:relative}#census>li>a{color:currentColor;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:1rem}.census-count{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-text-fill-color:var(--color-3);background:currentColor;display:flex;justify-content:center;align-items:center;opacity:0;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.census-count::after{content:'personajes';margin-left:.5rem}#census>li:hover .census-count{opacity:1}#bloque-ultimostemas h6{padding:1.5rem;background:var(--color-contrast);color:var(--color-1);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:2rem;line-height:2rem}.ltopic-list{background:var(--color-2);padding:.75rem;display:flex;flex-flow:row wrap}.ltopic-list>li{width:calc(50% - 1.5rem);margin:.75rem}.ltopic-element{display:flex;background:var(--color-4);flex-flow:row wrap}.ltopic-last{padding:1rem;background:var(--color-contrast);display:flex;justify-content:center;align-items:center;width:52px;height:52px;color:var(--color-1)!important}.ltopic-data{display:flex;align-items:center;margin-left:1rem;flex:1;overflow:hidden;padding-right:1rem}.ltopic-title{display:flex;align-items:center;padding:0 1rem;flex:1;overflow:hidden;text-transform:uppercase;font-weight:700;letter-spacing:1px;color:var(--color-1)!important;white-space:nowrap;width:calc(100% - 2rem)}.ltopic-title>span{overflow:hidden;text-overflow:ellipsis}.ltopic-info{font-size:.725rem;padding:.5rem .75rem;background:var(--color-1);width:100%;color:var(--color-4);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity}.ltopic-element:hover .ltopic-info{background:var(--color-3)}#bloque-ultimostemas>small{padding:0 1.5rem 1.5rem 1.5rem;display:block;background:var(--color-2)}#profile-head{display:flex;justify-content:space-between;min-height:400px}#profile-minifields,#profile-subhead,#profile-userinfo{padding:1.5rem}#profile-minifields{display:flex;flex-flow:column;justify-content:center;width:275px;height:100%;text-align:center;background:var(--color-2);color:var(--color-4);margin:0;align-self:auto}.minifield-element{margin-bottom:1rem}.minifield-element:last-child{margin-bottom:0}.minifield-element>*{display:block;white-space:nowrap}.minifield-label{font-family:var(--font-1);color:var(--color-contrast);font-weight:700}.minifield-content{font-size:.925rem}#profile-userinfo{display:flex;flex-flow:column-reverse;justify-content:space-between;text-align:right;flex:1 1 auto;background-size:cover;background-position:center;aspect-ratio:189/100}#profile-username{font-size:3rem;line-height:3rem;font-family:var(--font-1);color:var(--color-4);text-transform:uppercase;font-weight:900;letter-spacing:3px}#profile-rank{font-family:var(--font-1);color:var(--color-contrast);font-weight:700;text-transform:uppercase;margin:0 .35rem 0 0;letter-spacing:1px}#profile-subhead{display:flex;background:var(--color-contrast)}#profile-subhead>*{width:100%}#profile-quote{display:flex;justify-content:flex-start;padding:1rem 0}#profile-quote>.admin-block{width:300px;font-size:.925rem;font-style:italic;padding-left:1rem;border-left:2px solid;color:var(--color-1)}#profile-quote .coolquote-from,#profile-quote .fas{display:none}#profile-quote>.admin-block .coolquote-quote{padding:0;text-align:left}#profile-links{margin-left:2rem}.profile-linklist{display:flex;flex-flow:column}.profile-linklist a{display:inline-flex;align-items:center;color:var(--color-1)!important;font-size:.825rem;font-weight:400;letter-spacing:1px;transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;padding:0 .325rem 0 0;text-transform:uppercase;white-space:nowrap}.profile-linklist a:hover{background:var(--color-1);color:var(--color-4)!important}.profile-linklist i{display:flex;justify-content:center;align-items:center;width:25px;height:25px;margin-right:.5rem}.profilefield-element{margin-bottom:2rem}.profilefield-element:last-child{margin-bottom:0}.field-head{display:flex;flex-flow:column;margin-bottom:1rem}.field-head h4{font-size:2.25rem;order:1}.field-head h6{order:0;color:var(--color-contrast);font-size:1rem;font-style:italic}.profile-extra{display:flex;min-height:300px}#profile-extras .profile-extra-header{order:1}#profile-extras .profile-extra-space{order:0}.profile-extra-header{padding:1.5rem;font-family:var(--font-1);font-size:2rem;background:var(--color-contrast);color:var(--color-1);width:90px;display:flex;justify-content:center;text-transform:uppercase}.profile-extra-header span{display:block;align-self:center;font-size:2.25rem;transform:rotate(90deg);font-weight:700;letter-spacing:2px}.profile-extra-space{width:100%}.extrafield-head{margin-bottom:1.5rem}.extrafield-element{margin-bottom:1.5rem}.extrafield-element:last-child{margin-bottom:0}.extrafield-content table{max-width:inherit}#profile-fields{display:flex;justify-content:space-between}#profile-infominifields+#profile-infofields{max-width:861px;flex:1 1 auto}#profile-usergest{color:var(--color-4)}.profile-container{padding:0;background:var(--color-4)}#profile-infofields{padding:1.5rem;background:var(--color-2)}#profile-infominifields{width:275px;margin:0;padding:0 1.5rem 1.5rem 1.5rem;max-width:initial;margin-top:1.5rem;flex:0 0 auto;color:var(--color-1)}.profile-extra .profile-container{padding:1.5rem;background:var(--color-2)}.field-head h4{text-transform:uppercase;font-weight:700;letter-spacing:2px}.extrafield-head h4{text-transform:uppercase;font-weight:700;font-style:italic;color:var(--color-contrast);font-size:1.75rem;letter-spacing:2px}.rp-list{margin-bottom:0}#forum-rplist .rp-list{margin-bottom:1rem}#forum-rplist .rp-list:last-child{margin-bottom:0}.rp-list .rp-element{padding:1rem!important;background:var(--color-1);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;border:none!important}.rp-list .rp-element:hover{background:var(--color-3)!important}.rp-icon{margin-right:1rem;font-size:1.25rem}.rp-name{color:var(--color-4)!important;font-size:1rem;line-height:1rem}.rp-name>span{font-weight:700}.rp-name>small{font-size:.825rem;font-style:italic;padding-right:.25rem;font-weight:400}.rp-controls{color:var(--color-4);font-size:.925rem}.rela-element{padding:1rem!important;background:var(--color-1);transition:ease-in-out .25s background,ease-in-out .25s color,ease-in-out .25s border,ease-in-out .25s opacity;align-items:center;border:none!important}.rela-element:hover{background:var(--color-3)!important}.rela-list .rela-element .rela-image{align-self:center!important;background-position:center;background-size:cover;border-radius:100%;border:5px solid var(--color-2);box-shadow:0 0 0 3px var(--color-contrast)}.rela-content{color:var(--color-4)}.rela-title>h4{font-weight:700;text-transform:uppercase;font-size:1.15rem;line-height:normal}.rela-content>.is-content{font-weight:400}.slatinterior-content>.rela-list{margin-bottom:0!important}.extrafield-element,.profilefield-element{margin-bottom:2rem}.extrafield-element:last-child,.profilefield-element:last-child{margin-bottom:0}.extrafield-head{margin-bottom:1rem}#chronology-element,#relationships-element{margin:1rem -.5rem -.5rem -.5rem}#forum-multiaccount .rp-controls{display:block;height:auto;top:.925rem;color:var(--color-1);font-weight:700}#forum-multiaccount .rp-controls span{color:var(--color-contrast);letter-spacing:1px}#forum-rplist .rela-list,#forum-rplist .rp-list{margin-bottom:.75rem!important}#forum-rplist .rela-list:last-child,#forum-rplist .rp-list:last-child{margin-bottom:0!important}#extracredits-section{margin-top:3rem}#extracredits-section .section-title{text-align:center;font-weight:700;text-transform:uppercase;font-size:1.5rem;letter-spacing:1px}#forum-affiliates{display:flex;align-items:center;background:var(--color-2)}#forum-affiliates>ul{padding:1.5rem}#forum-affiliates ul{justify-content:center}#forum-affiliates-elite{margin-top:1.5rem}#forum-affiliates-regular{margin-top:1rem}#forum-affiliates-regular h3 a{margin-bottom:.5rem;color:var(--color-4)}#forum-affiliates-regular h3 a i{font-size:80%;color:var(--color-contrast)}.affiliates-collection .section-title{margin-bottom:1rem}.affiliates-collection>ul{display:flex;flex-flow:row wrap}.affiliates-collection>ul>li{margin:.25rem}.affiliates-collection>ul>li>a,.affiliates-collection>ul>li>a>img{display:block}#forum-affiliates-elite{margin-top:1.5rem}#forum-cred{background:var(--color-4);color:var(--color-1);display:flex;align-items:center}#forum-cred .is-content{font-size:.925rem;padding:1.5rem}#forum-cred a,#forum-cred strong{font-weight:700;font-family:var(--font-1)}#credits-social a{color:var(--color-1);font-weight:900;display:flex;align-items:center}#credits-social a em{color:var(--color-contrast);font-size:1.225rem;margin:0 .225rem 0 0;height:17px}#credits-social>ul{display:flex;justify-content:space-around}#credits-social>ul>li{margin:0}#forum-affiliates-sisters a,#forum-affiliates-sisters img{width:105px;height:105px}#forum-affiliates-elite a,#forum-affiliates-elite img{width:50px;height:50px}#forum-modal{position:fixed;top:0;left:0;padding:1rem;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;z-index:900}.is-bgmodal.bg-active{width:100vw;height:100vh;display:block;background:var(--color-3);position:fixed;top:0;left:0;opacity:.6}.modal-element{position:relative;z-index:10;width:100%;max-width:700px}.modal-title{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--color-contrast)}.modal-title h3{font-size:1.25rem;color:var(--color-1);font-weight:700;text-transform:uppercase;letter-spacing:2px}.modal-title a{color:var(--color-1)}.modal-content{max-height:initial;width:100%;padding:1.5rem;background:var(--color-1);margin:0}.modal-buttons{display:flex;justify-content:center}.modal-content .is-content input{min-height:55px}.notification-element{display:flex;padding:1rem;background:var(--color-4);color:var(--color-1)!important;position:relative;height:70px}.notification-controls{margin:-.225rem 0 0 1rem}.notification-content{font-size:.825rem;margin:-.225rem 0}.notification-content>h3{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.notification-content p{margin:-.225rem 0 0 0}.notification-icon{background:var(--color-contrast);color:var(--color-1);position:absolute;width:70px;height:70px;font-size:1.725rem;display:flex;justify-content:center;align-items:center;left:-70px;top:0}#frmAgreement .post-content{padding:0;background:0 0;color:var(--color-4)}#frmAgreement .forum-checkbox{max-width:100%}#bloque-login .field-name{max-width:250px}#mod-section>.generic-element>.is-content h6{margin-bottom:.5rem}@media only screen and (max-width:1280px){:root{font-size:15px}#forum-navbar{left:0}.main-slat{max-width:inherit}.main-slat .userecord-head .userecord-image{width:100%}.postlist-post .post-content{width:calc(100% - 145px);padding:1.5rem calc(1.5rem + 125px) 1.5rem 1.5rem}.postlist-post .post-profile{width:calc(100% - (100% - 145px))}.postlist-post .post-profile .miniprofile-main{height:calc(363px + 3rem)}.postlist-post .post-profile .miniprofile-main img{min-width:250px;height:auto}.postlist-post .post-header .miniprofile-signature{width:225px}}@media only screen and (max-width:1179px){#topbar-section .is-one-third-desktop,#topbar-section .is-two-thirds-desktop{display:none}#forum-affiliates{width:100%}#extracredits-section>.category-element>ul{display:flex;flex-flow:column}#extracredits-section>.category-element>ul>li>ul{width:100%}#plank-anmt>ul>li.column.is-one-quarter.is-half-tablet.is-half-mobile{width:50%}.forum-otherposts .postlist-post .post-profile{width:250px!important}}@media only screen and (max-width:1023px){:root{font-size:14px}body{overflow-x:hidden}body>#forum-body{padding-top:80px!important}#topbar-section .columns{display:flex}.category-element .column.forum-element{width:100%!important}.category-element .forum-forum .forum-header{flex-flow:column;padding:1.5rem}.category-element .forum-forum .forum-content ul{display:flex;flex-flow:column-reverse}.category-element .forum-forum .forum-content ul li{width:100%}.category-element .forum-forum .forum-content .forum-info{height:auto;padding:1.5rem}.category-element .forum-forum .forum-content .forum-info ul li{height:100%}.category-element .forum-forum .forum-content .forum-info .forum-last .is-hidden-touch,.category-element .forum-forum .forum-content .forum-info ul li:last-child{display:none}.category-element .forum-forum .forum-content .forum-info .forum-last .is-hidden-desktop{display:block!important}.topiclist-topic{flex-flow:column}.topiclist-topic>.topic-main{width:100%}.topiclist-topic>.topic-quicklink{margin:1rem 0 0 0;align-self:center}.topiclist-topic>.topic-quicklink .topic-lastavatar{display:none}.topiclist-topic>.topic-quicklink .topic-last{font-size:0;line-height:0;margin:0}.topiclist-topic>.topic-quicklink .topic-last .topic-lastpost{font-size:.925rem}.topiclist-topic>.topic-quicklink .topic-last>:not(.topic-lastpost){display:none}.topiclist-topic .topic-extra{position:relative;padding:0 0 3rem 0}.topiclist-topic .topic-extra .topic-repliesandviews{position:absolute;margin:0;left:0;top:2.5rem}.btn-element:has(.forum-button>.text.is-hidden-touch) .dropdown{height:100%;aspect-ratio:1/1}.btn-element:has(.forum-button>.text.is-hidden-touch) .dropdown .dropdown-trigger{width:100%}.btn-element:has(.forum-button>.text.is-hidden-touch) .dropdown .forum-button{width:100%;height:100%}.wiki-index .select-container{height:55px}.page-pagination{display:flex;align-items:center}.page-pagination .pagination-manager>*{height:40px}.postlist-post .post-content{width:calc(100% - 105px);padding:1.5rem calc(1.5rem + 95px) 1.5rem 1.5rem}.postlist-post .post-profile{width:calc(100% - (100% - 105px))}.postlist-post .post-profile .miniprofile-main{height:calc(254px + 3rem)}.postlist-post .post-profile .miniprofile-main img{min-width:175px;height:auto}.postlist-post .post-profile .miniprofile-contacts{display:none}.postlist-post .post-header .miniprofile-signature{width:150px}.postlist-post .post-header .miniprofile-fields{display:none}#forum-header{display:none}#forum-body,#forum-navbar{transition:transform ease-in-out .5s}#forum-navbar:has(>.main-body.is-on){transform:translateX(0)}#forum-navbar:has(>.main-body.is-on)+#forum-body{transform:translateX(100vw)}#forum-breadcrumb{width:calc(100% - 80px);position:fixed;left:80px}#forum-body>.main-body>article{left:0;max-width:100%}#forum-navbar{width:100vw;transform:translateX(-100vw)}#forum-navbar .main-body{position:relative}#forum-navbar .main-body #hmg-button{display:flex;width:80px;height:80px;position:absolute;right:-80px;background:var(--color-2);font-size:2.225rem;justify-content:center;align-items:center;z-index:10}#forum-navbar .main-body.is-on .bg-active{display:block;position:absolute;width:100vw;height:100vh;left:100vw;z-index:10;cursor:pointer}#forum-navbar .main-body .top{display:flex;width:100vw;padding:1.5rem;gap:1.5rem}#forum-navbar .main-body .top .user-avatar{display:none;margin:0;flex:0 0 auto}#forum-navbar .main-body .top span{writing-mode:initial;padding:0}#forum-navbar .main-body .bottom{padding:0 0 .5rem 0}#forum-navbar .main-body .bottom ul a{width:100%;height:auto;padding:1rem 1.5rem;flex-flow:revert;gap:1rem;justify-content:flex-start}#forum-navbar .main-body .bottom .navbar-item .text{margin:0;font-size:1.325rem}#forum-footer .main-body{justify-content:center}#forum-footer .main-body .right{display:none}}@media only screen and (max-width:768px){#topbar-section{display:none}#census{grid-template-columns:100%}.ltopic-list>li{width:100%}.header-side .miniprofile-quote{display:none}.post-content .post-info{flex-flow:column;justify-content:flex-start;align-items:flex-start}.post-content .post-info .post-buttons>li:first-child{margin:0}.forum-controls.upper-controls .page-pagination{display:none}.forum-controls.lower-controls{display:none;justify-content:center}.forum-controls.lower-controls .page-buttons{display:none}.forum-controls.lower-controls:has(input){display:flex}.forum-otherposts .postlist-post{flex-flow:column}.forum-otherposts .postlist-post .post-profile{order:0;display:block!important;margin:0!important}.forum-otherposts .postlist-post .post-content{order:1}.forum-head h3{font-size:1.725rem}}@media only screen and (max-width:487px){.postlist-post .post-header{padding:0}.postlist-post .post-header .miniprofile-signature{width:85px;flex:0 0 auto}.postlist-post .post-header .miniprofile-signature .is-avatar{aspect-ratio:11/16;display:block}.postlist-post .post-header .header-side{width:100%;padding:0 1.5rem 0 0}.postlist-post .post-header .miniprofile-signature .is-signature{display:none}.postlist-post .post-content{width:100%;padding:1.5rem}.postlist-post .post-profile{display:none}.main-slat{background:var(--color-2);margin:0 -1.5rem -1.5rem -1.5rem}.main-slat .mainslat-content{padding:0}.topic-main .topic-icon{align-self:flex-start}.topiclist-topic .topic-main .topic-extra{margin:0 -2rem;left:-1rem}.topiclist-topic .topic-main .topic-repliesandviews{font-size:.725rem}#usereply-buttons>ul{width:80px;flex-flow:wrap}#usereply-buttons #colour-button,#usereply-buttons #emoji-button{margin-bottom:.5rem}}