MediaWiki:Vector.css : Différence entre versions

De Sciencinfolycee
Aller à : navigation, rechercher
(Import depuis version de dev)
 
(Modifications en cours)
Ligne 116 : Ligne 116 :
 
     margin-top:200px;
 
     margin-top:200px;
 
     position:absolute;
 
     position:absolute;
    left:20px;
 
 
     z-index:1000;
 
     z-index:1000;
 +
    left:300px;
 
}
 
}
  
 
#left-navigation {
 
#left-navigation {
 +
    z-index:1000;
 
     top:200px;
 
     top:200px;
     left:12px;
+
     left:18px;
 
}
 
}
  
Ligne 128 : Ligne 129 :
  
 
#content {
 
#content {
     background-color:white;
+
     background-color:white !important;
     background-image:none;
+
     background-image:none !important;
     width:780px;
+
     width:780px !important;
     #width:840px;
+
     #width:840px !important;
     padding:50px 20px 20px 20px;     
+
     padding:50px 20px 20px 20px !important;     
     margin-left:0px;
+
     margin-left:0px !important;
     position:absolute;
+
     position:absolute !important;
 
     left:280px;
 
     left:280px;
 
}
 
}
  
 
#mw-panel {
 
#mw-panel {
   width:270px;
+
   width:270px !important;
   top:199px;
+
   top:200px !important;
   padding-top:50px;
+
   padding-top:50px !important;
 
   padding-left:20px;
 
   padding-left:20px;
 
   background:white;
 
   background:white;
 
   position:absolute;
 
   position:absolute;
   left:0px;
+
   left:0px;
 
}
 
}
  
Ligne 189 : Ligne 190 :
 
#mw-panel DIV.portal H5 {
 
#mw-panel DIV.portal H5 {
 
     background:url(http://blog.inria.fr/sciencinfolycee/wp-content/themes/silo/images/widget_title_bg2.png) no-repeat;
 
     background:url(http://blog.inria.fr/sciencinfolycee/wp-content/themes/silo/images/widget_title_bg2.png) no-repeat;
     color:#00B1E6;
+
     color:#00B1E6 !important;
 
     font-family:Lucida Sans,Lucida Grande;
 
     font-family:Lucida Sans,Lucida Grande;
     font-size:13px;
+
     __font-size:11px !important;
     font-weight:bold;
+
     font-weight:bold !important;
 
     height:27px;
 
     height:27px;
     padding:22px 0 0 15px;
+
     padding:18px 0 0 15px !important;
 
     text-transoform:uppercase;
 
     text-transoform:uppercase;
 
     width:250px;
 
     width:250px;
Ligne 200 : Ligne 201 :
  
 
#mw-panel DIV.portal DIV.body UL LI {
 
#mw-panel DIV.portal DIV.body UL LI {
     border-bottom:1px dotted #7C7C7C;
+
     border-bottom:1px dotted #7C7C7C !important;
     color:#5D5D5D;
+
     color:#5D5D5D !important;
     padding:8px 15px;
+
     padding:8px 15px !important;
 
}
 
}
  
 
#mw-panel DIV.portal DIV.body {
 
#mw-panel DIV.portal DIV.body {
     margin:0px;
+
     margin:0px !important;
     width:250px;
+
     width:250px !important;
     padding:0px;
+
     padding:0px !important;
     background-image:none;
+
     background-image:none !important;
 
}
 
}
  
 
#mw-panel DIV.portal DIV.body UL LI a {
 
#mw-panel DIV.portal DIV.body UL LI a {
 
     color:#5D5D5D !important;
 
     color:#5D5D5D !important;
    font-size:11px;
 
 
     text-decoration:none;
 
     text-decoration:none;
 
}
 
}
Ligne 221 : Ligne 221 :
 
     padding:0px;
 
     padding:0px;
 
     padding-bottom:18px;
 
     padding-bottom:18px;
 +
}
 +
 +
.printfooter {
 +
  float:left;
 +
  width:1000px;
 
}
 
}
  

Version du 13 octobre 2011 à 16:06

/* CSS placed here will affect users of the Vector skin */
html { 
font-size:100%; 
}
	
body { 
background-image:none;
background:url(http://blog.inria.fr/sciencinfolycee/wp-content/themes/silo/images/body_bg.jpg) repeat-x 0 0; 
background-color:#f3f3f3;
font-size:100%; 
font-family:Arial, Helvetica, sans-serif; 
color:#666a67;
}

table, td, div, img { 
border:0; 
border-collapse:collapse;
}

td {
vertical-align:top;
}

ul { 
list-style:none;
}

p { 
padding:0px;
}

pre { 
outline:1px solid #959595;
background:#e8e8e8; 
padding:6px;
margin:0px 16px 4px 16px;
}
		
a {
text-decoration:underline; 
color:#00B1E6; 
outline:none;
}

a:hover {
text-decoration:underline;
}

/*** HEADER ***/
#links {
    left:330px;
    top:144px;
    position:absolute;
    color:white;
}

