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 10: Line 16:
 
#content {
 
#content {
 
     border: none;
 
     border: none;
 +
    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%;}
−
  #content {
+
  hr {display:block; border-width:1px solid green}
−
    border:none;
+
  .active a{
−
    width:100%;
+
     background-color: white;
−
    margin:0;
+
−
    padding:-10px;
+
−
     background:none;
+
 
   }
 
   }
−
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
  .footer{
−
     display:none;}
+
     clear: both;
−
#top-section {
+
     height: 90px;
−
     border: none;
+
     background-color: black;
−
     height: 0px;}
+
     width: 100%;
−
#content {
+
     opacity:0.7
−
     border: none;
+
     display:block;
−
     padding: 0px 0px 0px 0px;
+
     position: relative;
−
}
+
    box-sizing: border-box;
−
#globalWrapper {
+
  }
−
     font-size: 100%;
+
  .nav{
−
}
+
    opacity: 0.7;
−
 
+
    background: black;
−
#content {
+
     height: 50px;
−
     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:28, 2 October 2016