Difference between revisions of "Template:GenetiX Tec CCM"

Line 13: Line 13:
 
   </head>
 
   </head>
 
<style>
 
<style>
−
   .menu {
+
   body { background-color: #fff; }
 +
  #mainContainer {/* Creates a container that will wrap all of the content inside your wiki pages. */
 +
  width: 100%;
 +
  overflow:hidden;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-bottom: 10px;
 +
  background-color: #fff;
 +
  font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
  } 
 +
  #menuNavbar  {
 +
  background: #fff;
 +
  float:top;
 +
  width: 97%;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-top: 18px;
 +
  }
 +
  .navContainer li{
 +
    margin-top: 10px;
 +
  }
 +
  .navContainer li ul {
 +
          display: none;
 +
          padding-top:10px;
 +
          margin-left: -19px;
 +
  }
 +
  .navContainer li:hover ul {
 +
          /*display: inline-block; */
 +
          display: block;
 +
          position: absolute;
 +
          float:right;
 +
          margin-left:-40px;
 +
          margin-top:-10px;
 +
  }
 +
  .up{
 +
    background: #fff;
 +
  }
 +
  #topbar {
 +
    background: #fff;
 +
    padding: 10px 0 10px 0;
 +
    text-align: center;
 +
    height: 100px;
 +
    color: black;
 +
    overflow: hidden;
 +
    -webkit-transition: height 0.5s linear;
 +
    -moz-transition: height 0.5s linear;
 +
    transition: height 0.5s linear;
 +
  }
 +
  #topbar a {
 +
    color: #fff;
 +
    font-size:1.3em;
 +
    line-height: 1.25em;
 +
    text-decoration: none;
 +
    opacity: 0.5;
 +
    font-weight: bold;
 +
  }
 +
  #tophiddenbar {
 +
    font-size:1.5em;
 +
    background: #fff;
 +
    font-weight: bold;
 +
    text-align: right;
 +
    text-shadow: 1px 1px 0 #444;
 +
  }
 +
  #tophiddenbar a {
 +
    color: black;
 +
    font-size: 1.0em;
 +
    text-decoration: none;
 +
    opacity: 0.5;
 +
    text-shadow: none;
 +
  }
 +
  #tophiddenbar a:hover { opacity: 1; }
 +
  .subnavbar{
 +
    width:90%;
 +
    height:100px;
 +
    margin-left: 0px;
 +
  }
 +
  #contentContainer {
 +
    margin-top: 100px;
 +
    padding-top:20px;
 +
    padding-right:20px;
 +
    padding-left: 20px;
 +
    margin-bottom: 20px;
 +
    width: 100%;
 +
    background-color: #fff;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
  }
 +
  #bannerContainer {
 +
    height:200px;
 +
    margin:auto;
 +
    text-align:center;
 +
    color: #24B694;
 +
  }
 +
  #contentContainer h1, h2, h3, h4, h5, h6 {
 +
    color: #565656;
 +
    border-bottom: none;
 +
    font-weight: bold;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
    margin-top:10px;
 +
    }
 +
 
 +
  #footer{
 +
    background-color: #EEFFFF ;
 +
    font-family: "Impact", "Charcoal", sans-serif;
 +
    font-weight: 100;
 +
    font-size: 25px;
 +
    color: #594F4F;
 +
    float: bottom;
 +
  }
 +
  .address{
 +
    font-family: "Verdana", Geneva, sans-serif;
 +
    font-weight: 100;
 +
    font-size: 12px;
 +
    color:#594F4F;
 +
    margin-top: 20px;
 +
    margin-bottom: 10px;
 +
  }
 +
  .video {
 +
    margin-top: 40px;
 +
    margin-bottom: 60px;
 +
  }
 +
    .icons{
 +
    width: 50px;
 +
    margin-top: 20px;
 +
    margin-right: 10px;
 +
  }
 +
  .icons2{
 +
    width: 20px;
 +
 
 +
  }
 +
  .clear{
 +
    clear:both;
 +
    height: 10px;
 +
  }.menu {
 
     font-family: "Verdana", Geneva, sans-serif;
 
     font-family: "Verdana", Geneva, sans-serif;
 
     font-weight: 100;
 
     font-weight: 100;
Line 48: Line 180:
 
     font-size: 25px;
 
     font-size: 25px;
 
     color: black;
 
     color: black;
−
   }
+
   } #mainContainer p {  
−
  .footer{
+
            font-size: 13px;
−
    background-color: black;
+
            color: #000000;
−
    font-family: "Verdana", Geneva, sans-serif;
+
        }
−
     font-weight: 100;
+
     /*Style of the links - links are different inside the menu */
−
    font-size: 35px;
