Utilisateur:Divag/vector.css : Différence entre versions

De fablabo
Aller à : navigation, rechercher
(Page blanchie)
Ligne 1 : Ligne 1 :
/*
 
===========================
 
Fond et polices générales :
 
===========================
 
*/
 
  
@font-face {
 
        font-family: 'vagrounded';
 
        src: url('http://fablabo.net/stylefablabo/vagrounded.ttf');
 
        src: local('☺'), url('http://fablabo.net/stylefablabo/vagrounded.ttf') format('truetype');
 
        font-weight:bold;
 
}
 
 
@font-face {
 
        font-family: 'tampon';
 
        src: url('http://fablabo.net/stylefablabo/tampon.ttf');
 
        src: local('☺'), url('http://fablabo.net/stylefablabo/tampon.ttf') format('truetype');
 
        font-weight:bold;
 
}
 
 
body {
 
  font-family:Arial;
 
  line-height:125%;
 
  letter-spacing:0.72px;
 
  background-color:white;
 
}
 
 
ul {
 
  list-style-type: disc;
 
  list-style-image:none;
 
  list-style-position: inside;
 
}
 
 
h1, h2, h3, h4, h5, h6 {
 
  border-bottom:none;
 
}
 
 
h2, h3, h4, h5
 
{
 
  /* border-bottom:2px dotted #9D9D9D; */
 
  background-image: url(/mediawiki/images/Trait_titre_etire.png);
 
  background-repeat: repeat-x;
 
  background-position: bottom;
 
  padding-bottom:1px;
 
  background-repeat: no-repeat;
 
  background-size: 100% 1px;
 
}
 
 
table.documentation {
 
border-spacing: 0px;
 
border-collapse: collapse;
 
border: 1px solid black;
 
}
 
 
table.documentation tr td {
 
  border: 1px solid black;
 
}
 
 
div.portal h3
 
{
 
  background-size: auto auto;
 
}
 
 
h1 span, h2 span, h3 span, h4 span, h5 span {
 
  font-family: vagrounded, Arial;
 
  color:#4d4d4d;
 
}
 
 
h1 span {
 
  font-size:1.2em;
 
}
 
 
h2 span.mw-headline {
 
  text-transform: uppercase;
 
  font-size:1em;
 
}
 
 
h3 span.mw-headline {
 
  font-size:1em;
 
}
 
 
.mw-editsection-bracket {
 
  font-size:small;
 
}
 
 
tbody tr td.enteteLiensAccueil {
 
  background-color:red;
 
}
 
 
div#simpleSearch
 
{
 
  background-image:none;
 
  border: 1px dotted #ccc;
 
}
 
 
div#simpleSearch #searchInput {
 
  font-family: Arial;
 
  letter-spacing: inherit;
 
  vertical-align:bottom;
 
  top:2px;
 
}
 
 
/* modification du bouton de recherche :
 
 
div#simpleSearch #searchButton, div#simpleSearch #mw-searchButton {
 
  background-image: url(/mediawiki/images/Search.png);
 
}
 
*/
 
 
 
body div div {
 
  background-color:transparent;
 
}
 
 
#p-logo a
 
{
 
  width:150px;
 
  height:220px;
 
  background-image:url(/mediawiki/images/Logo_fablabo.svg);
 
  background-size: 150px 150px;
 
  background-repeat: no-repeat;
 
}
 
 
div#content
 
{
 
  min-height:500px;
 
  margin-left: 200px;
 
  background-color:transparent;
 
  padding-top:0px;
 
  padding-left: 25px;
 
 
/*
 
  background-image:url(/mediawiki/images/Trait_gauche.svg);
 
  background-repeat: repeat-y;
 
  background-position: left top;
 
*/
 
/*
 
background-repeat: no-repeat;
 
background-position: left -5em;
 
background-size: auto 100%;
 
*/
 
 
 
  -moz-border-image: url(/mediawiki/images/Page_border.png) 23 2 2 23 / 23px stretch stretch;
 
  -webkit-border-image: url(/mediawiki/images/Page_border.png) 23 2 2 23 / 23px stretch stretch;
 
  -o-border-image: url(/mediawiki/images/Page_border.png) 23 2 2 23 / 23px stretch stretch;
 
  border-image: url(/mediawiki/images/Page_border.png) 23 2 2 23 / 23px stretch stretch;
 
 
padding-top: 23px;
 
margin-top: -16px;
 
}
 
 
body, div#content
 
