Difference between revisions of "Team:TNCR Korea/Basic Part"

Line 7: Line 7:
 
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
 
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
 
<head>
 
<head>
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Line 44: Line 43:
  
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
−
 
−
/* Clear the default wiki settings */
 
−
 
−
#home_logo, #sideMenu { display:none; }
 
−
#sideMenu, #top_title, .patrollink  {display:none;}
 
−
#content { width:100%; padding: 0px;  margin-top:-7px; margin-left:0px;}
 
−
body {background-color:white; }
 
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
  
 +
#fh5co-primary-menu li{
 +
display: inline
 +
}
  
−
.navbar {
+
 
−
    overflow: hidden;
+
#fh5co-menu-wrap {
−
    background-color: #333;
+
  position: relative;
−
    font-family: Arial;
+
  z-index: 2;
 +
  display: inline;
 +
  float: right;
 +
  margin-top: 60px;
 
}
 
}
  
−
.navbar a {
+
#fh5co-menu-wrap .sf-menu a {
−
    float: left;
+
  padding: 1em .75em;
−
    font-size: 16px;
+
−
    color: white;
+
−
    text-align: center;
+
−
    padding: 14px 16px;
+
−
    text-decoration: none;
+
 
}
 
}
  
−
.dropdown {
+
#fh5co-primary-menu > li > ul li.active > a {
−
    float: left;
+
  color: #FCC72C !important;
−
    overflow: hidden;
+
}
 +
#fh5co-primary-menu > li > .sf-with-ul:after {
 +
  border: none !important;
 +
  font-family: 'icomoon';
 +
  speak: none;
 +
  font-style: normal;
 +
  font-weight: normal;
 +
  font-variant: normal;
 +
  text-transform: none;
 +
  line-height: 1;
 +
  /* Better Font Rendering =========== */
 +
  -webkit-font-smoothing: antialiased;
 +
  -moz-osx-font-smoothing: grayscale;
 +
  position: absolute;
 +
  float: right;
 +
  margin-right: -5px;
 +
  top: 50%;
 +
  margin-top: -7px;
 +
  content: "\e922";
 +
  color: rgba(255, 255, 255, 0.5);
 +
}
 +
#fh5co-primary-menu > li > ul li {
 +
  position: relative;
 +
}
 +
#fh5co-primary-menu > li > ul li > .sf-with-ul:after {
 +
  border: none !important;
 +
  font-family: 'icomoon';
 +
  speak: none;
 +
  font-style: normal;
 +
  font-weight: normal;
 +
  font-variant: normal;
 +
  text-transform: none;
 +
  line-height: 1;
 +
  /* Better Font Rendering =========== */
 +
  -webkit-font-smoothing: antialiased;
 +
  -moz-osx-font-smoothing: grayscale;
 +
  position: absolute;
 +
  float: right;
 +
  margin-right: 10px;
 +
  top: 20px;
 +
  font-size: 16px;
 +
  content: "\e924";
 +
  color: rgba(0, 0, 0, 0.5);
 
}
 
}
  
−
.dropdown .dropbtn {
+
#fh5co-primary-menu .fh5co-sub-menu {
−
    font-size: 16px;  
+
  padding: 10px 7px 10px;
−
    border: none;
+
  background: #fff;
−
    outline: none;
+
  left: 0;
−
    color: white;
+
  -webkit-border-radius: 5px;
−
    padding: 14px 16px;
+
  -moz-border-radius: 5px;
−
    background-color: inherit;
+
  -ms-border-radius: 5px;
 +
  border-radius: 5px;
 +
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 +
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 +
  -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 +
  -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 +
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 
}
 
}
  
−
.navbar a:hover, .dropdown:hover .dropbtn {
+
#fh5co-primary-menu .fh5co-sub-menu > li > .fh5co-sub-menu {
−
    background-color: red;
+
  left: 100%;
 
}
 
}
  
−
.dropdown-content {
+
#fh5co-primary-menu .fh5co-sub-menu:before {
−
    display: none;
+
  position: absolute;
−
    position: absolute;
+
  top: -9px;
−
    background-color: #f9f9f9;
+
  left: 20px;
−
    min-width: 160px;
+
  width: 0;
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
  height: 0;
−
    z-index: 1;
+
  content: '';
 
}
 
}
  
−
.dropdown-content a {
+
#fh5co-primary-menu .fh5co-sub-menu:after {
−
    float: none;
+
  position: absolute;
−
    color: black;
+
  top: -8px;
−
    padding: 12px 16px;
+
  left: 21px;
−
    text-decoration: none;
+
  width: 0;
−
    display: block;
+
  height: 0;
−
    text-align: left;
+
  border-right: 8px solid transparent;
 +
  border-bottom: 8px solid #fff;
 +
  border-bottom: 8px solid white;
 +
  border-left: 8px solid transparent;
 +
  content: '';
 
}
 
}
  
−
.dropdown-content a:hover {
+
#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:before {
−
    background-color: #ddd;
+
  top: 6px;
 +
  left: 100%;
 
}
 
}
  
−
.dropdown:hover .dropdown-content {
+
#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:after {
−
    display: block;
+
  top: 7px;
 +
  right: 100%;
 +
  border: none !important;
 
}
 
}
 +
 +
.site-header.has-image #primary-menu .sub-menu {
 +
  border-color: #ebebeb;
 +
  -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
 +
  -moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
 +
  -ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
 +
  -o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
 +
  box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
 +
}
 +
.site-header.has-image #primary-menu .sub-menu:before {
 +
  display: none;
 +
}
 +
 +
