Diferencia entre revisiones de «MediaWiki:Common.css»
Ir a la navegación
Ir a la búsqueda
Línea 528: | Línea 528: | ||
} | } | ||
.container2 { | .container2 { | ||
position: relative; | position: relative; |
Revisión del 02:11 4 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; } .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; }