+
        #contentContainer a {
−
    color: white;
+
            font-weight: bold;
−
  }
+
            color: #23b593;
−
  </style>
+
        }
−
 
+
      /* Styling links on hover- links are different inside the menu */
−
 
+
         #contentContainer a:hover {
−
    <!-- Start of CSS-->
+
            color: #59bf92;
−
        <style type="text/css">
+
         }
−
 
+
    /*Change the styling of tables */
−
         /* PAGE LAYOUT */
+
                #contentContainer table {
−
 
+
                 border: 1px solid #565656;
−
         /* Change Background color*/
+
                border-collapse: collapse;
−
            body {  
+
                width: 90%
−
                 background-color: #fff;
+
                margin: auto;
 +
                margin-bottom: 15px;
 +
                margin-top: 15px;
 +
                margin-right: 10px;
 +
                margin-left: 10px;
 
             }
 
             }
−
 
+
    /*Change the styling of table cells*/
−
        /* Creates a container that will wrap all of the content inside your wiki pages. */
+
             #contentContainer  td {
−
             #mainContainer {
+
                 padding: 10px;
−
                 width: 100%;
+
                 border: 1px solid #565656;
−
                 overflow:hidden;
+
                 border-collapse: collapse;
−
                 margin-left: auto;
+
                 vertical-align: text-top;
−
                margin-right: auto;
+
−
                margin-bottom: 10px;
+
−
                background-color: #fff;  
+
−
                 font-family: "Trebuchet MS", Helvetica, sans-serif;
+
 
             }
 
             }
−
 
+
    /*Change the styling of table headers */
−
        /* Creates the container for the menu */
+
             #contentContainer th {
−
             #menuNavbar  {  
+
                 background-color: #E8E8E9;
−
                 float:top;
+
                 padding: 10px;
−
                 width: 97%;
+
                 border: 1px solid #565656;
−
                 margin-left: auto;
+
                border-collapse: collapse;
−
                 margin-right: auto;
+
                 vertical-align: text-top;
 
             }
 
             }
−
 
+
    /*MENU STYLING */
−
        /* Creates the container for the content */
+
    /*Styling for the links in the menu */
−
            #contentContainer {
+
    /*  #menuContainer a {
−
                padding-top:20px;
+
            color: #565656;
−
                padding-right:20px;
+
            text-decoration:none;
−
                padding-left: 20px;
+
            font-weight: bold;
−
                margin-bottom: 20px;
+
        }
−
                width: 100%;
+
    /* Sets the style for lists inside menuContainer  */
−
                background-color: #fff;
+
        #menuContainer ul {  
−
                border-top: 14px solid #565656;
+
            list-style: none;
−
                font-family: "Trebuchet MS", Helvetica, sans-serif;
+
            margin-left:0px;
−
            }
+
        }
−
 
+
    /*Styles the list items to become menu buttons */
−
        /*Set up height place holder for the banner*/
+
        #menuContainer ul li {  
−
            #bannerContainer {
+
            text-align: center;
−
                height:200px;
+
            display: block;
−
                margin:auto;
+
            width: 100%;
−
                text-align:center;
+
            height:30px;
−
                color: #24B694;
+
        }
−
            }
+
    /*For the menu buttons, changes the color when hovering*/
−
 
+
        #menuContainer li:hover {
−
        /*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
            color:  black;
−
 
+
            background-color: #24B694;
−
        /*Change the styling of text for everything inside main container*/
+
        }
−
            #mainContainer p {
+
    /*Submenus are not displayed as default*/
−
                font-size: 13px;
+
        #menuContainer li ul {
−
                color: #000000;
+
            display: none;
−
            }
+
            padding-top:-30px;
−
           
+
            margin-left: -19px;
−
        /*This changes the color and font family */
+
        }
−
            #contentContainer h1, h2, h3, h4, h5, h6 {
+
    /*Submenus are displayed when hovering the menu button */
−
                color: #565656;
+
        #menuContainer li:hover ul {
−
                border-bottom: none;
+
            /*display: inline-block; */
−
                font-weight: bold;
+
            display: block;  
−
                font-family: "Trebuchet MS", Helvetica, sans-serif;
+
            position: absolute;  
−
                margin-top:10px;
+
            float:right;
−
            }
+
            margin-left: 134px;
−
 
+
            margin-top:-82px;
−
        /*Style of the links - links are different inside the menu */
+
        }
−
            #contentContainer a {
+
    /*Style the submenu buttons*/
−
                font-weight: bold;
+
      #menuContainer ul li {  
−
                color: #23b593;
+
        text-align: center;
−
            }
+
        display: block;
−
 
+
        width: 100%;
−
          /* Styling links on hover- links are different inside the menu */
