Difference between revisions of "Template:IONIS Paris-style-css"

Line 3: Line 3:
 
  /* Hide first heading */
 
  /* Hide first heading */
  
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
<style type="text/css">
 
−
a:hover {
 
−
    text-decoration: none !important;
 
−
}
 
 
#globalWrapper{
 
#globalWrapper{
 
     margin-bottom: 0px !important;
 
     margin-bottom: 0px !important;
Line 18: Line 12:
 
     color: white;
 
     color: white;
 
     width: 100%;
 
     width: 100%;
−
    padding: 15px 0;
+
 
 
     margin: 0 auto !important;
 
     margin: 0 auto !important;
−
    background-image: url(http://wallpaperrs.com/uploads/vector-designs/lonely-green-tree-wide-wallpaper-32625.jpg);
 
 
     position: relative;
 
     position: relative;
 
}
 
}
−
   body {width:100%;}
+
    
−
  hr {display:block; border-width:1px solid green}
+
  #content {
−
  .active a{
+
    border:none;
−
     background-color: white;
+
    width:100%;
 +
    margin:0;
 +
    padding:-10px;
 +
     background:none;
 
   }
 
   }
−
  .footer{
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
−
     clear: both;
+
     display:none;}
−
     height: 90px;
+
#top-section {
−
     background-color: black;
+
     border: none;
−
     width: 100%;
+
     height: 0px;}
−
     opacity:0.7
+
#content {
−
     display:block;
+
     border: none;
−
     position: relative;
+
     padding: 0px 0px 0px 0px;
−
    box-sizing: border-box;
+
}
−
  }
+
#globalWrapper {
−
  .nav{
+
     font-size: 100%;
−
    opacity: 0.7;
+
}
−
    background: black;
+
 
−
     height: 50px;
+
#content {
 +
     width:100%;
 +
}
 +
 
 +
h1, h2, h3, h4, h5, h6 { border-bottom: 0px transparent;
 +
line-height: 0;
 +
margin-bottom: none;
 +
}
 +
 +
table, th,td {
 +
margin-bottom:none;}
 +
 +
a:visited {
 +
     color: #66cdaa;
 +
}
 +
 
 +
 
 +
div {
 
     display: block;
 
     display: block;
−
    width: 1300px;
+
}
−
    margin: 0 auto;
+
−
    list-style: none;}
+
−
  .nav ul {list-style:none; margin-top:5px; padding:20;}
+
−
  .nav li {float:left; text-align:left; position:relative; width:100px; height:30px; line-height:30px; display:inline-block;}
+
−
  .nav li ul li {float:none; width:113px; text-align:right; padding-left:0;}
+
−
  .main.active {background-color:white;}
+
−
  .nav .main {
+
−
    font-weight: 700;
+
−
    font-size: smaller;
+
−
    text-align: right;
+
−
    margin-left: 27px;
+
−
    text-decoration: none;
+
−
    color: #8BD0CD;
+
−
    border-bottom: 4px solid #8BD0CD;
+
−
    border-top: 4px solid #8BD0CD;
+
−
    padding: 7px 0px 5px 50px;
+
−
  }
+
−
  a{
+
−
    color: #8BD0CD;
+
−
  }
+
−
  a:visited{
+
−
    color: #8BD0CD;
+
−
  }
+
−
  .nav li ul {position:absolute; top:41px; left:0; visibility:hidden;}
+
−
  .nav li a:hover {border-bottom:1px solid green; font-weight:bold;}
+
−
  .nav li a:focus,.active {bakground-color:#ecf0f1;}
+
−
  .nav li:hover ul {
+
−
    visibility: visible;
+
−
    left: -26px;
+
−
    display: block;
+
−
    background: white;
+
−
  }
+
−
  .content {clear:both;}
+
  
  

Revision as of 18:30, 2 October 2016