Difference between revisions of "Template:AUC TURKEY"

Line 2: Line 2:
 
<style type="text/css">
 
<style type="text/css">
 
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
 
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
 
 
.topWikiNavBackground {
 
.topWikiNavBackground {
 
height:18px;
 
height:18px;
Line 8: Line 7:
 
background-color:transparent;
 
background-color:transparent;
 
}
 
}
 
 
.headerimage {
 
.headerimage {
 
position: relative;
 
position: relative;
Line 16: Line 14:
 
height: 100%;
 
height: 100%;
 
}
 
}
 
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
width: 100%;  
 
width: 100%;  
Line 26: Line 23:
 
text-align:center;
 
text-align:center;
 
}
 
}
 
 
#header{
 
#header{
 
   width: 100%;
 
   width: 100%;
Line 38: Line 34:
 
color:white;
 
color:white;
 
}
 
}
 
 
#contentContainer {
 
#contentContainer {
 
text-align: left;
 
text-align: left;
Line 48: Line 43:
 
padding-left: 20px;
 
padding-left: 20px;
 
font-size: 20px;
 
font-size: 20px;
 +
}
 +
#menu {
 +
    display: inline-block;
 
}
 
}
 
#menu a{
 
#menu a{
 
color:white;
 
color:white;
 +
display: block;
 
}
 
}
 
#menu a:hover {
 
#menu a:hover {
Line 66: Line 65:
 
#menu li:hover {
 
#menu li:hover {
 
     background-color:lightgray;
 
     background-color:lightgray;
 +
}
 +
#projectname {
 +
    font-size:40px;
 +
display:inline-block;
 +
}
 +
#parent {position: relative;}
 +
#child {
 +
    position: absolute;
 +
    top: 50%;
 +
    left: 50%;
 +
    height: 30%;
 +
    width: 50%;
 +
    margin: -15% 0 0 -25%;
 
}
 
}
 
</style>
 
</style>
 
</script>
 
</script>
 
<div id="header">
 
<div id="header">
<div>
+
<div id="parent">
Project Name
+
<div id="child">
</div>
+
<div id="projectname">
<div id="menu">
+
Project Name
<ul>
+
</div>
  <li><div><a href="#"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/vynil-64.png" /><br/>Home</a></div></li>
+
<div id="menu">
  <li><div><a href="#"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/vynil-64.png" /><br/>Project</a></div></li>
+
<ul>
  <li><div><a href="#"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/vynil-64.png" /><br/>Team</a></div></li>
+
<li>
  <li><div><a href="#"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/vynil-64.png" /><br/>Human Practice</a></div></li>
+
<div>
</ul>
+
<a href="#"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/vynil-64.png"/><br/>Home</a>
</div>
+
</div>
 +
</li>
 +
<li>
 +
<div>
 +
<a href="#"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/vynil-64.png"/><br/>Project</a>
 +
</div>
 +
</li>
 +
<li>
 +
<div>
 +
<a href="#"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/vynil-64.png"/><br/>Team</a>
 +
</div>
 +
</li>
 +
<li>
 +
<div>
 +
<a href="#"><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/vynil-64.png"/><br/>Human Practice</a>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 
<div id="contentContainer">
 
<div id="contentContainer">
</html>
+
</html>

Revision as of 13:21, 23 June 2015