KUROKI IS LOVE
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
Conectarse

Recuperar mi contraseña

Últimos temas
» Cute Particles -Expediente-
09/08/18 SF Icon_minitimeSáb Mar 28, 2020 11:17 pm por Kuroki

» Morderish - Widget-
09/08/18 SF Icon_minitimeSáb Nov 09, 2019 2:42 pm por Kuroki

» Hey Mamma! -Widgets-
09/08/18 SF Icon_minitimeSáb Nov 09, 2019 2:37 pm por Kuroki

» Deku -Expediente
09/08/18 SF Icon_minitimeJue Ago 16, 2018 12:55 am por Kuroki

» Keep it simple -Expediente-
09/08/18 SF Icon_minitimeJue Ago 16, 2018 12:54 am por Kuroki

» 09/08/18 SF
09/08/18 SF Icon_minitimeJue Ago 09, 2018 3:58 pm por Kuroki

» Keep it simple -Widgets-
09/08/18 SF Icon_minitimeJue Ago 09, 2018 3:50 pm por Kuroki

» Dream catcher -Usos multiples-
09/08/18 SF Icon_minitimeJue Ago 09, 2018 3:39 pm por Kuroki

» Bite -Otros-
09/08/18 SF Icon_minitimeJue Ago 09, 2018 3:38 pm por Kuroki

STAFF
Web Master
Nombre
MP | Perfil
Administradores
Nombre
MP | Perfil
Nombre
MP | Perfil
Nombre
MP | Perfil
Moderadores
Nombre
MP | Perfil
Nombre
MP | Perfil
Moderadores CB & Discord
Nombre
MP | Perfil
Nombre
MP | Perfil
CRÉDITOS
Skin “Shine!” creado por Runa XIII e inspirado en la colección de tablillas de NympheaKeep it simple”. Un agradecimiento especial para Nymphea por su consentimiento. Paleta de color “198 Celebration!” por alfarroba en ColorLovers. Un agradecimiento especial a la Asistencia de Foroactivo y los tutoriales de Savage Themes y The Captain Knows Best.


09/08/18 SF

Ir abajo

09/08/18 SF Empty 09/08/18 SF

Mensaje por Kuroki Jue Ago 09, 2018 3:58 pm

Código:
/* F O N T S */

/* cyrillic */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v15/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v15/RdfS2KomDWXvet4_dZQehvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v15/9NqNYV_LP7zlAF8jHr7f1vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v15/cycBf3mfbGkh66G5NhszPQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/5Y467EoGZbE5BzggGetAwQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/LAFSGPU6Bx-TSztAF7FdEQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/io9F9gU4ge4ZN-Hc4kLfng.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/t-2k4mNB0yy7LDEmWjwwYg.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/AIs2bFG0f5haCB4zGlb94Q.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/lmw32999PDyxCoYcizlzBQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/Ci-dtQHlN1CvDBxe0dEL8g.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/4tj7mrrPq8QmoWyD90P1bw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* S K I N -------------------------------------------------------------------*/

#wrap {
  width: 1055px;
}

#phpbb {
  margin-left: 260px;
  border-left: solid 20px #1a1618;
}

/*elimina el titulo del foro y el subtitulo*/
#site-title, #site-title h1 {
font-size: 0px;
padding-top: 0px;
}

#logo img {
position: relative;
  margin: 0px;
  padding: 0px;
  top: -30px;
  right: -15px;
  left: -15px;
}
::-webkit-scrollbar-thumb {
  background-color: #964072;
  border: 2px solid #DEE1CA;
  height: auto;
  width: 5px;
  border-radius: 5px;
}
 
::-webkit-scrollbar {
  background-color: #964072;
  border: 4px solid #DEE1CA;
  height: 10px;
  width: 10px;
}

/*elimina el buscar*/
#search-box {
display: none;
}

input.search {
  background: #BDBDBD;
}

.h3 {
  font-family:'Lobster';
  font-size: 18px;
  text-transform: none;
}

/*Eliminar la señal de la fecha y última visita en el índice*/
p.right.rightside + p {
    display:none;   
}
p.rightside {
  display: none;
}
p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
    display: block;
}

