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

Version du 13 décembre 2014 à 00:56

/*
===========================
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;
}