<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>MotoCyti Motorcycles CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- CSS Tabs is licensed under Creative Commons Attribution 3.0 - http://creativecommons.org/licenses/by/3.0/ -->
<link rel="stylesheet" type="text/css" href="mystyles.css" media="screen" />
<style type="text/css">

body {
font: 100% verdana, arial, sans-serif;
background-color: #fff;
margin: 50px;
}

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 14px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#Home li.Home a, body#Details li.Details a, body#News li.News a, body#About li.About a,body#Support li.Support a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #aaa; /* set unselected tab background color as desired #cfc*/
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
#border-radius: 25px;
border-radius: 8px 8px 0px 0;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}
/* end css tabs */
h1 { 
font: 24px verdana, sans-serif;
}
.hdr_container {
 display: grid;
 align-items: center; 
 grid-template-columns: 1fr 1fr 1fr;
 column-gap: 5px;
}

.hdr_img {
  max-width: 20%;
  max-height: 20%;
}

.hdr_text {
  font-size: 70px;
}

	
</style>

</head>

<body id="Home">

<p><!a href="/publications/css_tabs/">&#8592; Introduction</a></p>

<h1>CSS Tabs 2.0</h1>

<ul id="tabnav">
	<li class="Home"><a href="index.html">Home</a></li>
	<li class="Details"><a href="Details.html">Details</a></li>
	<li class="News"><a href="News.html">News</a></li>
	<li class="About"><a href="About.html">About</a></li>
</ul>

<p>CSS Tabs is licensed under <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0</a>.</p>


<!a href="css_tabs_v1.html">Looking for CSS Tabs 1.0?</a>

</body>
</html>
