Usuari:Gerardduenas/proves: diferència entre les revisions

Contingut suprimit Contingut afegit
Cap resum de modificació
Cap resum de modificació
Línia 1:
/* Coding for new Main Page */
__NOEDITSECTION__
__NOTOC__
.articleState {
{{Usuari:Xavier_Dengra/Proves3/Encapçalament}}<!--
width: 60%;
 
background: #fff;
BANNER PORTADA
margin: 0 auto;
 
border: solid 2px lightblue;
-->
text-align: center;
<div class="jcarousel-wrapper" style="margin: 1em auto 1em auto;">
}
<div class="jcarousel">
<div class="jcarousel-list">
.routeBox {
<div class="jcarousel-item">
font-size: small;
{{Portada/Destacat}}
border-style: none;
</div>
border-spacing: 0 0;
<div class="jcarousel-item">
border-collapse: collapse;
{{Portada:Fuera de las rutas turísticas}}
margin: 0 auto;
</div>
}
<div class="jcarousel-item">
{{Portada:Nota de viaje destacada}}
.routeBox td {
</div>
padding: 1px 2px;
</div>
}
</div>
<span class="jcarousel-control-prev">[[#|&lsaquo;]]</span>
#geoCoord table, #geoCoordOld table {
<span class="jcarousel-control-next">[[#|&rsaquo;]]</span>
border-collapse: collapse;
<p class="jcarousel-pagination"></p>
background: transparent;
</div><!--
}
 
PRESENTACIÓN, ENLACES Y MAPA
#geoCoord td, #geoCoordOld td {
 
font-size: 0.9em;
 
line-height: 100%;
{| style="background-image:linear-gradient(#F7F7FF 10%,#EEFFEE 65%,#FFEFD5 90%); margin: 1em auto 1em auto; max-width: 1125px;"
vertical-align: middle;
|-
padding: 0 0 0 10px;
| rowspan=3 class="MainPageBG" style="width:45%; border:1px solid #cef2e0; background:#f5faff; vertical-align:top; " |
text-align: right;
{| style="width: 100%; padding: 2px; vertical-align:top; background:#f5faff"
border-left: 1px solid #88a;
|-
}
| style="color:#000; font-size:100%" | {{Portada:Mapa}}
|}
#geoCoord td.icon, #geoCoordOld td.icon {
| class="MainPageBG" style="width:55%; border:1px solid #DDDDF7; vertical-align: middle; color:#000; " |
border-left: none;
{| style="text-align: center; width: 100%; padding: 2px; vertical-align:top; background:none<"
height: 27px;
|-
width: 35px;
| style="width: 100%; padding-top:1.9px; font-size:100%" | [[Archivo:Communauté silhouette.svg|20px|link=|alt=]] &nbsp; '''Participación y comunidad'''
padding: 0 10px 0 0;
[[Ayuda:Introducción|Introducción]]
}
[[Archivo:Bullet red.png|7px|·|link=]] [[Ayuda:Cómo se edita una página|Primeros&nbsp;pasos]]
[[Archivo:Bullet red.png|7px|·|link=]] [[Wikiviajes:La posada|La&nbsp;posada]]
/* Coding for new Main Page END */
<br style="clear: both">
/* BEGIN Main Page carousel code */
[[:Categoría:Wikiviajes:Modelos|Modelos&nbsp;de&nbsp;artículos]]
[[Archivo:Bullet red.png|7px|·|link=]] [[:Categoría:Ayuda|Contenidos&nbsp;de&nbsp;ayuda]]
.jcarousel {
|}
position: relative;
|-
overflow: hidden;
| class="MainPageBG" style="width:45%; border:1px solid #CCF7CC; background:none; vertical-align:top;" |
}
{| style="padding: 2px; width: 100%; vertical-align:top; background:none"
|-
.jcarousel-wrapper {
| style="width: 100%; padding-top:2px;font-size:100%; text-align: center" | [[Archivo:Recherche silhouette.svg|20px|link=|alt=]] &nbsp; '''[[Especial:Buscar|Búsquedas]] y categorías'''
max-width: 1125px;
[[:Categoría:Itinerarios|Itinerarios]] [[Archivo:Bullet red.png|7px|·|link=]] [[:Categoría:Guías de conversación|Idiomas]] [[Archivo:Bullet red.png|7px|·|link=]] [[:Categoría:Notas de viaje|Notas de viaje]]
margin: 0;
|}
position: relative;
|-
}
| class="MainPageBG" style="width:45%; border:1px solid #FFE5B4; background:none; vertical-align:top; " |
{| style="padding: 2px; width: 100%; vertical-align:top; background:none"
.jcarousel .jcarousel-list {
|-
width: 20000em;
| style="width: 100%; padding-top:2px;font-size:100%; text-align: center" | [[Archivo:Communauté silhouette orange.svg|20px|link=|alt=]] &nbsp; '''Comunidad'''
position: relative;
[[:Categoría:Wikiviajes:Políticas|Políticas]] [[Archivo:Bullet red.png|7px|·|link=]] [[Wikiviajes:Colabora|Colabora]]
margin: 0;
|}
padding: 0;
|}
}
{| style="margin:4px 0 0 0; width:100%; background:none"
|-
.jcarousel .jcarousel-item {
| class="MainPageBG" style="width:100%; border:1px solid #C7D0F8; background:#F2F5FD; vertical-align:top; color:#000; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px;" |
float: left;
{| style="vertical-align:top; background:#FFFFFF; color:#000; width:100%; padding:2px"
}
|-
! <h2 style="margin:0; background:#E6ECFF; font-size:100%; font-weight:bold; border:1px solid #ccc; text-align:center; color:#000; padding:0.2em 0.4em; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px;">Otros proyectos</h2>
.jcarousel-item img {
|-
display: block;
| style="color:#000; padding-left:5px; padding-right:5px" | {{Portada:Proyectos}}
max-width: 100%;
|}
height: auto !important;
|}
}
 
<div style="width:50%; text-align:left; float:left" id="mf-benv">
.jcarousel-control-prev,
<div style="font-size:162%; padding:0.1em;">Benvinguts a [[Viquillibres]],</div>
.jcarousel-control-next {
<div style="font-size:95%; margin-top:0.2em;">la biblioteca de '''llibres de text i manuals [[Viquillibres:Drets d'autor|lliures]]''' que '''tothom pot millorar'''.</div>
position: absolute;
</div>
top: 45%;
<div style="width:50%; text-align: right; display:inline"><small>Aquesta edició va començar el '''[[w:24 de juliol|24 de juliol]]''' de '''[[w:2004|2004]]'''.<br />
width: 30px;
Actualment disposem de [[Special:Statistics|{{NUMBEROFARTICLES}}]] capítols distribuïts en [[:Categoria:Catàleg|{{NUMBEROFBOOKS}}]] llibres en català. · [[Fitxer:Twitter circle.svg|25px|link=https://twitter.com/Viquillibres|Som @viquillibres]]</small>
height: 30px;
</div>
text-align: center;
 
background: #fff;
 
color: #fff;
<center>
text-decoration: none;
<div id="mf-categories" style="clear:both">
text-shadow: 0 0 1px #000;
{{ubl|style=background:ghostwhite; width:100%; padding 5px; margin:5px; |ul_style=margin:0px;|li_style=list-style-type: none; display:inline|'''Categories:'''|{{botó|Ciències|Ciències}}|{{botó|Llengua|Llengua}}|{{botó|Art|Art}}|{{botó|Humanitats|Humanitats}}|{{botó|Tecnologia|Tecnologia}}|{{botó|Lleure|Lleure}}{{botó|Vegeu-los tots|'''Vegeu-los tots'''}}}}
font: 24px/27px Arial, sans-serif;
</div>
-webkit-border-radius: 30px;
</center>
-moz-border-radius: 30px;
 
border-radius: 30px;
<div style="clear:both; margin:25px 0px 0px 0px; padding:0px;">
-webkit-box-shadow: 0 0 2px #999;
{| id="mp-content" style="width:100%; border-spacing:10px 0px;"
-moz-box-shadow: 0 0 2px #999;
| style="width:33%; padding:10px; vertical-align:top; background-color:#ddddff;" | {{:Main Page/Featured}}
box-shadow: 0 0 2px #999;
| style="width:33%; padding:10px; vertical-align:top; background-color:#ddddff;" | {{:Main Page/Wikijunior}}
}
| style="width:33%; padding:10px; vertical-align:top; background-color:#ddddff;" | {{:Main Page/Recipe}}
|}
.jcarousel-control-prev {
</div>
left: -15px;
</div>
}
 
[[Category:Main page| ]]
.jcarousel-control-next {
-->
right: -15px;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
opacity: .5;
cursor: default;
}
.jcarousel-pagination {
position: absolute;
bottom: 10px;
left: 15px;
}
.jcarousel-pagination a {
text-decoration: none;
display: inline-block;
font-size: 11px;
line-height: 14px;
min-width: 14px;
background: #fff;
color: #4E443C;
border-radius: 14px;
padding: 3px;
text-align: center;
margin-right: 2px;
opacity: .75;
}
.jcarousel-pagination a.active {
background: #4E443C;
color: #fff;
opacity: 1;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
/* END Main Page carousel code */
/* Mark's template version of the new main page */
.banner-image {
position: relative;
overflow: hidden;
max-width: 1125px;
height: auto;
margin-bottom: .6em;
}
.banner-image img {
max-width: 100%;
height: auto;
width: auto\9;
}
.banner-box {
position: absolute;
z-index: 2;
margin-top: 2.5em;
color: white;
width: 50%;
min-width: 20em;
text-shadow: black 0.3em 0.3em 1em, black -0.1em -0.1em 1em;
}
.banner-box-wide {
width: 80%
}
.banner-box-left {
left: 5%;
text-align: left;
}
.banner-box-right {
right: 5%;
text-align: right;
}
.banner-box-welcome {
left: 1em;
text-align: center;
width: 40%;
white-space: nowrap;
}
.banner-box a {
color: white !important;
font-weight: bold;
}
.banner-box .name {
font-size: 3em;
white-space: nowrap;
line-height: 1.2em;
}
.banner-box .type {
font-size: 2em;
line-height: 1.2em;
}
.banner-box .stats {
font-size: 1em;
margin-top: 1.7em;
}
.banner-box .quote {
font-size: 1em;
line-height: 1.2em;
}
.banner-box .welcome a {
font-size: 1.5em;
}
.banner-box .welcome {
font-size: 2.1em;
}
.banner-box .nav-tip {
font-size: 1.5em;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.banner-box .welcome-map-nav {
font-size: 1.25em;
}
.banner-box ul {
font-size: 1.25em;
}
.banner-box ul li {
display: inline;
}
.banner-box ul li:before {
content: " • ";
}
.banner-box ul li:nth-of-type(1):before {
content: " ";
}
/* Styles for Pagebanner template */
.topbanner {
position: relative;
overflow: hidden;
max-width: 1800px;
height: auto;
}
.topbanner img {
max-width: 100%;
height: auto;
width: auto\9;
}
.topbanner-box {
position: absolute;
z-index: 2;
margin-top: 1.5em;
color: white;
width: 50%;
min-width: 20em;
left: 2%;
text-align: left;
}
.topbanner .name {
position: absolute;
z-index: 2;
margin: 0.6em 0 0 0.4em;
padding: 8px 7px;
font-size: 2.2em;
font-weight: bold;
background: rgb(16,16,16);
background: rgba(0,0,0,0.5);
border-radius: 4px;
color: white;
white-space: nowrap;
line-height: 0.9em;
}
.force img {
height:400px;
width:100%;
}
.force-auto img {
height:auto;
width:100%;
}
.logo {
box-shadow: black 0.3em 0.3em 1em, black -0.1em -0.1em 1em;
background:rgb(5, 5, 5);
background:rgba(5, 5, 5, .5);
bottom:20px;
right:10px;
width: 80px;
height: 80px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius:40px;
position:absolute;
white-space: nowrap;
}
.centrador{
display: inline-block;
height: 100%;
vertical-align: middle;
}
.logo img {
vertical-align:middle;
margin-left: auto;
margin-right: auto;
max-width: 72px;
height:auto;
}
.mf-mobile-only {
display: none;
}