Utente:Giambrox/vector.css

Da Wikipedia, l'enciclopedia libera.
Vai alla navigazione Vai alla ricerca

Questa pagina definisce alcuni parametri di aspetto e comportamento generale di tutte le pagine. Per personalizzarli vedi Aiuto:Stile utente.


Nota: dopo aver salvato è necessario pulire la cache del proprio browser per vedere i cambiamenti (per le pagine globali è comunque necessario attendere qualche minuto). Per Mozilla / Firefox / Safari: fare clic su Ricarica tenendo premuto il tasto delle maiuscole, oppure premere Ctrl-F5 o Ctrl-R (Command-R su Mac); per Chrome: premere Ctrl-Shift-R (Command-Shift-R su un Mac); per Konqueror: premere il pulsante Ricarica o il tasto F5; per Opera può essere necessario svuotare completamente la cache dal menù Strumenti → Preferenze; per Internet Explorer: mantenere premuto il tasto Ctrl mentre si preme il pulsante Aggiorna o premere Ctrl-F5.

/*

name:        Wikipedia 1911 (rotane)

author:      rotane.deviantart.com

homepage:    http://userstyles.org/styles/99515/

created:     March 23, 2014

updates:     October 12, 2014, v0.9.9

short info:  A Wikipedia skin for better readability

inspired by: http://blog.weare1910.com/post/75576312730/a-readable-wikipedia 

*/