/* BARRA DE NAVEGACIÓN */

#page-header .navbar {
  margin-top: -50px;
  margin-left: -15px;
  width: 1050px;
  display: block;
  position: absolute;
}

ul.navlinks {
  padding: 5px 0px;
  background: #151515;
  font-family: 'Calibri';
  font-size: 10px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
  word-spacing: 1px;
}
 
ul.navlinks a {
color: #D2D2D2;
text-transform: uppercase;
font-weight: lighter;
}
 
ul.navlinks a:hover {
  text-decoration: none;
  color: #F25062;
}


/*.navegación de perfil*/
div#tabs{
  background: #fff;
  width: 100%;
  text-align: center;
  font-family: 'Tinos';
  font-weight: bold;
  font-size: 10px;
  color: #020305;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 2px;
}

div#tabs:hover {
  text-decoration: none;
  color: #F25062;
}

/* CATEGORÍAS */
 
/*Caja contenedora del título de categoría*/
.forabg .header {
  background: #fff;
  width: 1010px;
  line-height: 90px;
  text-align: center;
  text-transform: none;
  outline: 5px dotted #a34573;
  outline-offset: -5px;
}

.forabg .header h2 {
  font-family: 'Lobster';
  font-size: 35px;
  text-transform: none;
  line-height: 80px;
  -webkit-text-fill-color: #c4597f;
  -webkit-text-stroke-color: #a34573;
  -webkit-text-stroke-width: 1px;
  text-shadow: 3px 3px 0px #7b1f40;
}

/*centra el titulo de la categoria*/
.forabg li.header dd.dterm {
text-align: center;
width: 100%;
}

/*desaparecen de la cabezera*/

.forabg li.header dd.lastpost {
  display:none;
}

.forabg li.header dd.posts {
  display:none;
}

.forabg li.header dd.topics {
  display:none;
}

/* FOROS */

/*titulo de los subforos*/
a.forumtitle {
  width: 330px;
  height: 40px;
  background: #151515;
  font-family: 'Tinos';
  font-size: 25px;
  color: #bd2222;  /*COLOR DE LOS TITULOS DE LOS FOROS*/
  text-align: center;
  display: block;
  padding-top: 10px;
  border-radius: 20px 20px 0px 0px;
  margin-top: -9px;
  margin-left: -51px;
}

.forabg .forumtitle:hover{
  text-decoration: none;
  color: #D2D2D2;
}

/*cantidad de temas*/
.forabg dd.topics {
  width: 165px;
  height: 6px;
  background: #f3cdc4;
  font-family: Calibri;
  font-size: 11px;
  text-transform: uppercase;
  color: #020305;
  text-align: center;
  display: inline-block;
  letter-spacing: 2px;
  line-height: 12px;
  margin-left: -209px;
  margin-top: 278px;
  position: absolute;
  padding-bottom: 8px;
}
 
.forabg li.row dd.topics:after {content: "temas"; }

/*cantidad de post*/
.forabg dd.posts {
  width: 165px;
  height: 6px;
  background: #dbcadc;
  font-family: Calibri;
  font-size: 11px;
  text-transform: uppercase;
  color: #020305;
  text-align: center;
  display: inline-block;
  letter-spacing: 2px;
  line-height: 12px;
  margin-left: -45px;
  margin-top: 278px;
  position: absolute;
  padding-bottom: 8px;
}
 
.forabg li.row dd.posts:after {content: "post";}

/*ultimo mensaje*/
.forabg dd.lastpost {
  width: 260px;
  height: 20px;
  overflow: hidden;
  padding: 0px 20px;
  background: #fff;
  line-height: 20px;
  text-transform: uppercase;
  font-family: Calibri;
  font-size: 10px;
  color: #020305;
  text-align: center;
  position: absolute;
  margin-top: 300px;
  margin-left: 15px;
}
 
