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

Version du 11 décembre 2014 à 16:29

/*
===========================
Fond et polices générales :
===========================
*/

@font-face {
    font-family: "VagRounded";
    src: url('/stylefablabo/vagrounded-bold.ttf');
}

body { 
  font-family:Arial;
  line-height:125%;
  letter-spacing:0.72px;
  background-color:white; 
}

ul {
  list-style-type: disc;
  list-style-image:none;
}

h1, h2, h3, h4, h5, h6 {
  border-bottom:none;
}

h2, h3 
{
  /* border-bottom:2px dotted #9D9D9D; */
  background-image: url(/mediawiki/images/Trait_titre_etire.png);
  background-repeat: repeat-x;
  background-position: bottom;
  padding-bottom:2px;
  background-repeat: no-repeat;
  background-size: 100% 1px;
}

table.documentation {
border-spacing: 0px;
border-collapse: collapse;
border: 1px solid black;
float:right;
}

table.documentation tr td {
  border: 1px solid black;
}

div.portal h3
{
  background-size: auto auto;
}

h1 span {
  font-family: VagRounded, Arial;
  color:#4d4d4d;
  font-size:35px;
}

h2 span.mw-headline {
  font-family: "VagRounded", Arial;
  text-transform: uppercase;
  color:#4d4d4d;
  font-size:25px;
}

h3 span.mw-headline {
  font-family: "VagRounded", Arial;
  color:#4d4d4d;
  font-size:20px;
}

.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
{
  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
{
  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 :
=====================
*/

div#Cartouche {
  float:none;
  text-align:right;
  vertical-align:top;

width: -webkit-calc(100% - 65px);
width: -moz-calc(100% - 65px);
width: calc(100% - 65px);

  position:relative;
  left:10px;
  padding:25px;
  padding-top:0px;

  -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#infos {

  display:inline-block;
  text-align:left;

  max-width:60%;
  min-width:250px;
}

div#Cartouche div#infos div.center {
  float:left;
  display:inline-block;
}

div#Cartouche div#infos div#table {
	display:inline-block;
	border:1px dotted gray;
}

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.vectorMenu h3 a {
  background-image: url(/mediawiki/images/Trait_menutop.png);
  padding-left:2px;
  width: 1em;
  background-position: 1em 3px;
}

div.vectorTabs {
  background-image: url(/mediawiki/images/Trait_menutop.png);
padding-left:2px;
background-position: left 3px;
}

div.vectorTabs ul li {
  background-color: white;
  background-image: url(/mediawiki/images/Trait_titre.png);
  background-size: 100% 2px;
}

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;
}

#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;
}

.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;
}