User:Nullx2/vector.css

@namespace url(http://www.w3.org/1999/xhtml);
 
 
body
 {
  border: none !important; 
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important; 
  font-size: 28px !important; 
  background: #D9D7D3 !important; 
 }
 
#content
 {
  margin: 0 auto !important; 
  border: none !important; 
  max-width: 1260px !important; 
  background: #D9D7D3 !important; 
 }
 
a       { text-decoration: none !important; }
a:hover { text-decoration: underline !important; }
 
 
 
/* top nav */
 
#mw-page-base
 {
  height: 120px !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: 1323px !important; 
  height: 120px !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: 24px !important; 
  margin: 0 !important; 
  padding: 0 !important; 
 }
 
#mw-head #left-navigation   { top: 50px !important; left: 29px !important; padding: 0 !important; font-size: 18px !important;}
#mw-head #right-navigation  { top: 50px !important; right:   0 !important; padding: 0 !important; font-size: 18px !important;}
#mw-head #p-personal        { top:  0px !important; right:   0 !important; padding: 5px 30px 0 0 !important; font-size: 18px !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: 15px !important; margin-left: 15px !important; 
  border: none !important; 
  background: #E8E6E2 !important; 
  width: 350px !important; 
  padding: 0 0 8px !important; 
 }
 
#mw-head #searchform > div input#searchInput
 {
  padding: 8px 2px 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: 22px !important; left: 33px !important; 
  content: 'Wikispecies' !important; 
  font-family: Times, Garamond !important; 
  font-weight: normal !important; 
  font-size: 42px !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: 36px !important; }
#bodyContent h3 { font-size: 32px !important; }
#bodyContent h4 { font-size: 28px !important; }
#bodyContent h5 { font-size: 24px !important; }
#bodyContent h6 { font-size: 22px !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: 18px !important; 
 }
#bodyContent h3 { counter-reset: headingThree; }
#bodyContent h3:before
 {
  counter-increment: headingTwo; 
  content: counter(headingOne) "." counter(headingTwo); 
  font-size: 17px !important; 
 }
#bodyContent h4 { counter-reset: headingFour; }
#bodyContent h4:before
 {
  counter-increment: headingThree; 
  content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree); 
  font-size: 16px !important; 
 }
#bodyContent h5 { counter-reset: headingFive; }
#bodyContent h5:before
 {
  counter-increment: headingFour; 
  content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour); 
  font-size: 15px !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: 14px !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: 22px !important; 
  line-height: 32px !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: 18px !important; 
  line-height: 24px !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; 
 }