#fh5co-primary-menu .fh5co-sub-menu a {
 +
  letter-spacing: 0;
 +
  padding: 0 15px;
 +
  font-size: 18px;
 +
  line-height: 34px;
 +
  color: #575757 !important;
 +
  text-transform: none;
 +
  background: none;
 +
}
 +
#fh5co-primary-menu .fh5co-sub-menu a:hover {
 +
  color: #FCC72C !important;
 +
}
 +
 
#fh5co-work-section,t
 
#fh5co-work-section,t
 
#fh5co-services-section,
 
#fh5co-services-section,
Line 143: Line 216:
 
<h1 id="fh5co-logo"><a href="index.html">TNCR<span>KOREA</span></a></h1>
 
<h1 id="fh5co-logo"><a href="index.html">TNCR<span>KOREA</span></a></h1>
 
<!-- START #fh5co-menu-wrap -->
 
<!-- START #fh5co-menu-wrap -->
−
<div class="navbar">
+
<nav id="fh5co-menu-wrap" role="navigation">
−
  <a href="#home">Home</a>
+
<ul class="sf-menu" id="fh5co-primary-menu">
−
  <div class="dropdown">
+
<li>
−
    <button class="dropbtn">Team
+
<a href="index.html">Home</a>
−
      <i class="fa fa-caret-down"></i>
+
</li>
−
    </button>
+
<li>
−
    <div class="dropdown-content">
+
<a href="portfolio.html" class="fh5co-sub-ddown">Projects</a>
−
      <a href="#">Team</a>
+
<ul class="fh5co-sub-menu">
−
      <a href="#">Collaborations</a>
+
<li><a href="http://freehtml5.co/preview/?item=build-free-html5-bootstrap-template" target="_blank">Build</a></li>
−
    </div>
+
<li><a href="http://freehtml5.co/preview/?item=work-free-html5-template-bootstrap" target="_blank">Work</a></li>
−
  </div>  
+
<li><a href="http://freehtml5.co/preview/?item=light-free-html5-template-bootstrap" target="_blank">Light</a></li>
−
  <div class="dropdown">
+
<li><a href="http://freehtml5.co/preview/?item=relic-free-html5-template-using-bootstrap" target="_blank">Relic</a></li>
−
    <button class="dropbtn">Project
+
<li><a href="http://freehtml5.co/preview/?item=display-free-html5-template-using-bootstrap" target="_blank">Display</a></li>
−
      <i class="fa fa-caret-down"></i>
+
<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Sprint</a></li>
−
    </button>
+
</ul>
−
    <div class="dropdown-content">
+
</li>
−
      <a href="#">Description</a>
+
<li>
−
      <a href="#">Design</a>
+
<a href="services.html" class="fh5co-sub-ddown">Services</a>
−
      <a href="#">Experiments</a>
+
<ul class="fh5co-sub-menu">
−
      <a href="#">Notebook</a>
+
<li><a href="left-sidebar.html">Web Development</a></li>
−
      <a href="#">InterLab</a>
+
<li><a href="right-sidebar.html">Branding &amp; Identity</a></li>
−
      <a href="#">Contribution</a>
+
<li>
−
      <a href="#">Modeling</a>
+
<a href="#" class="fh5co-sub-ddown">Free HTML5</a>
−
      <a href="#">Results</a>
+
<ul class="fh5co-sub-menu">
−
      <a href="#">Demonstrate</a>
+
<li><a href="http://freehtml5.co/preview/?item=build-free-html5-bootstrap-template" target="_blank">Build</a></li>
−
      <a href="#">Improve</a>
+
<li><a href="http://freehtml5.co/preview/?item=work-free-html5-template-bootstrap" target="_blank">Work</a></li>
−
      <a href="#">Attributions</a>
+
<li><a href="http://freehtml5.co/preview/?item=light-free-html5-template-bootstrap" target="_blank">Light</a></li>
−
    </div>
+
<li><a href="http://freehtml5.co/preview/?item=relic-free-html5-template-using-bootstrap" target="_blank">Relic</a></li>
−
  </div>
+
<li><a href="http://freehtml5.co/preview/?item=display-free-html5-template-using-bootstrap" target="_blank">Display</a></li>
−
  <div class="dropdown">
+
<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Sprint</a></li>
−
    <button class="dropbtn">Parts
+
</ul>
−
      <i class="fa fa-caret-down"></i>
+
</li>
−
    </button>
+
<li><a href="#">UI Animation</a></li>
−
    <div class="dropdown-content">
+
<li><a href="#">Copywriting</a></li>
−
      <a href="#">Parts</a>
+
<li><a href="#">Photography</a></li>  
−
      <a href="#">Basic Parts</a>
+
</ul>
−
      <a href="#">Composite Parts</a>
+
</li>
−
      <a href="#">Part Collection</a>
+
<li><a href="about.html">About</a></li>
−
    </div>
+
<li class="active"><a href="blog.html">Blog</a></li>
−
  </div>  
+
<li><a href="contact.html">Contact</a></li>
−
  <a href="#home">Safety</a>
+
</ul>
−
  <div class="dropdown">
+
</nav>
−
    <button class="dropbtn">Human Practices
+
−
      <i class="fa fa-caret-down"></i>
+
−
    </button>
+
−
    <div class="dropdown-content">
+
−
      <a href="#">Silver HP</a>
+
−
      <a href="#">Integrated and Gold</a>
+
−
      <a href="#">Public Engagement</a>
+
−
    </div>
+
−
  </div>  
+
−
</div>
+
−
 
+
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 09:09, 28 October 2017

TNCR_KOREA — Make gluten digestable