li dd.lastpost span a {margin-left: 10px;}
.forabg dd.lastpost a {color: #7B5F54; margin-right: 5px;}
.lastpost br {display:none;}
.last-post-icon{ display: inline-block; margin-left: -10px}

/* DESCRIPCIONES */

/*.cuadrado principal de la descripción*/
ul.topiclist.forums li.row {
  width: 330px;
  height: 330px;
  background: white;
  border-radius: 20px;
  margin: 10px;
  margin-left: -0px;
  margin-bottom: 0px;
  display: inline-block;
  overflow: hidden;
}

#desc{
  width: 330px;
  height: 230px;
  margin-top: -12px;
  margin-left: -50px;
  overflow: hidden;
}

#txt1 {
  width:295px;
  height: 80px;
  padding: 5px;
  overflow-y: auto;
  background: #D2D2D2;
  font-family: Calibri;
  font-size: 10pt;
  text-align: justify;
  line-height: 11pt;
  color: #020305;
  margin-top: 10px;
  margin-left: 12px;
  border: 1px solid #fff;
  outline: 5px solid #D2D2D2;
}

#txt2 {
  width: 150px;
  height: 190px;
  padding: 5px;
  background: #D2D2D2;
  border: 1px solid #fff;
  outline: 5px solid #D2D2D2;
  font-family: Calibri;
  font-size: 10pt;
  text-align: justify;
  line-height: 10pt;
  color: #020305;
  margin-top: 5px;
  margin-left: 2px;
  overflow-y: auto;
}

#txt3 {
  width: 228px;
  height: 128px;
  padding: 30px;
  background: #D2D2D2;
  border: 1px solid #fff;
  outline: 5px solid #D2D2D2;
  overflow: hidden;
  text-align: center;
  font-family: Calibri;
  font-size: 12pt;
  line-height: 13pt;
  color: #020305;
  margin-top: 5px;
  margin-left: 5px;
}

#txt4 {
  width: 280px;
  height: 180px;
  padding: 5px;
  background: #D2D2D2;
  border: 1px solid #fff;
  outline: 5px solid #D2D2D2;
  overflow-y: auto;
  font-family: Calibri;
  font-size: 12px;
  line-height: 13px;
  color: #020305;
  margin-top: 18px;
  margin-left: 18px;
}

#linksy a{
  width:155px;
  height: 20px;
  background: #5188c1;
  text-align: center;
  font-family: Calibri;
  font-size; 11px;
  color: #fff;
  line-height: 20px;
  text-transform: uppercase;
  margin: 2px;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
}

#linksy2 a{
  width:140px;
  height: 20px;
  background: #D9837D;
  text-align: center;
  font-family: Calibri;
  font-size; 11px;
  color: #fff;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 5px;
  cursor: pointer;
  overflow: hidden;
  display: block;
}

#linksy a:hover, #linksy2 a:hover{
  background: #151515;
}

#specbox {
  width: 300px;
  height: 200px;
  position: relative;
  overflow: hidden;
  margin-top: 13px;
  margin-left: 13px;
}

#specbox .imgspec {
  width: 300px;
  height: 200px;
  overflow: hidden;
  position: absolute;
  opacity: 1;
  transition: all 0.3s linear;
}

#specbox .imgspec:hover {
  opacity: 0;
  transition: all 0.3s linear;
}

/*TEMAS*/

.post {
  width: 900px;
  margin-left: 30px;
  margin-top: 30px;
}
.buttons{
  margin-left: 30px;
  margin-bottom: 10px;
}

.postbody {
  background: #000000; /*Color del espacio en las firmas*/
  margin-top: 5px;
}

.content {
  padding: 30px;
  background: #000000; /*Color de los cuadros de post*/
}

.forumbg {
  width: 970px;
  display:block;
  margin-left: 30px;
}

.forumbg .header  {
  background: #020305;
  color: #fff;
}

.forumbg .row {
  background: #fff;
  margin-bottom: 5px;
}

/* Imagen de fondo en redacción*/


                            .sceditor-container iframe, .sceditor-container textarea {
        background:url()!important;}


/* Fin imagen de fondo en redacción*/

/*.título de temas*/