@namespace url(http://www.w3.org/1999/xhtml);







body

 {

  border: none !important; 

  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important; 

  font-size: 21px !important; 

  background: #D9D7D3 !important; 

 }



#content

 {

  margin: 0 auto !important; 

  border: none !important; 

  max-width: 860px !important; 

  background: #D9D7D3 !important; 

 }



a       { text-decoration: none !important; }

a:hover { text-decoration: underline !important; }







/* top nav */



#mw-page-base

 {

  height: 90px !important; 

  margin: 0 auto !important; 

  background: #CAC8C4 !important; 

 }



#mw-navigation

 {

  position: absolute !important; 

  top: 0 !important; left: 0 !important; right: 0 !important; 

 }



#mw-head

 {

  position: relative !important; 

  max-width: 923px !important; 

  height: 90px !important; 

  margin: 0 auto !important; 

 }



#mw-head a,

#mw-head ul,

#mw-head li,

#mw-head span,

#mw-head .vectorTabs

 {

  background: none !important; 

  border: none !important; 

 }



#mw-head > *

 {

  position: absolute !important; 

  font-size: 16px !important; 

  margin: 0 !important; 

  padding: 0 !important; 

 }



#mw-head #left-navigation   { top: 50px !important; left: 29px !important; padding: 0 !important; }

#mw-head #right-navigation  { top: 50px !important; right:   0 !important; padding: 0 !important; }

#mw-head #p-personal        { top:  0px !important; right:   0 !important; padding: 5px 30px 0 0 !important; font-size: 14px !important; }



#mw-head li       { opacity: 0 !important; transition: all 0.45s ease-out !important; }

#mw-head:hover li { opacity: 1 !important; transition: all 0.13s ease-in !important; }



#mw-head a,

#mw-head a:visited { color: #556 !important; }



#mw-head #searchform > div

 {

  position: absolute !important; 

  top: -32px !important; right: 30px !important; 

  margin-top: 13px !important; margin-left: 15px !important; 

  border: none !important; 

  background: #E8E6E2 !important; 

  width: 350px !important; 

  padding: 0 0 7px !important; 

 }



#mw-head #searchform > div input#searchInput

 {

  padding: 8px 0 6px 8px !important; 

 }



#mw-head #p-cactions,

#mw-head #ca-watch

 {

  display: none !important; 

 }







/* logo */



#mw-head:before

 {

  position: relative !important; 

  width: 100px !important; height: 100px !important; 

  top: 31px !important; left: 33px !important; 

  content: 'Wikipedia' !important; 

  font-family: Times, Garamond !important; 

  font-weight: normal !important; 

  font-size: 26px !important; 

  text-transform: uppercase !important; 

  letter-spacing: 0px !important; 

  color: #000 !important; 

 }







/* left nav */



#mw-navigation #mw-panel

 {

  position: fixed !important; 

  font-size: 18px !important; 

  top: 0px !important; 

  left: -255px !important; 

  width: 190px !important; 

  height: 100% !important; 

  overflow-y: auto !important; 

  padding: 0 0 0 100px !important; 

  background: #E8E6E2 !important; 

  box-shadow: 1px 0 3px rgba(0,0,0,0.25) !important; 

  transition: all 0.66s ease-in-out !important; 

  opacity: 0 !important; 

 }



#mw-navigation #mw-panel:hover

 {

  left: -100px !important; 

  transition: all 0.2s ease-in-out !important; 

  opacity: 1 !important; 

 }





#mw-navigation #mw-panel a { color: #445 !important; }



#mw-navigation #p-navigation,

#mw-navigation .first

 {

  margin-bottom: 0 !important; 

  margin-top: 7px !important; 

 }



#mw-navigation #p-lang:before

 {

  content: "" !important; 

  font-size: 0 !important; 

  display: inline-block !important; 

  height: 0px !important; 

  width: 100% !important; 

  border-top: 1px solid rgba(0,0,0,0.2) !important; 

  border-bottom: 1px solid rgba(255,255,255,0.75) !important; 

 }



#mw-navigation #p-lang

 {

  margin-top: -15px !important; 

 }



#mw-navigation #p-lang .uls-settings-trigger

 {

  margin-right: 8px !important; margin-top: 6px !important; 

 }



#mw-navigation > #mw-panel > div:not(#p-lang):not(#p-navigation):not(.first),

#mw-navigation #p-lang .wbc-editpage

 {

  display: none !important; 

 }







/* article */



/* headlines */



#firstHeading

 {

  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif !important; 

  font-size: 39px !important; 

  margin-top: 0 !important; 

  padding-bottom: 5px !important; 

  font-weight: normal !important; 

  text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important; 

 }



#bodyContent h1,

#bodyContent h2,

#bodyContent h3,

#bodyContent h4,

#bodyContent h5,

#bodyContent h6

 {

  margin-top: 40px !important; 

  margin-bottom: 25px !important; 

  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif !important; 

  font-weight: normal !important; 

  text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important; 

 }



#bodyContent h1 span.mw-editsection,

#bodyContent h2 span.mw-editsection,

#bodyContent h3 span.mw-editsection,

#bodyContent h4 span.mw-editsection,

#bodyContent h5 span.mw-editsection,

#bodyContent h6 span.mw-editsection

 {

  float: right !important; 

  margin-top: 12px !important; 

  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important; 

  text-shadow: none !important; 

 }



span.mw-editsection span.mw-editsection-bracket { display: none !important; }



#bodyContent h2 { font-size: 33px !important; }

#bodyContent h3 { font-size: 30px !important; }

#bodyContent h4 { font-size: 26px !important; }

#bodyContent h5 { font-size: 22px !important; }

#bodyContent h6 { font-size: 20px !important; }







/* numbering of the headings */

/* via http://userstyles.org/styles/56739/wikipedia-readable-hyphenation */



body { counter-reset: headingOne; }

#toctitle h2:before

 {

  content: "" !important; 

  counter-reset: headingOne; 

  padding-right: 0 !important; 

 }

#bodyContent h2:before,

#bodyContent h3:before,

#bodyContent h4:before,

#bodyContent h5:before,

#bodyContent h6:before

 {

  padding-right: 9px; 

  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important; 

  text-shadow: none !important; 

 }

#bodyContent h2 { counter-reset: headingTwo; }

#bodyContent h2:before

 {

  counter-increment: headingOne; 

  content: counter(headingOne); 

  font-size: 16px !important; 

 }

#bodyContent h3 { counter-reset: headingThree; }

#bodyContent h3:before

 {

  counter-increment: headingTwo; 

  content: counter(headingOne) "." counter(headingTwo); 

  font-size: 15px !important; 

 }

#bodyContent h4 { counter-reset: headingFour; }

#bodyContent h4:before

 {

  counter-increment: headingThree; 

  content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree); 

  font-size: 14px !important; 

 }

#bodyContent h5 { counter-reset: headingFive; }

#bodyContent h5:before

 {

  counter-increment: headingFour; 

  content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour); 

  font-size: 13px !important; 

 }

#bodyContent h6 { counter-reset: headingSix; }

