MediaWiki:Common.css

De HabboWiki
Ir a la navegación Ir a la búsqueda

Nota: tras guardar, quizás necesites actualizar la caché de tu navegador para ver los cambios.

  • Firefox/Safari: Mantén presionada la tecla Mayús mientras pulsas el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
  • Google Chrome: presiona Ctrl+Shift+R (⌘+Mayús+R en Mac)
  • Internet Explorer/Edge: mantén presionada Ctrl mientras pulsas Actualizar, o presiona Ctrl+F5
  • Opera: Presiona Ctrl+F5.
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */

* {font-family: Arial}

.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 300px;

}
.infobox-title {
    font-size: 2em;
    text-align: center;
    font-family: Ubuntu;
}
.infobox-image {
    text-align: center;
    padding: 8px 0px;
    background: url(/images/9/9c/Background_box2.png);
}
.infobox-header {
    text-align: center;

}
.infobox-placa {
    text-align: center;
}
.infobox th {
    text-align: left;
    vertical-align: top;
}
.infobox td {
    vertical-align: top;
}

.wpb-topbanner-toc{
    font-family: Ubuntu;
}


.inforare {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 300px;
}
.inforare-title {
    font-size: 2em;
    text-align: center;
    font-family: Ubuntu;
}
.inforare-image {
    text-align: center;
    padding: 5px 0px;
    background: url(https://files.habboemotion.com/resources/images/website_backgrounds/newbg.png);
}
.infobox-header-rare {
    text-align: center;
}
.inforare-placa {
    text-align: center;
}
.inforare th {
    text-align: left;
    vertical-align: top;
}
.inforare td {
    vertical-align: top;
}

.wpb-topbanner-toc{
    font-family: Ubuntu;
}


#ca-talk { display: none !important; }





/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */

* {font-family: Arial}

.menu {
    background: #eee;
    float: left;
    border: 1px solid #aaa;
    margin: 0 0 0em 0em;
    padding: 0em;
    width: 50%;
}
.menu-title {
    font-size: 2em;
    text-align: center;
    font-family: Ubuntu;
}
.menu-image {
    text-align: center;
}
.menu-placa {
    text-align: right;
}
.menu th {
    text-align: left;
    vertical-align: top;
}
.menu td {
    vertical-align: top;
}

.wpb-topbanner-toc {
    font-family: Ubuntu;
}

.image img {
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}

.fullImageLink a img {
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}

.filehistory tbody tr td a img {
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}

.thumbinner canvas {
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}

#ca-talk { display: none !important; }




* {font-family: Arial}

.menu3 {
    background: #eee;
    border: 1px solid #aaa;
    margin: 0 0 1em 1em;
    padding: 1em;
    column-count: 3;
    column-gap: 40px;

}
}
.menu3-title {
    font-size: 2em;
    text-align: center;
    font-family: Ubuntu;
}
.menu3-image {
    text-align: center;
}
.menu3-placa {
    text-align: right;
}
.menu3 th {
    text-align: center;
    vertical-align: top;
}
.menu3 td {
    vertical-align: top;
}

.wpb-topbanner-toc{
    font-family: Ubuntu;
}


#ca-talk { display: none !important; }




.column {
    float: left;
    width: 30%;
}

/* Clear floats after the columns */
.container:after {
    content: "";
    display: table;
    clear: both;
}



/* Simple stafflist template by Kriegberg */

/* Individual member boxes */
.stafflist-member {
    /* Specify the stafflist member box properties */
    width: 280px;
    height: 80px;
    background-color: #E0E0E0;
    margin: 5px;
    vertical-align: middle;
    /* Make the character image show up in the correct way */
    background-repeat: no-repeat;
    background-position: 30px 5px;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    /* Display as float left to prevent line breaks between div elements and to keep things tidy */
    float: left;
}
/* Individual member name */
.stafflist-member-name {
    margin-top: 28px !important;
    margin-right: 20px !important;
    font-size: 18px;
    font-weight: bold;
    line-height: 0.5;
    text-align: right;
}
/* Individual member description */
.stafflist-member-description {
    margin-right: 20px !important;
    font-size: 16px;
    line-height: 0.5;
    text-align: right;
}




/* Staff Card */

/*Correct text position written after </html>*/
.HitBox-Height
{
    display: table;
}

/* Card Appearance */
.Staff-Habbo
{
    width: 200px;
    height: 346px;
    line-height: 1.15;
    border: 1px solid #bb9513;
    background-color: #f7d547;
    margin-right: 8px;
    margin-bottom: 15px;
    float: left;
    text-decoration: none;
    color: black;
}

.Staff-Habbo:active
{
    color: black;
    text-decoration: none;
}

.Staff-Habbo:visited
{
    color: black;
    text-decoration: none;
}

.Staff-Habbo:link
{
    text-decoration: none;
}


/* Staff Title */
.Staff-Habbo t
{
    display: block;
    background-color: #f9d141;
}