.page-title a {
  width: 900px;
  text-align: center;
  font-family: 'Lobster';
  font-size: 40px;
  line-height: 50px;
  -webkit-text-fill-color: #B4CFBB;
  -webkit-text-stroke-color: #fff;
  -webkit-text-stroke-width: 1px;
  text-decoration: none;
  text-shadow: 3px 3px 0px #EC225E;
  display: block;
  margin-left: 35px;
  padding-bottom: 10px;
  border-left: solid 30px #fff;
  border-right: solid 30px #fff;
  border-top: dotted 4px #fff;
  border-bottom: dotted 4px #fff;
}

/*.título de tema en cada post*/
.postbody .topic-title a {
  background: #fff;
  display: block;
  width: 100%;
  text-align: center;
  font-family: 'Tinos';
  font-size: 25px;
  padding: 20px 0px;
}

/*.autor de post*/
p.author{
  background: #fff;
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  margin: 0px;
  border-top: solid 1px #D2D2D2;
}

/*.títulos del perfil*/
h1.page-title{
  text-align: center;
  font-family: 'Lobster';
  font-size: 35px;
  line-height: 80px;
  -webkit-text-fill-color: #B4CFBB;
  -webkit-text-stroke-color: #fff;
  -webkit-text-stroke-width: 1px;
  text-decoration: none;
  text-shadow: 3px 3px 0px #EC225E;
  display: block;
}


/*.cajita de botones de editar,citar,etc*/
.postbody ul.profile-icons {
  margin-top: -40px;
  margin-right: -15px;
}

.pathname-box {
  background: #fff;
  width: 950px;
  margin-left: 30px;
  word-spacing: 2px;
  padding: 10px;
}

/*.navegación por temas de foro*/
p.normagin.path{
  display: block;
  background: #fff;
  width: 950px;
  margin-left: 30px;
  word-spacing: 2px;
  padding: 10px;
}

p.path {
  display: block;
  position: relative;
  background: #fff;
  width: 950px;
  margin-left: 35px;
  word-spacing: 2px;
  padding: 10px;
}

/* WIDGETS */

#content-container div#left {
  position:absolute;
  top: 0px;
  left: 0px;
}

/* .desaparece el título de los módulos */
.module .h3 {
  display: none;
}

/* .título de los módulos */
#modutite {
  width: 230px;
  height: 60px;
  background: #000;
  text-align: center;
  font-family: 'Tinos';
  font-size: 25px;
  color: #D2D2D2;
  border-radius: 20px 20px 0px 0px;
  line-height: 60px;
  font-weight: bold;
  margin-top: 8px;
}

/* .textos en los módulos */
#modutexty{
  width: 200px;
  padding: 15px;
  background: #fff;
  border-radius: 0px 0px 20px 20px;
  text-align: justify;
  font-family: Calibri;
  font-size: 12px;
  color: #020305;
  line-height: 13px;
}

/*CITAR, SPOILER Y CODE*/

blockquote {
  background: #D2D2D2;
  font-family: Calibri;
  font-size: 14px;
  line-height: 15px;
  padding: 15px;
  border: solid 1px #fff;
  box-shadow: 0px 5px 5px gray;
  margin:15px;
}

blockquote cite{
  font-family: lobster;
  font-size: 14px;
  letter-spacing: 1px;
  word-spacing: 1px;
}

dl.codebox dt{
  font-family: 'Lobster';
  text-transform: none;
  font-size: 18px;
  line-height: 20px;
  border-bottom: solid 1px #B4CFBB;
}

.spoiler_content{
  padding: 15px;
  font-family: Calibri;
  font-size: 14px;
  line-height: 15px;
}

dl.codebox code{
  padding: 15px;
  color: #D9837D;
  font-weight: bold;
}

/* E S T A D Í S T I C A S ----------------------------------------------------- */
#stat {
  background: transparent;
  width: 970px;
  margin: 1px;
  padding: 5px;
  display: block;
  overflow: hidden;
  margin-left: 20px;
}

#statbar{
  background: #020305;
  text-align: center;
  font-family: 'Tinos';
  font-size: 25px;
  font-weight: bold;
  color: #D2D2D2;
  line-height: 60px;
  display: block;
}