#bodyContent h6:before

 {

  counter-increment: headingFive; 

  content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour) "." counter(headingFive); 

  font-size: 12px !important; 

 }



/* article */



#bodyContent .infobox

 {

  padding: 9px 16px 5px !important; 

  margin-left: 30px !important; 

 }



#bodyContent #siteSub,            /* hide Wikipedia byline */

#bodyContent #mw-fr-revisiontag,  /* hide revision thingie */

#bodyContent #tfd.boilerplate     /* hide template considered for deletion */

 {

  display: none !important; 

 }



#bodyContent #coordinates

 {

  top: -3px !important; 

  padding: 4px 6px 3px !important; 

  background: #E8E6E2 !important; 

  border-radius: 0px !important; 

  border: 1px solid #aaa !important; 

  /* box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 1px 1px rgba(0,0,0,0.25) !important; */

 }



html[lang="de"] #bodyContent #coordinates   /* .de fix */

 {

  top: 53px !important; 

  right: 32px !important; 

 }



#bodyContent #protected-icon,

#bodyContent #good-star,

#bodyContent #spoken-icon,

#bodyContent #featured-star

 {

  top: -45px !important; 

 }



/* text styles */



#bodyContent

 {

  letter-spacing: -0.1px !important; 

 }



#bodyContent p,

#bodyContent li,

#bodyContent div.hatnote

 {

  font-size: 17px !important; 

  line-height: 26px !important; 

  letter-spacing: -0.3px !important; 

 }



#bodyContent a:not(.new)         { color: #004FD1 !important; }

#bodyContent a:not(.new):visited { color: #4080AB !important; }



#bodyContent .dablink,

#bodyContent .relarticle,

#bodyContent .rellink

 {

  margin: 7px 0 9px !important; 

  padding: 0 !important; 

  font-size: 14px !important; 

  line-height: 22px !important; 

  color: #333 !important; 

 }



#bodyContent #contentSub /* redirected from msg */

 {

  margin: 5px 0 12px -5px !important; 

  padding: 0 !important; 

  font-size: 12px !important; 



 }



#bodyContent table.ambox,

#bodyContent #disambigbox

 {

  margin: 0 !important; 

  font-size: 14px !important; 

  line-height: 22px !important; 

 }



#bodyContent #disambigbox

 {

  margin: 25px 0 !important; 

 }



#bodyContent .references li

 {

  color: #111 !important; 

  font-size: 10px !important; 

  line-height: 17px !important; 

 }



/* boxes */



.messagebox,

#catlinks,

.infobox,

.infobox td,

table.infobox th,

#bodyContent div.thumb, /* fix the thumbs backgrounds!!! */

.thumbinner,

div.thumb div,

code,

pre,

.thumbcaption,

.toccolours,

.NavFrame,

.toccolours th,

.toccolours tbody,

.NavHead,

.tright,

.tleft,

table,

.gallery,

.gallerybox,

.gallerytext,

table.gallery,

table.gallery td,

#toc,

.toc,

.mw-warning,

div.townBox,

table.diff, td.diff-otitle, td.diff-ntitle,

#imageLicense,

#filetoc,

.hintergrundfarbe1,

.hintergrundfarbe2,

#hauptseite h2,

.MainPageBG,

.noarticletext,

.quotebox,

.mw-code

 {

   background-color: #E0DEDA !important; 

 }



#content .thumbinner

 {

  border-color: #b9b9b9 !important; 

 }







/* noborder test */



#toc,

.thumbinner,

.thumbinner .thumbimage,

.infobox,

.vertical-navbox, 

.mergedtoprow,

table.infobox > tbody:first-child > tr:first-child > th,

.metadata:not(.ambox),

.mbox-small,

.quotebox,

.portal,

.catlinks,

.navbox,

.hintergrundfarbe1,

table   /* check this! i added this for "roma" on italian wikipedia */

 {

  border: none !important; 

 }



#content .thumbinner

 {

  padding: 7px !important; 

 }



#bodyContent .ambox

 {

  border-width: 0 0 0 5px !important; 

 }



.navbox + .navbox

 {

  margin-top: 9px !important; 

 }







/* table of contents */



#toc

 {

  padding: 1px 16px 5px !important; 

  font-size: 12px !important; 

 }