#links span {
    display:block;
    float:left;
    padding-right:45px;
    padding-left:45px;
    height:38px;
    position:relative;
    top:-3px;
}

#links a {
    font-size:15px;
    color:white;
    text-transform:uppercase;
    text-decoration:none;
    display:block;
    height:36px;
    float:left;
}

#links .selected {
    font-weight:bold;
    background:url(http://blog.inria.fr/sciencinfolycee/wp-content/themes/silo/images/current_item_bg.png) 0px 100% repeat-x;
}

#mw-page-base {
background-color:transparent;
background-image:none;
background-repeat:none;
margin:0;
padding:0px;
height:200px;
width:980px;
}

#mw-head-base {
background-color:transparent;
background-image:none;
background-repeat:none;
width:980px;
margin:0 auto;
position:absolute;
}

#mw-head {
width:1110px;
height:124px;
background:url(http://blog.inria.fr/sciencinfolycee/wp-content/themes/silo/images/header_bg.jpg) no-repeat 0 0;
background-color:white;
position:absolute;
top:0px;
left:0px;
}

DIV.vectorTabs UL LI {
    background-color:transparent;
}

#right-navigation {
    margin-top:200px;
    position:absolute;
    z-index:1000;
    left:300px;
}

#left-navigation {
    z-index:1000;
    top:200px;
    left:18px;
}

/*** HOMEPAGE ***/

#content {
    background-color:white !important;
    background-image:none !important;
    width:780px !important;
    #width:840px !important;
    padding:50px 20px 20px 20px !important;    
    margin-left:0px !important;
    position:absolute !important;
    left:280px;
}

#mw-panel {
  width:270px !important;
  top:200px !important;
  padding-top:50px !important;
  padding-left:20px;
  background:white;
  position:absolute;
  left:0px;  
}

/*** FOOTER ***/

#footer {
    display:none;
    background: url(http://blog.inria.fr/sciencinfolycee/wp-content/themes/silo/images/footer_bg.jpg) repeat-x 0 0;
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px;
    height:110px;
    width:100%;
    float:left;
    padding-top:45px;
}

#footer ul{
    margin-top:0px;
    padding:20px;
    padding-top:0px;
    
}

#footer-info {
     padding-top:20px;
}

#footer #footer-icons {
    padding:0px;
    margin:0px;
    margin-top:-20px;
    margin-right:20px;
}

BODY.ltr #footer #footer-places {
    margin:0px;
    padding:0px;
    margin-left:20px;
}

/*** NAVIGATION ***/

#mw-panel DIV.portal H5 {
    background:url(http://blog.inria.fr/sciencinfolycee/wp-content/themes/silo/images/widget_title_bg2.png) no-repeat;
    color:#00B1E6 !important;
    font-family:Lucida Sans,Lucida Grande;
    __font-size:11px !important;
    font-weight:bold !important;
    height:27px;
    padding:18px 0 0 15px !important;
    text-transoform:uppercase;
    width:250px;
}

#mw-panel DIV.portal DIV.body UL LI {
    border-bottom:1px dotted #7C7C7C !important;
    color:#5D5D5D !important;
    padding:8px 15px !important;
}

#mw-panel DIV.portal DIV.body {
    margin:0px !important;
    width:250px !important;
    padding:0px !important;
    background-image:none !important;
}

#mw-panel DIV.portal DIV.body UL LI a {
    color:#5D5D5D !important;
    text-decoration:none;
}

#mw-panel DIV.portal {
    padding:0px;
    padding-bottom:18px;
}

.printfooter {
  float:left;
  width:1000px;
}

/*** CONTENT ***/

#firstHeading {
    background:url(http://blog.inria.fr/sciencinfolycee/wp-content/themes/silo/images/widget_title_bg2.png) repeat-x;
    color:#00B1E6;
    font-family:Lucida Sans,Lucida Grande;
    font-size:13px;
    font-weight:bold;
    height:27px;
    padding:22px 0 0 15px;
    text-transoform:uppercase;
    border:0px;
}

h2 {
    color:#00B1E6;
    font-weight:bold;
    border:0px;    
}

#p-logo {
    display:none;
}

div.vectorTabs ul li  {
    background:none;
    
}

div.vectorTabs li a {
    background:none;
    color:#5D5D5D;
    font-size:11px;
}

div.vectorTabs ul {
    background:none;
}

div.vectorTabs {
    background:none;
    margin-top:5px;
}

div.vectorMenu h5 a {
    background:none;
}

div.vectorMenu {
   background-position:center 16px;
}

#firstHeading {
    margin-bottom:20px;
}