#statgr {
  background: #fff;
  padding: 10px;
  overflow: hidden;
}

#stat-esp {
  display: block;
  text-align: center;
  font-family: Calibri;
  font-size: 8px;
  color: #020305;
  letter-spacing: 1px;
  padding: 5px;
  text-transform: uppercase;
}

#statbox1 {
  width: 360px;
  height: 135px;
  background: #fff;
  padding: 10px;
  overflow: hidden;
  margin-bottom: 5px;
}

#statbox2 {
  width: 160px;
  height: 50px;
  padding: 10px;
  background: #fff;
  border-radius: 0px 0px 20px 20px;
  margin-left: 10px;
  margin-bottom: 5px;
  overflow: hidden;
}

#stat-tit1 {
  background: #000;
  height: 20px;
  text-align: center;
  font-family: Calibri;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  line-height: 20px;
  font-weight: lighter;
}

#stat-tit2 {
  width: 180px;
  height: 30px;
  background: #000;
  text-align: center;
  font-family: 'Tinos';
  font-size: 15px;
  font-weight: bold;
  color: #D2D2D2;
  line-height: 30px;
  border-radius:20px 20px 0px 0px;
  margin-left: 10px;
}

#statcont1 {
  width: 360px;
  height: 95px;
  display: block;
  overflow-y: auto;
  text-align: justify;
  font-family: Calibri;
  font-size: 10px;
  text-transform: uppercase;
  color: #020305;
}

#statcont1 a {
  font-family: 'Lobster';
  text-transform: none;
  font-size: 15px;
}

#statcont2 {
  padding: 10px;
  border: solid 1px #D2D2D2;
  text-align: center;
  font-family: 'Lobster';
  font-size: 15px;
  line-height: 100%;
  display: block;
  overflow: hidden;
  margin-top: 5px;
}

#statimg {
  width: 230px;
  height: 315px;
  background: url('http://i.imgur.com/bsRxssO.png');
}
/*.GRUPOS*/
#gr1, #gr2, #gr3, #gr4, #gr5, #gr6, #gr7, #gr8, #gr9, #gr10, #gr11, #gr12, #gr13 {
  width: 130px;
  height: 15px;
  text-align: center;
  font-family: Calibri;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  line-height: 15px;
  margin-bottom: 4px;
  overflow: hidden;
}

#gr1 {background: #840AAD;border: solid 2px #840AAD;}
#gr2 {background: #DB6B2E;border: solid 2px #DB6B2E;}
#gr3 {background: #E32938;border: solid 2px #E32938;}
#gr4 {background: #2EB6C2;border: solid 2px #2EB6C2;}
#gr5 {background: #FF8587;border: solid 2px #FF8587;}
#gr6 {background: #70964A;border: solid 2px #70964A;}
#gr7 {background: #A33971;border: solid 2px #A33971;}
#gr8 {background: #8D6ADE;border: solid 2px #8D6ADE;}
#gr9 {background: #7ACF93;border: solid 2px #7ACF93;}
#gr10 {background: #ABCAFF;border: solid 2px #ABCAFF;}
#gr11 {background: #BCC218;border: solid 2px #BCC218;}
#gr12 {background: #858585;border: solid 2px #858585;}
#gr13 {background: #000000;border: solid 2px #000000;}
/*C A J A  D E  P E R F I L -------------------------------------------------------*/

/*.caja de perfil*/
#avmainbox{
  background: #fff;
  width:230px;
  padding:10px;
  overflow: hidden;
  display:block;
  position: relative;
}

/*.nombre de usuario*/
#avname{
  width: 230px;
  height: 60px;
  background: #151515;
  font-family: 'Tinos';
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  line-height: 60px;
  display: block;
  border-radius: 20px 20px 0px 0px;
}

/*.espacio de avatar*/
#avimgbox {
  width:230px;
  height: 400px;
  background: #F0F1E6;
  overflow: hidden;
  border-radius: 0px 0px 20px 20px;
  position: relative;
}