#toc #toctitle

 {

  margin-top: 7px !important; 

  text-align: left !important; 

  padding-bottom: 0 !important; 

 }



#toc #toctitle h2

 {

  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important; 

  font-size: 17px !important; 

 }





/* floating toc*/



  #toc .toctoggle { display: none !important; }



  #toc.toc

   {

    padding: 0 !important; 

    font-size: 12px !important; 

    display: block !important;

    position: fixed !important; 

    bottom: 0 !important; 

    height: 100% !important; 

    right: -200px !important; 

    width: 245px !important; 

    border: none !important; 

    transition: all 0.66s ease-in-out !important; 

    opacity: 0 !important; 

    overflow-y: auto!important; 

    z-index: 9999;

    border: none !important;

    background: #646261 !important; 

    box-shadow: 1px 0 6px rgba(0,0,0,0.25) !important; 

   }



  #toc:hover 

   {

    right: 0px !important; 

    transition: all 0.15s ease-in-out !important; 

    opacity: 1 !important; 

   }



  #bodyContent #toc ul,

  #bodyContent #toc li

   {

    padding: 0 !important; margin: 0 !important; 

   }



  #bodyContent #toc > ul > li

    { border-top: 1px solid #797776 !important; 

    border-bottom: 1px solid #535251 !important; }

  #bodyContent #toc > ul > li:first-child

    { border-top: none !important; }

  #bodyContent #toc > ul > li:last-child

    { border-bottom: none !important; }



  #bodyContent #toc ul li a

    { font-size: 18px !important; line-height: 21px !important; color: #EAE9E8 !important; padding: 6px 0 4px !important; }

  #bodyContent #toc ul ul li a

    { font-size: 13px !important; line-height: 17px !important; color: #D0CFCE !important; padding: 4px 0 !important; }



  #bodyContent #toc ul li a .tocnumber

    { font-size: 15px !important; color: #bbb !important; margin-right: 0 !important; }

  #bodyContent #toc ul li a .tocnumber:after

    { content: "." !important; }

  #bodyContent #toc ul ul li a .tocnumber

    { display: none !important; }



  #bodyContent #toc ul > li 

   { padding: 0 3px 0 0 !important; }

  #bodyContent #toc ul ul ul > li 

   { padding: 0 3px 0 10px !important; }

  #bodyContent #toc > ul > li 

   { padding: 3px 3px 3px 13px !important; }



  #bodyContent #toc li a[href="#See_also"],

  #bodyContent #toc li a[href="#Notes"],

  #bodyContent #toc li a[href="#References"],

  #bodyContent #toc li a[href="#Bibliography"],

  #bodyContent #toc li a[href="#Further_reading"],

  #bodyContent #toc li a[href="#Documentaries"],

  #bodyContent #toc li a[href="#External_links"]

   {

    margin: -3px 0 !important; 

    font-size: 14px !important; 

   }

  #bodyContent #toc li a[href="#See_also"] .tocnumber,

  #bodyContent #toc li a[href="#Notes"] .tocnumber,

  #bodyContent #toc li a[href="#References"] .tocnumber,

  #bodyContent #toc li a[href="#Bibliography"] .tocnumber,

  #bodyContent #toc li a[href="#Further_reading"] .tocnumber,

  #bodyContent #toc li a[href="#Documentaries"] .tocnumber,

  #bodyContent #toc li a[href="#External_links"] .tocnumber

   { display: none !important; }



  #bodyContent #toc li a

   {

    display: block !important; 

    text-shadow: 0 1px 3px rgba(0,0,0,0.2) !important; 

   }

  #bodyContent #toc li a:hover 

   {

    text-decoration: none !important; 

    color: #fff !important; 

   }



  #toc ul li

   {

    transition: background 0.2s ease-in-out !important; 

   }

  #toc ul li:hover

   {

    background: #565453 !important; 

   }



  #toc #toctitle

   { display: none !important; }















/* footer */



#footer

 {

  left: 0 !important; right: 0 !important; 

  margin: 0 !important; 

  padding: 15px 0 !important; 

  background-color: #CAC8C4 !important; 

 }



#footer-info

 {

  max-width: 860px !important; 

  margin: 0 auto !important; 

  font-size: 18px !important; 

 }



#footer li:not(#footer-info-lastmod)

 {

  display: none !important; 

 }