Difference between revisions of "Template:Common"

Line 2: Line 2:
  
 
<style>
 
<style>
 +
/*menu*/
 +
 +
#header{
 +
  position:relative;
 +
  width: 100%;
 +
  min-width: 1024px;
 +
  /*width: 1366px;*/
 +
  height: 72px;
 +
  margin: 0 auto;
 +
  /*border: 1px solid #000;*/
 +
  text-align: center;
 +
  background-color: #135589;
 +
  opacity: 0.7;
 +
  z-index:2;
 +
}
 +
#header ul{
 +
  /*list-style-type: none;*/
 +
  /*margin: 0;*/
 +
  padding: 0;
 +
}
 +
#nav-wrapper{
 +
  width: 1024px;
 +
  margin: 0 auto;
 +
}
 +
.nav {
 +
  text-align:center;
 +
  width: 1024px;
 +
  height:72px;
 +
  position: relative;
 +
  left: 0;
 +
}
 +
.nav ul {
 +
  width:1024px;
 +
  margin: 0 auto;
 +
  list-style-type: none;
 +
}
 +
.nav ul li{
 +
  float: left;
 +
  width: 121px;
 +
  margin: 0;
 +
  /*border-right: 1px solid #e6e4e4;*/
 +
  box-sizing: border-box;
 +
  /*text-indent:-9999px;*/
 +
}
 +
.nav ul li:last-child {
 +
  border-right: none;
 +
}
 +
.nav ul li a{
 +
  display: block;
 +
  width: 100%;
 +
  height:72px;
 +
  line-height:72px;
 +
}
 +
#nv0 a{
 +
  background: url(T--Kyoto--Norofig.png);
 +
  background-repeat: no-repeat;
 +
  background-position: center;
 +
}
 +
#nv1 > a{background: url(T--Kyoto--menutext-05.png);}
 +
#nv2 > a{background: url(T--Kyoto--menutext-06.png);}
 +
#nv3 > a{background: url(T--Kyoto--menutext-07.png);}
 +
#nv4 > a{background: url(T--Kyoto--menutext-08.png);}
 +
#nv5 > a{background: url(T--Kyoto--menutext-09.png);}
 +
#nv6 > a{background: url(T--Kyoto--menutext-10.png);}
 +
#nv7 > a{background: url(T--Kyoto--menutext-11.png);}
 +
#nv8 > a{background: url(T--Kyoto--menutext-12.png);}
 +
 +
#nv11  {background-image: url(T--Kyoto--pulldownmenu-14.png);}
 +
#nv12  {background-image: url(T--Kyoto--pulldownmenu-16.png);}
 +
 +
#nv21  {background-image: url(T--Kyoto--pulldownmenu-14.png);}
 +
#nv22  {background-image: url(T--Kyoto--pulldownmenu-20.png);}
 +
 +
#nv51  {background-image: url(T--Kyoto--pulldownmenu-17.png);}
 +
#nv52  {background-image: url(T--Kyoto--pulldownmenu-18.png);}
 +
#nv53  {background-image: url(T--Kyoto--pulldownmenu-19.png);}
 +
 +
#nv71  {background-image: url(T--Kyoto--pulldownmenu-15.png);}
 +
#nv72  {background-image: url(T--Kyoto--pulldownmenu-22.png);}
 +
 +
#nv1 > a:hover{background-position: 0 -72px;}
 +
#nv2 > a:hover{background-position: 0 -72px;}
 +
#nv3 > a:hover{background-position: 0 -72px;}
 +
#nv4 > a:hover{background-position: 0 -72px;}
 +
#nv5 > a:hover{background-position: 0 -72px;}
 +
#nv6 > a:hover{background-position: 0 -72px;}
 +
#nv7 > a:hover{background-position: 0 -72px;}
 +
#nv8 > a:hover{background-position: 0 -72px;}
 +
 +
.nv > li > ul {
 +
  width:121px;
 +
}
 +
 +
.nv > li > ul > li{
 +
  float:inherit;
 +
  height:0px;
 +
  transition:height 0.5s;
 +
  opacity:0.7;
 +
  background-color:#1e1e20;
 +
}
 +
 +
.nv > li > ul > li:hover{
 +
  opacity:0.3;
 +
}
 +
 +
.nv > li:hover > ul > li{
 +
  height:48px;
 +
}
 +
 +
.nv > li > ul > li  a{
 +
  height:0px;
 +
  transition:height 0.5s;
 +
}
 +
 +
.nv > li:hover > ul > li  a{
 +
  height:48px;
 +
}
 +
 +
#contents-wrapper{
 +
  min-width:1024px;
 +
  background-color:#ffffff;
 +
}
 +
 +
#contents{
 +
  width: 1024px;
 +
  margin: 0 auto;
 +
  border-color: #000000;
 +
  color: #969696;
 +
  /*background-color: #c0ffee;*/
 +
}
 +
#contents p{
 +
  word-wrap:break-word;
 +
}
 +
/*#header li{
 +
  text-indent: -9999px;
 +
  float:left;
 +
  width: 100px;
 +
  margin: 0;
 +
  padding: 0;
 +
}*/
 +
#footer{
 +
  width: 100%;
 +
  min-width: 1024px;
 +
  height: 369px;
 +
  margin: 0 auto;
 +
  display: block;
 +
  background-color: #333333;
 +
}
 +
 +
#footer_logos{
 +
  width: 874px;
 +
  height: 135px;
 +
  margin: 0 auto;
 +
  padding: 20 0;
 +
}
 +
 +
#footer_contact{
 +
  width: 874px;
 +
  height: 26px;
 +
  margin: 0 auto;
 +
}
 +
#footer_social{
 +
  width: 590px;
 +
  height: 84px;
 +
  margin: 0 auto;
 +
}
 +
#footer_social img{
 +
  margin: 0;
 +
}
  
  

Revision as of 12:35, 11 October 2016