/*.avatar*/
#avimgbox .avimg{
  width:230px;
  height:400px;
  border-radius: 0px 0px 20px 20px;
  position: absolute;
  overflow: hidden;
  top: 0px;
  width: 230px;
  height: 400px;
  transition: all 0.5s ease-in-out;
}

#avimgbox .avimg:hover {
  top: -400px;
  transition: all 0.5s ease-in-out;
}

/*.contenido detrás de el avatar*/
#avcont {
  width: 210px;
  height:400px;
  margin-left: 10px;
  margin-top: 10px;
  overflow: hidden;
}

#avinfo {
  background: #fff;
  width:200px;
  text-align: center;
  font-family: Calibri;
  font-size: 10px;
  color: #020305;
  line-height: 11px;
  text-transform: uppercase;
  padding: 5px;
  margin-bottom: 4px;
}

#avsep {display: none;}

#avrank {
  width: 230px;
  height: 50px;
  border-radius: 15px;
  border: solid 1px #D2D2D2;
  box-shadow: 0px 2px 5px gray;
  margin-top: 10px;
  margin-bottom: 10px;
}

#avcall{margin-bottom: 5px;}
#avcall:hover {box-shadow:0px 3px 3px gray;}

#avhello{margin:0px;}

/*CHATBOX*/
.chatbox {
  background: #E6E6E6;
}

#chatbox_header {
  background: #020305;
}

a.chat-title {
  font-family: 'Lobster';
  color: white;
  font-size: 18px;
}

div#chatbox_bottom{
 width: 970px;
  margin-left: -15px;
  margin-top: -30px;
  margin-bottom: -30px;
}

/*A F I L I A D O S --------------------------------------------*/

#afitite {
  width: 230px;
  height: 20px;
  background: #151515;
  text-align: center;
  font-family: 'Tinos';
  font-size: 15px;
  color: #fff;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}

#afibro {
  width: 50px;
  height: 90px;
  border-radius: 5px;
  border: solid 4px #fff;
  display: inline-block;
  margin-left: 1px;
  margin-bottom: 5px;
  cursor: pointer;
}
#afibro:hover {
  border: solid 4px #F25062;
}

#afieli {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  border: solid 4px #fff;
  display: inline-block;
  margin-left: 1px;
  margin-bottom: 5px;
  cursor: pointer;
}

#afieli:hover {
  border: solid 4px #B4CFBB;
}

#afinorm {
  width: 230px;
  height: 20px;
  background: #151515;
  text-align: center;
  font-family: 'Tinos';
  font-size: 15px;
  color: #fff;
  transition: all 0.5s linear;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}

#afinorm:hover {
  box-shadow: 2px 3px 5px gray;
  margin-left: -5px;
  border-radius: 5px;
  transition: all 0.5s linear;
}

/*ANUNCIOS+++++++++++++*/
#anndate{
  width: 150px;
  height: 30px;
  background: #020305;
  text-align: center;
  font-family: 'Tinos';
  font-size: 8pt;
  color: #fff;
  line-height: 30px;
}

#annkont{
  width: 140px;
  height: 110px;
  background: #fff;
  border: solid 5px #fff;
  text-align; justify;
  font-family: Calibri;
  font-size: 8pt;
  color: #020305;
  overflow-y: auto;
}

/*------------------------ Tablon by Yuu-----------------------------*/

/* Tablon by Yuu*/
 
