Diferencia entre revisiones de «MediaWiki:Common.css»

De HabboWiki
Ir a la navegación Ir a la búsqueda
m (Se ha deshecho la revisión 7156 de Dantempo (disc.))
Etiqueta: Deshacer
m
Línea 418: Línea 418:
.category-bottom a div:hover
.category-bottom a div:hover
{
{
opacity: 0.7;
opacity: 0.5;
}
}



Revisión del 17:06 3 ene 2022

/* 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*/

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

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

/*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: 98% 55%;
	padding-right: 26px;
}

/*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;
}

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

/*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("/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;
}

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

/*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;
}