{
 
  color:#4d4d4d;
 
}
 
 
* a, #bodyContent a.external, div#mw-panel div.portal div.body ul li a, .mw-body a.extiw, .mw-body a.extiw:active, div.menu ul li a, div.menu ul li a:active
 
{
 
  outline: 0;
 
  color:#b46508;
 
}
 
 
* a:visited, #bodyContent a.external:visited, div#mw-panel div.portal div.body ul li a:visited, .mw-body a.extiw:visited, div.menu ul li a:visited
 
{
 
  outline: 0;
 
  color:#fe8b04;
 
}
 
 
/* Liens cassés : */
 
 
* a.new
 
{
 
  color:#c20000;
 
}
 
 
#content .external {
 
background-position: center right;
 
background-repeat: no-repeat;
 
background-image: url(/mediawiki/images/Lien_externe.png);
 
background-image: -webkit-linear-gradient(transparent,transparent),url(/mediawiki/images/Lien_externe.png);
 
background-image: linear-gradient(transparent,transparent),url(/mediawiki/images/Lien_externe.png);
 
 
padding-right: 18px;
 
}
 
 
/*
 
==========================
 
Menus latéraux de gauche :
 
==========================
 
*/
 
 
 
div#mw-panel
 
{
 
  padding-top:50px;
 
  width:200px;
 
}
 
 
 
 
#mw-panel.collapsible-nav .portal
 
{
 
  background:none;
 
}
 
 
#mw-panel.collapsible-nav .portal.collapsed h3
 
{
 
  background-image:url(/mediawiki/images/Fleche-menu-ferme.png);
 
}
 
 
#mw-panel.collapsible-nav .portal.expanded h3
 
{
 
  background-image:url(/mediawiki/images/Fleche-menu-ouvert.png);
 
}
 
/*
 
#mw-panel.collapsible-nav .portal div.body
 
{
 
  background-image: url(/mediawiki/images/Trait_titre.png);
 
  background-repeat: repeat-x;
 
  background-position: top;
 
}
 
*/
 
#mw-panel.collapsible-nav .portal h3 a {
 
  font-size:13px;
 
  text-transform: uppercase;
 
  color:#4d4d4d;
 
  text-decoration:none;
 
}
 
 
#mw-panel.collapsible-nav .portal.collapsed h3 a
 
{
 
  text-decoration:none;
 
  color:#4d4d4d;
 
}
 
 
/* fleches dans "à la 3" */
 
.CategoryTreeToggle {
 
  color: #DC923B;
 
}
 
 
/*
 
=====================
 
Cartouche des pages :
 
=====================
 
*/
 
 
span#tampon {
 
    font-family:tampon, monospace,Courier;
 
 
    -ms-transform: rotate(-10deg); /* IE 9 */
 
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
 
    transform: rotate(-10deg);
 
 
    color:#b00000;
 
    font-weight:bolder;
 
    font-size:1.3em;
 
    /*
 
    border: 0.4em double #b00000;
 
    padding: 0.5em;
 
    -webkit-border-radius: 2px;
 
    -moz-border-radius: 2px;
 
    border-radius: 2px;
 
    */
 
    display: inline-block;
 
    position: absolute;
 
 
    background-color: white;
 
    opacity: 0.8;
 
    /*top: -0.5em;*/
 
    left: -0.5em;
 
}
 
 
span#tampon.outil {
 
    top: 0.5em;
 
}
 
 
div#Cartouche {
 
  margin-top:3em;
 
  float:none;
 
  text-align:right;
 
  vertical-align:top;
 
 
  padding-top:0px;
 
 