.Staff-Habbo t p
{
    margin: 0;
    text-align: center;
    font-size: 20px;
}

.Staff-Habbo t p img
{
    vertical-align: unset;
    margin-left: -3px;
    margin-right: 3px;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}


/* Staff Appearance */
.Staff-Habbo picture
{
    display: block;
    height: 133px;
    background-color: #f9db4a;
    text-align: center;
}

.Staff-Habbo picture img
{
    vertical-align: unset;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}


/* Descriptive Text */
.Staff-Habbo txt p
{
    margin: 8px 30px 8px 8px;
}





/*Popular & Selection styles*/

/*Important Classes*/
/*General Style*/
.category
{
	width: 250px;
	line-height: 1.15;
	font-weight: bolder;
	margin-right: 40px;
}

/*Group Title Style*/
.category-top
{
	border: 1px solid;
	border-bottom: 0;
	text-align: center;
	padding: 3px;
}

/*Eliminate Extra Margin & Add Custom Font Size*/
.category-top p
{
	margin: 0;
	font-size: 23px;
}

/*Group Container Pages Style*/
.category-bottom
{
	overflow-y: scroll;
	height: 250px;
	padding-top: 3px;
	padding-bottom: 13px;
	border: 1px solid;
	font-size: 30px;
	scrollbar-width: thin;
}

/*Width & Color of the Scrollbar Background (Chromium & Safari)*/
.category-bottom::-webkit-scrollbar
{
	width: 8px;
	background-color: #f0f0f0;
}

/*Color of the Scrollbar (Chromium & Safari)*/
.category-bottom::-webkit-scrollbar-thumb
{
	background-color: #cdcdcd;
}

/*Delete Link Modifications*/
.category-bottom a, .category-bottom a:hover, .category-bottom a:focus, .category-bottom a:active, .category-bottom a:visited
{
	text-decoration: none;
	color: black;
}

/*Group Pages Style and Font Effect*/
.category-bottom a div
{
	display: flex;
	width: 90%;
	height: 60px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid;
	border-radius: 3px;
	text-shadow: 0 0 1em black, 0 0 0.2em black, 0 0 0.3em black, 0 0 0.4em black, 0 0 0.5em black;
}

/*Font Color for Pages Titles*/
.category-bottom a div p
{
	margin: auto;
	text-align: center;
	color: white;
}


/*Selección HabboWiki Classes*/
/*Image, image position of the Title Selección HabboWiki & Text Adaptation for the image*/
.HabboWiki
{
	background-image: url("/images/5/5e/Estrella.png");
	background-repeat: no-repeat;
	background-position: 96.5% 55%;
	font-size: 21px;
	padding-right: 23px;
	height: 23.45px;
}

/*Special Font for Selección HabboWiki Title*/
.category .HabboWiki p
{
	font-size: 21px;
	line-height: 27px;
}


/*Más Populares Classes*/
/*Image, image position of the Title Entradas Populares & Text Adaptation for the image*/
.Popular
{
	background-image: url("/images/5/5b/More_Populars_Icon.png");
	background-repeat: no-repeat;
	background-position: 97% 55%;
	padding-right: 26px;
}

/*Background color (Rainbow) of the Lámpara Dragón Arcoíris LTD page*/
.Rainbow_Dragon
{
	background: linear-gradient(to bottom, red, orange, yellow, green, blue);
}

/*Image and image position of the SnowStorm page*/
.SnowStorm
{
	background-image: url("/images/6/6c/SS_and_Battle_Banzai.gif");
	background-position: 314px 850px;
}

/*Image and image position of the Habbo 2020 page*/
.Habbo_2020
{
	background-image: url("https://www.habbowiki.com/images/b/be/Lpromo_habbo_trading.png");
	background-position: 1200px 1330px;
}

/*Image and image position of the Crackeables page*/
.Craft
{
	background-image: url("/images/3/36/Regalos.gif");
	background-position: 750px 1000px;
}

/*Image and image position of the Asociación Internacional de Clubes page*/
.AIC
{
	background-image: url("/images/3/37/Futbol_habbo.gif");
	background-position: 980px 920px;
}

