skin-dt-32 0.1.21 → 0.1.23

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 +1 -1
  2. package/config/vueComponents.min.js +1 -1
  3. package/package.json +1 -1
  4. package/stylesheet.css +5 -0
  5. package/stylesheet.min.css +1 -1
package/config/vueComponents.js CHANGED
@@ -168,7 +168,7 @@ Vue.component('navbar-foro', {
168
168
  }
169
169
  },
170
170
  created() {
171
- this.multiAccount.status = FNR.cache.getData('usermultiaccounts') !== false && FNR.cache.getData('userpassword') !== false;
171
+ this.multiAccount.status = FNR.cache.getData('usermultiaccounts') !== false && FNR.cache.getData('userpassword') !== false && FNR.cache.getData('userpassword').length > 1;
172
172
  this.multiAccount.accounts = (FNR.cache.getData('usermultiaccounts') === false ? [] : FNR.cache.getData('usermultiaccounts').map((item) => {
173
173
  return {
174
174
  name: item.name,
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.getElementById("i_icon_mini_new_message")&&null!==document.getElementById("i_icon_mini_new_message").title.match(/[0-255]/)&&(this.userMP=parseInt(document.getElementById("i_icon_mini_new_message").title.match(/[0-255]/)[0])),this.userOut=document.getElementById("logout").href)},template:'\n <div class="main-body">\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(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"),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 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-author">{{ lastpost }}</div>\n <div class="topic-extra">\n <div class="topic-repliesandviews">\n {{ replies }}\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})},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="for-afis" class="column is-two-thirds is-full-touch">\n <ul class="columns is-gapless is-multiline">\n <li id="for-afis-sis" class="column is-full afi-collection">\n <h3 class="section-title">Hermanas</h3>\n <ul v-html="afis.sister" class="no-style"></ul>\n </li>\n <li id="for-afis-nosis" class="column is-full">\n <ul class="columns is-gapless is-multiline">\n <li class="column is-two-thirds is-full-touch afi-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 afi-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="for-afis-norm" 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="for-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 Frameworks.</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}),
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.getElementById("i_icon_mini_new_message")&&null!==document.getElementById("i_icon_mini_new_message").title.match(/[0-255]/)&&(this.userMP=parseInt(document.getElementById("i_icon_mini_new_message").title.match(/[0-255]/)[0])),this.userOut=document.getElementById("logout").href)},template:'\n <div class="main-body">\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(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("userpassword").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 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-author">{{ lastpost }}</div>\n <div class="topic-extra">\n <div class="topic-repliesandviews">\n {{ replies }}\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})},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="for-afis" class="column is-two-thirds is-full-touch">\n <ul class="columns is-gapless is-multiline">\n <li id="for-afis-sis" class="column is-full afi-collection">\n <h3 class="section-title">Hermanas</h3>\n <ul v-html="afis.sister" class="no-style"></ul>\n </li>\n <li id="for-afis-nosis" class="column is-full">\n <ul class="columns is-gapless is-multiline">\n <li class="column is-two-thirds is-full-touch afi-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 afi-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="for-afis-norm" 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="for-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 Frameworks.</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}),
2
2
  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-help" 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}),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.1.21",
3
+ "version": "0.1.23",
4
4
  "main": "readme.md",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1"
package/stylesheet.css CHANGED
@@ -973,6 +973,11 @@ blockquote>div>cite {
973
973
  margin: 0;
974
974
  }
975
975
 
976
+ .slatinterior-content strong>font {
977
+ color: var(--color-contrast);
978
+ font-size: 1.05rem;
979
+ }
980
+
976
981
  /* Footer */
977
982
  #forum-footer {
978
983
  display: flex;
package/stylesheet.min.css CHANGED
@@ -1 +1 @@
1
- body{background:var(--color-one);color:var(--color-four);font-size:16px;font-family:var(--font-two);line-height:24px;min-height:100vh;background-image:var(--pattern);background-attachment:fixed;background-repeat:repeat}a{font-family:var(--font-one);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:1200px}.button1,.button2,input[type=Submit],input[type=reset]{font-family:var(--font-one);font-weight:700;border:none;background:var(--color-three);color:var(--color-four);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-one)!important}input[type=password][disabled],input[type=text][disabled],select[disabled]{background:var(--color-four)!important;color:var(--color-one)!important}input[type=number],input[type=password],input[type=text],select,textarea{width:100%;height:100%;padding:.5rem 1rem;background:var(--color-two);color:var(--color-four);font-family:var(--font-two);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-three)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}select option{background:var(--color-three);color:var(--color-four)}.select-container{position:relative;width:100%}.select-container::after{border:3px solid var(--color-four);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-two)}.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-two);color:var(--color-four);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-one)}.dropdown.is-active .forum-button{background:var(--color-contrast);color:var(--color-one)}.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-three);border:none;box-shadow:none;border-radius:0;color:var(--color-four)}.dropdown-item{padding:.5rem 1rem!important;background:0 0!important;color:var(--color-four)!important;font-weight:400;font-family:var(--font-two)}.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-four);color:var(--color-one)}.forum-infoblock h5{font-size:.925rem;margin-bottom:.5rem!important;font-family:var(--font-two)}.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-two)}.dropdown.is-dropeable.is-active .usereply-button,.usereply-button:hover{background:var(--color-three)}#usereply-top small{font-family:var(--font-two)}#usereply-editor{height:300px}.usereply-option{padding:.25rem 1rem;font-weight:400;font-family:var(--font-two);margin:0}#forum-preview>.post-content>.is-content{cursor:initial;padding:0 2rem}.character-selector{position:relative;height:55px!important}.selector-list{display:none;position:absolute;z-index:5;width:calc(100% - .85rem);background:var(--color-three);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-one);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-one)}.selector-list li:hover i{color:var(--color-one)}.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-two);color:var(--color-four);font-weight:700;font-family:var(--font-one);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);color:var(--color-one)}.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%}.msg-element{display:block;background:var(--color-two);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-one);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}#forum-navbar{width:80px;position:sticky;top:0;align-self:baseline;height:100vh;background:var(--color-two)}#forum-navbar .main-body{height:100%;display:flex;flex-flow:column;justify-content:space-between}#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-three)}#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-two);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-four)}#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-three)}#forum-navbar .navbar-item select:focus+a{background:var(--color-three)}#forum-navbar .navbar-item select{position:absolute;opacity:0;cursor:pointer}#forum-content,#forum-wiki{padding:2rem;background:var(--color-one)}.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-one);background:var(--color-contrast);color:var(--color-one)}.is-content table td,.is-content table th{font-size:.825rem;padding:.5rem .75rem;text-align:left}.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-one);color:var(--color-contrast);font-weight:700}.is-content a,.is-content u{padding-bottom:0}.is-content table tbody{background:var(--color-one)}.is-content table tr:nth-child(2n){background:var(--color-three)}.is-content code{background:var(--color-three);color:var(--color-contrast)}.is-content iframe{max-width:100%;aspect-ratio:16/9}.codebox,.hidecode,.spoiler,blockquote{background:var(--color-two);position:relative;z-index:10;overflow:hidden;padding:1rem;color:var(--color-four);font-size:.925rem}.main-slat .codebox,.main-slat .hidecode,.main-slat .spoiler,.main-slat blockquote{background:var(--color-one)}.codebox>dt,.spoiler>dt,blockquote>div>cite{position:relative;z-index:20;font-size:1.125rem;font-family:var(--font-one);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-four);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}.main-slat{display:flex;flex-flow:column;max-width:calc(740px + 3rem);margin:0 auto;background:var(--color-one);color:var(--color-four)}.mainslat-title{padding:4rem 1.5rem;font-size:2.25rem;font-family:var(--font-one);font-weight:900;text-transform:uppercase;letter-spacing:4px;cursor:default;text-align:center;background:var(--color-contrast);color:var(--color-one)}.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-one);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-one);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-one);text-transform:uppercase;letter-spacing:2px;font-size:1.25rem;cursor:default;display:inline-block;background:var(--color-contrast);color:var(--color-one);margin:0 0 1.25rem 0}.slatinterior-content{padding:1.5rem;background:var(--color-two)}.slat-interior{margin:0 0 .5rem 0}.slat-interior:last-child{margin:0}#forum-footer{display:flex;align-items:center;padding:0 2rem;text-transform:uppercase;height:80px;background:var(--color-contrast);color:var(--color-one);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-one);font-weight:600}#forum-credits{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}#forum-topbar{background:var(--color-one)}#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)}#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-four);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-four);border-color:var(--color-four);color:var(--color-one)}#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-four);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-one);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-two);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-three)}.anmt-date{order:0;font-weight:700;color:var(--color-contrast);font-size:2rem;margin-right:1rem}.anmt-title{order:1;color:var(--color-four)}#forum-breadcrumb{display:flex;justify-content:center;align-items:center;position:sticky;top:0;padding:0 2rem;background:var(--color-contrast);color:var(--color-one);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-one)}#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-one)}#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-three)}.forum-forum .forum-header{display:flex;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-contrast);color:var(--color-one);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-two);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-three)}.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-two);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-two);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-one)}.forum-forum .lastpost-user{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;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-two)}.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-four);margin-left:.725rem;flex:1}.topiclist-topics>li{margin-bottom:.75rem}.topiclist-topics>li:last-child{margin:0}.topiclist-topic{background:var(--color-two);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-three)}.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-one);padding:.25rem .5rem;font-size:.925rem;font-weight:700;color:var(--color-one);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-two)!important;box-shadow:0 0 0 3px var(--color-contrast);margin:3px;display:flex;align-items:center;overflow:hidden}.topic-lastavatar>img{width:100%}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-one)}.topiclist-topic.topic-mp{padding:1rem 1.5rem}.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}.pagination-manager{display:flex;flex-flow:wrap}.pagination-manager>*{height:48px;font-family:var(--font-one);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-one)}.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-two);color:var(--color-four);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-one)}.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}.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-two);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}.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-quote{border-left:4px solid var(--color-four);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-three)}.post-content{display:flex;padding:1.5rem;background:var(--color-four);color:var(--color-one)}.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-one);color:var(--color-four);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}.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-four);border-bottom:2px solid var(--color-contrast);padding:0 0 3px 0;font-size:.825rem}.forum-otherposts .postlist-post{background:var(--color-two);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-three)}.forum-otherposts .post-content{padding:1.5rem;min-height:inherit}.forum-otherposts .post-profile{order:1;padding:1.5rem;width:calc(224px + 1.5rem)}.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-two);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-three)}.memberlist-name h3 span{font-weight:900;letter-spacing:2px}.memberlist-name div{padding:.5rem 1rem;background:var(--color-contrast);color:var(--color-one);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-four);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-one);letter-spacing:1px}#bloque-estadisticas h6::after{content:'';display:block;width:100%;height:4px;background:var(--color-one);margin-left:.725rem;flex:1}#new-connected,#past-connected{padding:1.5rem;padding-bottom:1.5rem;background:var(--color-four)}#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{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-one);margin:.25rem;text-transform:uppercase;letter-spacing:1px}#bloque-estadisticas .has-users a:hover{background:var(--color-three)}#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:flex;flex-flow:row wrap;padding:.75rem;background:var(--color-two)}#census>li{width:calc(50% - 1.5rem);background:var(--color-one);padding:1rem;text-align:center;margin:.75rem;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-three);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-one);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:2rem;line-height:2rem}.ltopic-list{background:var(--color-two);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-four);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-one)!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-one)!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-one);width:100%;color:var(--color-four);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-three)}#bloque-ultimostemas>small{padding:0 1.5rem 1.5rem 1.5rem;display:block;background:var(--color-two)}#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;text-align:center;background:var(--color-two);color:var(--color-four);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-one);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}#profile-username{font-size:3rem;line-height:3rem;font-family:var(--font-one);color:var(--color-one);text-transform:uppercase;font-weight:900;letter-spacing:3px}#profile-rank{font-family:var(--font-one);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-one)}#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-one)!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-one);color:var(--color-four)!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-one);font-size:2rem;background:var(--color-contrast);color:var(--color-one);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-one)}.profile-container{padding:0;background:var(--color-four)}#profile-infofields{padding:1.5rem;background:var(--color-two)}#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-one)}.profile-extra .profile-container{padding:1.5rem;background:var(--color-two)}.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-one);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-three)!important}.rp-icon{margin-right:1rem;font-size:1.25rem}.rp-name{color:var(--color-four)!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-four);font-size:.925rem}.rela-element{padding:1rem!important;background:var(--color-one);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-three)!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-two);box-shadow:0 0 0 3px var(--color-contrast)}.rela-content{color:var(--color-four)}.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 span{color:var(--color-contrast)}#forum-multiaccount .rp-controls{display:block;height:auto;top:.925rem}#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}#for-afis{display:flex;align-items:center;background:var(--color-two)}#for-afis>ul{padding:1.5rem}#for-afis ul{justify-content:center}#for-afis-nosis{margin-top:1.5rem}#for-afis-norm{margin-top:1rem}#for-afis-norm h3 a{margin-bottom:.5rem;color:var(--color-four)}#for-afis-norm h3 a i{font-size:80%;color:var(--color-contrast)}.afi-collection .section-title{margin-bottom:1rem}.afi-collection>ul{display:flex;flex-flow:row wrap}.afi-collection>ul>li{margin:.25rem}.afi-collection>ul>li>a,.afi-collection>ul>li>a>img{display:block}#for-afis-nosis{margin-top:1.5rem}#for-cred{background:var(--color-four);color:var(--color-one);display:flex;align-items:center}#for-cred .is-content{font-size:.925rem;padding:1.5rem}#for-cred a,#for-cred strong{font-weight:700;font-family:var(--font-one)}#credits-social>ul{display:flex;justify-content:space-around}#credits-social>ul>li{margin:0}#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-three);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-one);font-weight:700;text-transform:uppercase;letter-spacing:2px}.modal-content{max-height:initial;width:100%;padding:1.5rem;background:var(--color-one);margin:0}.modal-buttons{display:flex;justify-content:flex-end;margin:1.5rem -.5rem -.5rem -.5rem}.notification-element{display:flex;padding:1.5rem;background:var(--color-four);color:var(--color-one);position:relative}.notification-controls{margin:0 0 0 1rem}.notification-content>h3{font-weight:700;font-size:1.25rem;text-transform:uppercase;letter-spacing:1px}.notification-icon{background:var(--color-contrast);color:var(--color-one);position:absolute;width:96px;height:96px;font-size:2rem;display:flex;justify-content:center;align-items:center;left:-96px;top:0}#frmAgreement .post-content{padding:0;background:0 0;color:var(--color-four)}#bloque-login .field-name{max-width:250px}
1
+ body{background:var(--color-one);color:var(--color-four);font-size:16px;font-family:var(--font-two);line-height:24px;min-height:100vh;background-image:var(--pattern);background-attachment:fixed;background-repeat:repeat}a{font-family:var(--font-one);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:1200px}.button1,.button2,input[type=Submit],input[type=reset]{font-family:var(--font-one);font-weight:700;border:none;background:var(--color-three);color:var(--color-four);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-one)!important}input[type=password][disabled],input[type=text][disabled],select[disabled]{background:var(--color-four)!important;color:var(--color-one)!important}input[type=number],input[type=password],input[type=text],select,textarea{width:100%;height:100%;padding:.5rem 1rem;background:var(--color-two);color:var(--color-four);font-family:var(--font-two);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-three)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}select option{background:var(--color-three);color:var(--color-four)}.select-container{position:relative;width:100%}.select-container::after{border:3px solid var(--color-four);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-two)}.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-two);color:var(--color-four);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-one)}.dropdown.is-active .forum-button{background:var(--color-contrast);color:var(--color-one)}.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-three);border:none;box-shadow:none;border-radius:0;color:var(--color-four)}.dropdown-item{padding:.5rem 1rem!important;background:0 0!important;color:var(--color-four)!important;font-weight:400;font-family:var(--font-two)}.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-four);color:var(--color-one)}.forum-infoblock h5{font-size:.925rem;margin-bottom:.5rem!important;font-family:var(--font-two)}.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-two)}.dropdown.is-dropeable.is-active .usereply-button,.usereply-button:hover{background:var(--color-three)}#usereply-top small{font-family:var(--font-two)}#usereply-editor{height:300px}.usereply-option{padding:.25rem 1rem;font-weight:400;font-family:var(--font-two);margin:0}#forum-preview>.post-content>.is-content{cursor:initial;padding:0 2rem}.character-selector{position:relative;height:55px!important}.selector-list{display:none;position:absolute;z-index:5;width:calc(100% - .85rem);background:var(--color-three);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-one);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-one)}.selector-list li:hover i{color:var(--color-one)}.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-two);color:var(--color-four);font-weight:700;font-family:var(--font-one);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);color:var(--color-one)}.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%}.msg-element{display:block;background:var(--color-two);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-one);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}#forum-navbar{width:80px;position:sticky;top:0;align-self:baseline;height:100vh;background:var(--color-two)}#forum-navbar .main-body{height:100%;display:flex;flex-flow:column;justify-content:space-between}#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-three)}#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-two);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-four)}#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-three)}#forum-navbar .navbar-item select:focus+a{background:var(--color-three)}#forum-navbar .navbar-item select{position:absolute;opacity:0;cursor:pointer}#forum-content,#forum-wiki{padding:2rem;background:var(--color-one)}.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-one);background:var(--color-contrast);color:var(--color-one)}.is-content table td,.is-content table th{font-size:.825rem;padding:.5rem .75rem;text-align:left}.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-one);color:var(--color-contrast);font-weight:700}.is-content a,.is-content u{padding-bottom:0}.is-content table tbody{background:var(--color-one)}.is-content table tr:nth-child(2n){background:var(--color-three)}.is-content code{background:var(--color-three);color:var(--color-contrast)}.is-content iframe{max-width:100%;aspect-ratio:16/9}.codebox,.hidecode,.spoiler,blockquote{background:var(--color-two);position:relative;z-index:10;overflow:hidden;padding:1rem;color:var(--color-four);font-size:.925rem}.main-slat .codebox,.main-slat .hidecode,.main-slat .spoiler,.main-slat blockquote{background:var(--color-one)}.codebox>dt,.spoiler>dt,blockquote>div>cite{position:relative;z-index:20;font-size:1.125rem;font-family:var(--font-one);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-four);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}.main-slat{display:flex;flex-flow:column;max-width:calc(740px + 3rem);margin:0 auto;background:var(--color-one);color:var(--color-four)}.mainslat-title{padding:4rem 1.5rem;font-size:2.25rem;font-family:var(--font-one);font-weight:900;text-transform:uppercase;letter-spacing:4px;cursor:default;text-align:center;background:var(--color-contrast);color:var(--color-one)}.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-one);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-one);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-one);text-transform:uppercase;letter-spacing:2px;font-size:1.25rem;cursor:default;display:inline-block;background:var(--color-contrast);color:var(--color-one);margin:0 0 1.25rem 0}.slatinterior-content{padding:1.5rem;background:var(--color-two)}.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-one);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-one);font-weight:600}#forum-credits{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}#forum-topbar{background:var(--color-one)}#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)}#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-four);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-four);border-color:var(--color-four);color:var(--color-one)}#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-four);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-one);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-two);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-three)}.anmt-date{order:0;font-weight:700;color:var(--color-contrast);font-size:2rem;margin-right:1rem}.anmt-title{order:1;color:var(--color-four)}#forum-breadcrumb{display:flex;justify-content:center;align-items:center;position:sticky;top:0;padding:0 2rem;background:var(--color-contrast);color:var(--color-one);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-one)}#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-one)}#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-three)}.forum-forum .forum-header{display:flex;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-contrast);color:var(--color-one);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-two);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-three)}.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-two);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-two);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-one)}.forum-forum .lastpost-user{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;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-two)}.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-four);margin-left:.725rem;flex:1}.topiclist-topics>li{margin-bottom:.75rem}.topiclist-topics>li:last-child{margin:0}.topiclist-topic{background:var(--color-two);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-three)}.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-one);padding:.25rem .5rem;font-size:.925rem;font-weight:700;color:var(--color-one);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-two)!important;box-shadow:0 0 0 3px var(--color-contrast);margin:3px;display:flex;align-items:center;overflow:hidden}.topic-lastavatar>img{width:100%}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-one)}.topiclist-topic.topic-mp{padding:1rem 1.5rem}.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}.pagination-manager{display:flex;flex-flow:wrap}.pagination-manager>*{height:48px;font-family:var(--font-one);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-one)}.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-two);color:var(--color-four);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-one)}.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}.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-two);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}.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-quote{border-left:4px solid var(--color-four);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-three)}.post-content{display:flex;padding:1.5rem;background:var(--color-four);color:var(--color-one)}.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-one);color:var(--color-four);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}.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-four);border-bottom:2px solid var(--color-contrast);padding:0 0 3px 0;font-size:.825rem}.forum-otherposts .postlist-post{background:var(--color-two);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-three)}.forum-otherposts .post-content{padding:1.5rem;min-height:inherit}.forum-otherposts .post-profile{order:1;padding:1.5rem;width:calc(224px + 1.5rem)}.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-two);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-three)}.memberlist-name h3 span{font-weight:900;letter-spacing:2px}.memberlist-name div{padding:.5rem 1rem;background:var(--color-contrast);color:var(--color-one);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-four);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-one);letter-spacing:1px}#bloque-estadisticas h6::after{content:'';display:block;width:100%;height:4px;background:var(--color-one);margin-left:.725rem;flex:1}#new-connected,#past-connected{padding:1.5rem;padding-bottom:1.5rem;background:var(--color-four)}#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{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-one);margin:.25rem;text-transform:uppercase;letter-spacing:1px}#bloque-estadisticas .has-users a:hover{background:var(--color-three)}#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:flex;flex-flow:row wrap;padding:.75rem;background:var(--color-two)}#census>li{width:calc(50% - 1.5rem);background:var(--color-one);padding:1rem;text-align:center;margin:.75rem;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-three);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-one);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:2rem;line-height:2rem}.ltopic-list{background:var(--color-two);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-four);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-one)!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-one)!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-one);width:100%;color:var(--color-four);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-three)}#bloque-ultimostemas>small{padding:0 1.5rem 1.5rem 1.5rem;display:block;background:var(--color-two)}#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;text-align:center;background:var(--color-two);color:var(--color-four);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-one);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}#profile-username{font-size:3rem;line-height:3rem;font-family:var(--font-one);color:var(--color-one);text-transform:uppercase;font-weight:900;letter-spacing:3px}#profile-rank{font-family:var(--font-one);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-one)}#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-one)!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-one);color:var(--color-four)!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-one);font-size:2rem;background:var(--color-contrast);color:var(--color-one);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-one)}.profile-container{padding:0;background:var(--color-four)}#profile-infofields{padding:1.5rem;background:var(--color-two)}#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-one)}.profile-extra .profile-container{padding:1.5rem;background:var(--color-two)}.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-one);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-three)!important}.rp-icon{margin-right:1rem;font-size:1.25rem}.rp-name{color:var(--color-four)!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-four);font-size:.925rem}.rela-element{padding:1rem!important;background:var(--color-one);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-three)!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-two);box-shadow:0 0 0 3px var(--color-contrast)}.rela-content{color:var(--color-four)}.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 span{color:var(--color-contrast)}#forum-multiaccount .rp-controls{display:block;height:auto;top:.925rem}#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}#for-afis{display:flex;align-items:center;background:var(--color-two)}#for-afis>ul{padding:1.5rem}#for-afis ul{justify-content:center}#for-afis-nosis{margin-top:1.5rem}#for-afis-norm{margin-top:1rem}#for-afis-norm h3 a{margin-bottom:.5rem;color:var(--color-four)}#for-afis-norm h3 a i{font-size:80%;color:var(--color-contrast)}.afi-collection .section-title{margin-bottom:1rem}.afi-collection>ul{display:flex;flex-flow:row wrap}.afi-collection>ul>li{margin:.25rem}.afi-collection>ul>li>a,.afi-collection>ul>li>a>img{display:block}#for-afis-nosis{margin-top:1.5rem}#for-cred{background:var(--color-four);color:var(--color-one);display:flex;align-items:center}#for-cred .is-content{font-size:.925rem;padding:1.5rem}#for-cred a,#for-cred strong{font-weight:700;font-family:var(--font-one)}#credits-social>ul{display:flex;justify-content:space-around}#credits-social>ul>li{margin:0}#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-three);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-one);font-weight:700;text-transform:uppercase;letter-spacing:2px}.modal-content{max-height:initial;width:100%;padding:1.5rem;background:var(--color-one);margin:0}.modal-buttons{display:flex;justify-content:flex-end;margin:1.5rem -.5rem -.5rem -.5rem}.notification-element{display:flex;padding:1.5rem;background:var(--color-four);color:var(--color-one);position:relative}.notification-controls{margin:0 0 0 1rem}.notification-content>h3{font-weight:700;font-size:1.25rem;text-transform:uppercase;letter-spacing:1px}.notification-icon{background:var(--color-contrast);color:var(--color-one);position:absolute;width:96px;height:96px;font-size:2rem;display:flex;justify-content:center;align-items:center;left:-96px;top:0}#frmAgreement .post-content{padding:0;background:0 0;color:var(--color-four)}#bloque-login .field-name{max-width:250px}