+
        height:30px;
−
            #contentContainer a:hover {
+
        padding-left:30px;
−
                color: #59bf92;
+
      }
−
            }
+
      ul {
−
 
+
          list-style-type: none;
−
        /*Change the styling of tables */
+
          margin: 0;
−
                    #contentContainer table {
+
      }
−
                    border: 1px solid #565656;
+
      li {
−
                    border-collapse: collapse;
+
          float: left;
−
                    width: 90%
+
        list-style-type: none;
−
                    margin: auto;
+
        padding-left: 20px;
−
                    margin-bottom: 15px;
+
      }
−
                    margin-top: 15px;
+
      a {
−
                    margin-right: 10px;
+
          display: block;
−
                    margin-left: 10px;
+
      }
−
                }
+
      .menu-main{
−
 
+
        width:90%;
−
        /*Change the styling of table cells*/
+
        height:30px;
−
                #contentContainer  td {
+
        align:center;
−
                    padding: 10px;
+
        padding-right: 50px;
−
                    border: 1px solid #565656;
+
      }
−
                    border-collapse: collapse;
+
      #globalWrapper, #content{
−
                    vertical-align: text-top;
+
        background-color: transparent;
−
                }
+
        border: 0px;
−
 
+
        float: left;
−
        /*Change the styling of table headers */
+
        margin:0px;
−
                #contentContainer th {
+
        padding: 0px;
−
                    background-color: #E8E8E9;
+
      }
−
                    padding: 10px;
+
        /*CLASSES */
−
                    border: 1px solid #565656;
+
−
                    border-collapse: collapse;
+
−
                    vertical-align: text-top;
+
−
                }
+
−
 
+
−
 
+
−
 
+
−
        /*MENU STYLING */
+
−
 
+
−
        /*Styling for the links in the menu */
+
−
            #menuContainer a {
+
−
                color: #565656;
+
−
                text-decoration:none;
+
−
                font-weight: bold;
+
−
            }
+
−
 
+
−
        /* Sets the style for lists inside menuContainer  */
+
−
            #menuContainer ul {  
+
−
                list-style: none;
+
−
                margin-left:0px;
+
−
            }
+
−
 
+
−
        /*Styles the list items to become menu buttons */
+
−
            #menuContainer ul li {  
+
−
                text-align: center;
+
−
                display: block;
+
−
                width: 100%;
+
−
                height:30px;
+
−
            }
+
−
 
+
−
        /*For the menu buttons, changes the color when hovering*/
+
−
            #menuContainer li:hover {
+
−
                color:  #FFF;
+
−
                background-color: #24B694;
+
−
            }
+
−
 
+
−
        /*Submenus are not displayed as default*/
+
−
            #menuContainer li ul {
+
−
                display: none;
+
−
                padding-top:15px;
+
−
                margin-left: -19px;
+
−
            }
+
−
 
+
−
        /*Submenus are displayed when hovering the menu button */
+
−
            #menuContainer li:hover ul {
+
−
                /*display: inline-block; */
+
−
                display: block;  
+
−
                position: absolute;  
+
−
                margin-left: 134px;
+
−
                margin-top:-42px;
+
−
            }
+
−
 
+
−
        /*Style the submenu buttons*/
+
−
            #menuContainer li ul li{
+
−
                background-color: #59BF92;  
+
−
                padding-left:20px;
+
−
                padding-right:20px;
+
−
                height:30px;
+
−
                padding-top:10px;
+
−
                margin-top:-2px;
+
−
                color: #565656;
+
−
                width: 150px;
+
−
            }
+
−
 
+
−
    /*CLASSES */
+
−
 
+
 
         /*Clear class for all the pages, adds spacing too*/
 
         /*Clear class for all the pages, adds spacing too*/
−
            .clear{
 
−
                clear:both;
 
−
                height: 10px;
 
−
            }
 
−
 
−
 
 
         /* highlight box for special messages */
 
         /* highlight box for special messages */
−
                .highlightBox {
+
            .highlightBox {
−
                        width:500px;  
+
                    width:500px;  
−
                        margin:auto;  
+
                    margin:auto;  
−
                        background-color: #E8E8E9;  
+
                    background-color: #E8E8E9;  
−
                margin-bottom: 15px;
+
            margin-bottom: 15px;
−
                margin-top: 15px;
+
            margin-top: 15px;
−
                padding: 15px;
+
            padding: 15px;
−
                padding-top: 5px;
+
            padding-top: 5px;
−
                }
+
−
 
+
−
 
+
 
         </style>
 
         </style>
 
     <!-- End of CSS -->
 
     <!-- End of CSS -->
 
</html>
 
</html>

Revision as of 18:46, 16 September 2015