width: -webkit-calc(100% - 65px);
 
width: -moz-calc(100% - 65px);
 
width: calc(100% - 65px);
 
 
  position:relative;
 
  left:10px;
 
 
/*
 
  -moz-border-image: url(/mediawiki/images/Border.png) 23 / 23px repeat repeat;
 
  -webkit-border-image: url(/mediawiki/images/Border.png) 23 / 23px repeat repeat;
 
  -o-border-image: url(/mediawiki/images/Border.png) 23 repeat repeat;
 
  border-image: url(/mediawiki/images/Border.png) 23 / 23px repeat repeat;
 
*/
 
  margin-bottom: -20px;
 
 
    text-align:left;
 
    vertical-align:top;
 
min-height: 100%;
 
}
 
 
div#Cartouche div
 
{
 
  padding-left:5px;
 
  padding-right:5px;
 
  display: inline-block;
 
}
 
 
div#Cartouche div.floatright
 
{
 
  padding-left: 0px;
 
  margin-left: 0px;
 
}
 
 
div#Cartouche div#infos {
 
 
  display:inline-block;
 
  text-align:left;
 
 
  min-width:50%;
 
 
  padding:25px;
 
 
  -moz-border-image: url(/mediawiki/images/Border.png) 23 / 23px repeat repeat;
 
  -webkit-border-image: url(/mediawiki/images/Border.png) 23 / 23px repeat repeat;
 
  -o-border-image: url(/mediawiki/images/Border.png) 23 repeat repeat;
 
  border-image: url(/mediawiki/images/Border.png) 23 / 23px repeat repeat;
 
 
}
 
 
div#Cartouche div#infos div#vignette {
 
  float:left;
 
  display:inline-block;
 
}
 
 
div#Cartouche div#infos div#table {
 
  display:inline-block;
 
}
 
 
div#infos td {
 
vertical-align:top;
 
}
 
 
div#infos td img {
 
vertical-align:top;
 
margin-top:0.5em;
 
}
 
 
div#Cartouche div#sommaire {
 
  display:inline-block;
 
  text-align:left;
 
  float:right;
 
}
 
 
div.devBox {
 
  background-color:transparent;
 
  -moz-border-image: url(/mediawiki/images/Border.png) 23 / 23px repeat repeat;
 
  -webkit-border-image: url(/mediawiki/images/Border.png) 23 / 23px repeat repeat;
 
  -o-border-image: url(/mediawiki/images/Border.png) 23 repeat repeat;
 
  border-image: url(/mediawiki/images/Border.png) 23 / 23px repeat repeat;
 
}
 
 
/*
 
==========================
 
Menu top :
 
==========================
 
*/
 
 
div.vectorTabs ul {
 
background-image:none;
 
height: 30px;
 
margin-top: 10px;
 
overflow: hidden;
 
}
 
 
#left-navigation {
 
margin-left: 214px;
 
}
 
 
#mw-page-base {
 
  background-image:none;
 
background-color:transparent;
 
}
 
 
div.vectorTabs {
 
  background-image: url(/mediawiki/images/Trait_menutop.png);
 
  padding-left:1px;
 
  background-position: left 0px;
 
}
 
 
div.vectorTabs ul li {
 
  background-color: white;
 
  background-image: url(/mediawiki/images/Trait_titre.png);
 
  background-size: 100% 1px;
 
}
 
 
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited
 
{
 
  color: #4d4d4d;
 
  text-decoration: none;
 
  font-size:12px;
 
  text-transform: uppercase;
 
font-weight:bold;
 
}
 
 
div.vectorTabs li a, div.vectorTabs li a:visited
 