/*Background color (Gradient Pink) of the Dragón de Fuego Rosa page*/
.Pink_Dragon
{
	background: radial-gradient(circle, pink 0%, #f97e93 100%);
}

/*Image and image position of the Embajadores page*/
.Emb
{
	background-image: url("/images/6/63/Embajadores_BR_Publicidad.png");
	background-position: 270px 152px;
}

/*Image and image position of the Beta Tester page*/
.Testers
{
	background-image: url("/images/5/54/Betatester1.png");
	background-position: 70px 82px;
}

/*Image and image position of the Puntos de Progresión page*/
.Points
{
	background-image: url("/images/3/39/Puntos_Recompensa.png");
	background-position: 302px 344px;
}

/*Image and image position of the Selección MaW page*/
.MaW
{
	background-image: url("/images/3/30/MaW-BaW_Publicity.png");
	background-position: 318px 100px;
}

/*Image and image position of the Category LTD*/
.LTD
{
	background-image: url("/images/3/3e/Furnis_LTD_Mudo.png");
	background-position: 730px 1010px;
}

/*Image and image position of the Category Proyectos NFT*/
.NFT
{
	background-image: url("/images/7/7c/Avatares_NFT.png");
	background-position: 220px 210px;
}

/*Image and image position of the Category Raros*/
.Rares
{
	background-image: url("/images/5/5a/Rares_Banner.png");
	background-position: 350px 320px;
}

/*Image and image position of the category Lotes*/
.Lotes
{
	background-image: url("/images/2/2b/Creaci%C3%B3n_Lotes_Unity.png");
	background-position: -130px 653px;
}

/*Image and image position of the Category Proyectos Oficiales*/
.Official_Projects
{
	background-image: url("/images/1/16/Proyectos_oficiales.png");
	background-position: 100px 100px;
}

/*Image and image position of the Category Proyectos No Oficiales*/
.Unofficial_Projects
{
	background-image: url("/images/e/e5/Proyectos_no_oficiales.png");
	background-position: 100px 100px;
}

/*Image and image position of the Category HabboTubers*/
.HBTubers
{
	background-image: url("/images/7/70/HabboTubers.png");
	background-position: 302px 260px;
}

/*Image and image position of the Category Juegos Oficiales*/
.Official_Games
{
	background-image: url("/images/6/6c/SS_and_Battle_Banzai.gif");
	background-position: -100px -50px;
}

/*Image and image position of the Category Fansites*/
.Fansites
{
	background-image: url("/images/c/cb/Banner_Fansites.png");
	background-position: -62px -7px;
}

/*Image and image position of the Category Canjeables*/
.Canjeables
{
	background-image: url("/images/9/99/Fondo_Lingotes.gif");
}

/*Independent Classes*/
/*Selected Effect*/
.category-bottom a div:hover
{
	opacity: 0.7;
}

/*Smaller Shadow Effect for Fonts*/
.less_shadow_font
{
	text-shadow: 2px 2px 8px black;
}

/*Less Bold that Default*/
.bold
{
	font-weight: bold;
}

/*Delete Bold*/
.no-bold
{
	font-weight: initial;
}

/*Small text*/
.small_f
{
	font-size: 25px;
}

/*Smaller text*/
.smaller
{
	font-size: 20px;
}

.container2 {
    position: relative;
    width: 10%;
    max-width: 300px;
    min-width: 300px;
    display: inline-block;
    border: none !important;
    border: 0 !important;
    background: none !important;
}

.image2 {
  display: block;
  width: 100%;
  height: auto;
max-width: 300px;
  min-width: 300px;
}

.overlay2 {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  max-width: 300px;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.container2:hover .overlay2 {
  opacity: 1;
}


/* Simple NFT list template by Kriegberg */

/* Individual NFT boxes */
.nftlist-avatar {
    /* Specify NFT box properties */
    width: 200px !important;
    height: 310px !important;
    margin: 5px !important;
    vertical-align: middle;
    /* Fix for pixel art blurriness */
    image-rendering: pixelated !important;
    image-rendering: crisp-edges !important;
    /* Display as float left to prevent line breaks between div elements and to keep things tidy */
    float: left !important;
}
/* Avatar info box styling */
.nftlist-avatar-info {
    margin-top: 220px !important;
    height: 80px !important;
    padding: 5px !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-radius: 0px 0px 10px 10px !important;
}

/* Avatar number styling */
.nftlist-avatar-info-number {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
    line-height: 0.5 !important;
    text-align: center !important;
    margin-top: 22px !important;
}
/* Avatar owner info styling */
.nftlist-avatar-info-owner {
    font-size: 16px !important;
    color: #FFFFFF !important;
    line-height: 0.5 !important;
    text-align: center !important;
}

/* Simple NFT list template by Kriegberg */

/* Individual NFT boxes */
.nftlist-small-avatar {
    /* Specify NFT box properties */
    width: 100px !important;
    height: 155px !important;
    margin: 5px !important;
    vertical-align: middle !important;
    /* Fix for pixel art blurriness */
    image-rendering: pixelated !important;
    image-rendering: crisp-edges !important;
    /* Display as float left to prevent line breaks between div elements and to keep things tidy */
    float: left !important;
}
/* Avatar info box styling */
.nftlist-small-avatar-info {
    margin-top: 110px !important;
    height: 41px !important;
    padding: 2px !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-radius: 0px 0px 5px 5px !important;
}
/* Avatar number styling */
.nftlist-small-avatar-info-number {
    font-size: 12px !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
    line-height: 0.4 !important;
    text-align: center !important;
    margin-top: 11px !important;
}
/* Avatar owner info styling */
.nftlist-small-avatar-info-owner {
    font-size: 11px !important;
    color: #FFFFFF !important;
    line-height: 0.4 !important;
    text-align: center !important;
}