/**Tablón**/
  /*-------------INICIO TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
    /*-------------COLORES! HERMOSOS COLORES!-------------*/
    /*letra de negritas,cosas tachadas, subtitulos y título principal, links y botones (verde sersi, bah)*/
    #blackestnight b,#blackestnight s,#blackestnight #h1, #blackestnight #h2, #blackestnight a, #bnbot {
        color: #c42b2b !important;}
    /*letra general de la derecha, awards, créditos, staff*/
    .bnc3, #bnder, #bnaward span,.bnstaff span {color: #888;}
    /*letra principal*/
    #bnizq {color: #999;}
    /*fondo del cuerpo, textos descriptivos de staff y awards, fondo de texto de los botones*/
    #blackestnight, #bnaward span, .bnstaff span,#bnbot  {background: #333;}
    /*fondo de la caja de la derecha, cajas de awards, créditos, nombres del staff y de awards, links de staff y awards*/
    #bnder,.bnc3,.bnc2, #bnaward b,#bnaward a,.bnstaff b, .bnstaff a {background: #222;}
    /*fondo de las cajas principales de contenido*/
    #bnizq {background: #171717;}
    /*color de barra de navegación*/
    #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {background:#598F51;}

    /*-------------IMAGENES SERSIS-------------*/
    /*primer boton*/
    .bn1 {background: url('http://i43.tinypic.com/smt7rt.jpg');}
    /*segundo boton*/
    .bn2 {background: url('http://i39.tinypic.com/o0cumd.jpg');}
    /*tercer boton*/
    .bn3 {background: url('http://i39.tinypic.com/33otlrn.jpg');}
    /*primer miembro de staff*/
    .bns1 {background: url('http://i41.tinypic.com/286xz43.jpg');}
    /*segundo miembro del staff*/
    .bns2 {background: url('http://i43.tinypic.com/zivng5.jpg');}
    /*tercer miembro del staff*/
    .bns3 {background: url('http://i42.tinypic.com/11iznro.jpg');}
    /*cuarto miembro del staff*/
    .bns4 {background: url('http://i.imgur.com/nX9TLl4.png');}
    /*quinto miembro del staff*/
    .bns5 {background: url('http://i.imgur.com/0EUDXws.png');}
    /*sexto miembro del staff*/
    .bns6 {background: url('http://i.imgur.com/vQsqQNM.png');}
    /*septimo miembro del staff*/
    .bns7 {background: url('http://i.imgur.com/WCWNn1m.png');}
    /*octavo miembro del staff*/
    .bns8 {background: url('http://i.imgur.com/WCWNn1m.png');}


    /*-------------CODES, CODES DEL TABLON, SERSIS CODES DEL TABLON (?)-------------*/
    /*cajas*/
    #blackestnight {position: relative;text-align: justify;margin: auto; width: 75%;border-radius: 10px; padding: 10px 15px 10px 50px;font: 12px ubuntu condensed;line-height:13px;right: -4%;}
    #bnder {border-radius: 10px; padding:5px 10px;font-size:11px; max-height: 125px; overflow: auto;line-height:12px;}
    #bnd {width: 170px;float:right;position: relative;}
    #bnizq {height: 105px; overflow: auto;margin-right: 175px; border-radius: 10px; padding:5px 10px;}
    .bncaja {overflow: hidden;}
    .bnc2 {text-align: center;border-radius: 10px; padding: 10px;}
    .bnc3 {border-radius: 10px; padding: 10px;height:215px;overflow-y: auto;overflow-x: hidden;}
    .bnescondida {width: 0px;padding: 0px;height: 0px;}
    /*Awards*/
    #bnaward {display: inline-block;height: 150px;padding: 4px 0px; width: 18%; margin: 0 0.5%;border-radius: 10px;background-position: center !important;background-size: 150% !important;}
    #bnaward b,#bnaward span,#bnaward a {opacity: 0;}
    #bnaward:hover b,#bnaward:hover span,#bnaward:hover a {opacity: 0.9;}
    #bnaward b {display: block; text-align: center;border-radius: 5px; margin: 50px 5px 3px 5px;}
    #bnaward span {padding: 2px;display: block; border-radius: 5px; text-align: center;margin:0px 5px 2px 5px;height: 10px; overflow: auto;}
    #bnaward a {text-decoration: none; text-transform: uppercase; letter-spacing: 1px;display: block; text-align: center;border-radius: 5px;margin:2px 5px;}
    #bnaward a:hover {background: #333;}
    /*Subtitulos*/
    #blackestnight #h1 {margin:0px -5px 2px -5px;padding: 0px 0px 2px 10px; border-bottom: 1px dotted;font-size: 15px; text-transform: uppercase;letter-spacing:2px;}
    #blackestnight #h2 {font-size: 15px; text-transform: uppercase;letter-spacing:1px;width: 250px; text-align: center; -webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);position: absolute; top: 120px; right: -125px;}
    #blackestnight #h3 {font-size: 9px; text-transform: uppercase;text-align: center; color: #888;position: absolute; top: 225px;width: 170px;}
    /*Staff*/
    .bnstaff {overflow: hidden;width: 55px; height: 80px; background-size: 100%;background-position: center;border-radius: 5px;margin-left: 5px;display: inline-block;position: absolute;top:140px;}
    .bns4 {left: 80px;} .bns2 {left: 55px;} .bns3 {left: 115px;}
    .bns1 {margin: 0px;}
    .bns5 {top: 183px;margin: 0px;} .bns6 {top: 183px;left: 38px;} .bns7 {top: 183px;left: 82px;} .bns8 {top: 183px;left: 125px;}
    .bnstaff b, .bnstaff span, .bnstaff a {opacity: 0;}
    .bnstaff:hover b, .bnstaff:hover span, .bnstaff:hover a {opacity: 0.8;}
    .bnstaff:hover {left:0px;top: 140px;z-index: 999; width: 150px; height: 63px;padding:10px; background-size: 100%;margin: 0px;}
    .bnstaff b {display: block; text-align: center;border-radius: 5px; margin-bottom: 2px;}
    .bnstaff span {display: block;border-radius: 5px; text-align: center;margin-bottom: 2px;}
    .bnstaff a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: inline-block; text-align: center;border-radius: 5px;width: 48%; margin: 0px 1%; }
    .bnstaff a:hover {background: #333;}
    /*botones*/
    .bnboton {filter: gray;-webkit-filter: grayscale(100%);width: 65px; height: 65px; border: 5px solid #222;background-size: 200%; position: absolute; left: -30px;border-radius:10px;cursor: pointer;}
    .bnboton:hover {width: 130px;left:-95px;background-size: 100%;filter: none;-webkit-filter: grayscale(0%);}
    #bnbot {margin: 20px auto; opacity: 0; width: 65px; text-transform: uppercase;letter-spacing: 2px; font-size: 10px;border-radius: 5px;text-align: center;padding: 5px 0px; }
    .bnboton:hover #bnbot {opacity: 0.9;}
    .bn2 {top: 90px;}
    .bn3 {top: 170px;}
    .bnselec {filter: none;-webkit-filter: grayscale(0%);}

    /*generales*/
    #blackestnight * {-webkit-backface-visibility: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

    #blackestnight ::-webkit-scrollbar { width: 8px; height: 8px; } #blackestnight ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {display: none;} #blackestnight ::-webkit-scrollbar-track-piece {background: transparent;} #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {border-radius: 10px;}

    @font-face {
      font-family: 'Ubuntu Condensed';
      font-style: normal;
      font-weight: 400;
      src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
    }
    /*-------------FIN TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
 
 
/* fin tablon */

.box-msj {atributos} /*edita la parte que dice la cantidad de respuestas del tema*/
.box-views {atributos} /*edita la parte de cantidad de vistos del tema*/
.box-lst {atributos} /*edita la parte del último mensaje*/

/*------------------------ Chatbox ----------------------------*/

#chatbox_ret_cont{
 z-index: 999;
 background-color: transparent;
 position: fixed;
 bottom: 0;
}
#chatbox_ret_cont.chatbox_derecha{
 right: 0;
}
#chatbox_ret_cont.chatbox_izquierda{
 left: 0;
}
#chatbox_ret_cont div{
 cursor: pointer;
}
#chatbox_ret_cont iframe#chatbox_ret{
 background-color: white;
 border: 2px solid grey;
 display: none;
 height: 450px;
 margin-bottom: 0;
 width: 900px;
}

/*------------------------ Fin Chatbox-----------------------------*/

ul.navlinks {
position: fixed;
top: 0;
width: 100%;
}
Kuroki
Kuroki
Admin

Mensajes : 162
Fecha de inscripción : 03/10/2014

https://kuroki-is-love.foroactivo.mx

Volver arriba Ir abajo

Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.