{
 
  color: #b46508;
 
  text-decoration: none;
 
  font-size:12px;
 
  text-transform: uppercase;
 
}
 
 
div.vectorTabs span a {
 
  display: inline-block;
 
  padding-top: 0.5em;
 
}
 
 
div.vectorTabs span {
 
  padding-left: 0.5em;
 
  padding-right: 0.5em;
 
}
 
 
div.vectorTabs, div.vectorTabs span, div.vectorMenu h3 a {
 
background-image: url(/mediawiki/images/Trait_menutop.png);
 
/*padding-left: 2px;*/
 
height: 40px;
 
background-position: right 0px;
 
}
 
 
div.vectorTabs {
 
background-position: left 10px;
 
}
 
 
div.vectorMenu h3 a {
 
  background-image: url(/mediawiki/images/Trait_menutop.png);
 
  padding-left:1px;
 
  width: 1em;
 
  background-position: 1em 10px;
 
}
 
 
#ca-watch.icon a, #ca-unwatch.icon a {
 
  background-position: 0.5em 6px;
 
}
 
 
#ca-watch.icon a, #ca-watch.icon:hover a {
 
  background-image:url(/mediawiki/images/Etoile.png);
 
}
 
 
#ca-unwatch.icon a, #ca-unwatch.icon:hover a, #ca-unwatch.icon a:focus {
 
  background-image:url(/mediawiki/images/Etoile_pleine.png);
 
}
 
 
 
/*
 
========
 
Footer :
 
========
 
*/
 
 
div#footer
 
{
 
  margin-left: 0px;
 
  padding-left: 220px;
 
  background-image:url(/mediawiki/images/Trait_footer.png);
 
  background-repeat:repeat-x;
 
  background-position:top;
 
}
 
 
div#footer ul li {
 
padding-top:0px;
 
padding-bottom:0px;
 
 
}
 
 
div#footer ul#footer-icons {
 
  margin-top: -5px;
 
 
}
 
 
 
/****************************
 
Liste des projets :
 
****************************/
 
 
.BoiteProjet + p {
 
  display:none;
 
}
 
 
.BoiteProjet + pre, .BoiteProjet + pre a {
 
  border:none;
 
  background:none;
 
  font-size:1em;
 
  font-family:Arial;
 
  margin: 0px;
 
  padding: 0px;
 
  height: 1.2em;
 
}
 
 
.BoiteProjet {
 
  width:250px;
 
  height:300px;
 
  text-transform:uppercase;
 
  text-align:left;
 
  vertical-align:top;
 
  padding-right:50px;
 
}
 
 
.BoiteProjet img {
 
  width:250px;
 
  height:200px;
 
  opacity:1;
 
}
 
 
.BoiteProjet:hover img {
 
  opacity:0.9;
 
}
 
 
.BoiteProjet a.image {
 
/*
 
  z-index: -1;
 
*/
 
}
 
 
.BoiteProjet a, .BoiteProjet a:visited, .BoiteProjet a:active {
 
  top: 10px;
 
  position: relative;
 
  color:#4d4d4d;
 
}
 
 
.BoiteProjet a.image, .BoiteProjet a.image:visited, .BoiteProjet a.image:active {
 
  top: 0px;
 
}
 
 
span.smw-template-furtherresults {
 
  display:block;
 
}
 
 
/***************************
 
Liens de l'accueil :
 
***************************/
 
table.liensAccueil {
 
  margin-top:1em;
 
}
 
 
table.liensAccueil tr td {
 
  vertical-align:top;
 
}
 
 
td.enteteLiens
 
{
 
  width:25%;
 
text-align:center;
 
}
 
 
td.enteteLiens div
 
{
 
  min-height:22px;
 
  padding: 10px;
 
  width: 60%;
 
  /*text-align:center;*/
 
  color:#b46508;
 
  text-transform: uppercase;
 
  font-size:20px;
 
 
  -moz-border-image: url(/mediawiki/images/Cadre_entete_liens.png) 4 / 4px repeat repeat;
 
  -webkit-border-image: url(/mediawiki/images/Cadre_entete_liens.png) 4 / 4px repeat repeat;
 
  -o-border-image: url(/mediawiki/images/Cadre_entete_liens.png) 4 repeat repeat;
 
  border-image: url(/mediawiki/images/Cadre_entete_liens.png) 4 / 4px repeat repeat;
 
 
min-width:8em;
 
}
 

Version du 14 décembre 2014 à 00:44