Difference between revisions of "Template:Kyoto Common"

 
(81 intermediate revisions by 3 users not shown)
Line 2: Line 2:
  
 
<style>
 
<style>
−
 
+
body{
 +
  margin:17px 0 0 0;
 +
}
 
/*DISABLE DEFAULT DESIGN*/
 
/*DISABLE DEFAULT DESIGN*/
 
#bodyContent{
 
#bodyContent{
Line 8: Line 10:
 
   font-family:"Arial Unicode MS";
 
   font-family:"Arial Unicode MS";
 
}
 
}
−
 
+
#top_menu_under{
 +
  display:none;
 +
}
 
#content{
 
#content{
 
   width: 100%;
 
   width: 100%;
Line 37: Line 41:
 
}
 
}
 
#contents li{
 
#contents li{
−
   font-size:15px;
+
   font-size:17px;
 
}
 
}
  
Line 95: Line 99:
 
   line-height:72px;
 
   line-height:72px;
 
}
 
}
 +
kyoto-calender table{
 +
    border-collapse: collapse;
 +
    margin: 10px;
 +
    margin-right: 4px;
 +
    float: left;
 +
}
 +
.kyoto-calendar th{
 +
    width: 24px;
 +
    border: none;
 +
    padding: 3px;
 +
    background-color: #135589;
 +
    color: #ffffff;
 +
}
 +
 +
.kyoto-calendar td {
 +
    width: 24px;
 +
    height: 24px;
 +
    border: none;
 +
    padding: 0px;
 +
    text-align: center;
 +
}
 +
 +
.kyoto-calendar a {
 +
    width: 100%;
 +
    height: 100%;
 +
    display: block;
 +
    padding-bottom: 2px;
 +
    text-align: center;
 +
    background-color: #aaddff;
 +
}
 +
 +
.kyoto-calendar a:hover{
 +
    background-color: #135589;
 +
    color:#ffffff;
 +
}
 +
 
#nv0 a{
 
#nv0 a{
 
   background: url(https://static.igem.org/mediawiki/2016/8/88/T--Kyoto--Norofig.png);
 
   background: url(https://static.igem.org/mediawiki/2016/8/88/T--Kyoto--Norofig.png);
Line 115: Line 155:
 
#nv22  {background-image: url(https://static.igem.org/mediawiki/2016/f/ff/T--Kyoto--pulldownmenu-20.png);}
 
#nv22  {background-image: url(https://static.igem.org/mediawiki/2016/f/ff/T--Kyoto--pulldownmenu-20.png);}
  
−
#nv51  {background-image: url(https://static.igem.org/mediawiki/2016/b/b9/T--Kyoto--pulldownmenu-17.png);}
+
#nv51  {background-image: url(https://static.igem.org/mediawiki/2016/0/06/T--Kyoto--pulldownmenu-29.png);}
 
#nv52  {background-image: url(https://static.igem.org/mediawiki/2016/c/c5/T--Kyoto--pulldownmenu-18.png);}
 
#nv52  {background-image: url(https://static.igem.org/mediawiki/2016/c/c5/T--Kyoto--pulldownmenu-18.png);}
 
#nv53  {background-image: url(https://static.igem.org/mediawiki/2016/9/9d/T--Kyoto--pulldownmenu-19.png);}
 
#nv53  {background-image: url(https://static.igem.org/mediawiki/2016/9/9d/T--Kyoto--pulldownmenu-19.png);}
−
#nv54  {background-image: url(https://static.igem.org/mediawiki/2016/5/55/T--Kyoto--pulldownmenu-28.png);}
+
 
  
 
#nv71  {background-image: url(https://static.igem.org/mediawiki/2016/d/db/T--Kyoto--pulldownmenu-15.png);}
 
#nv71  {background-image: url(https://static.igem.org/mediawiki/2016/d/db/T--Kyoto--pulldownmenu-15.png);}
Line 216: Line 256:
 
}
 
}
  
−
 
+
.”caption”{
 +
  color:#6f89a5;
 +
  font-size: 14.5px;
 +
}
 
#bodyContent h1{
 
#bodyContent h1{
 
   font-size:40px;
 
   font-size:40px;
 
   color:#135589;
 
   color:#135589;
 
   border-bottom:1pt solid #135589;
 
   border-bottom:1pt solid #135589;
 +
  padding-top:45px;
 
   padding-bottom:15px;
 
   padding-bottom:15px;
−
   margin-bottom:5px;
+
   margin-bottom:15px;
 
}
 
}
 
#bodyContent h2{
 
#bodyContent h2{
 +
  font-size:25px;
 +
  color:#135589;
 +
  margin-top:30px;
 +
  line-height:25px;
 +
}
 +
h3{
 
   font-size:30px;
 
   font-size:30px;
 
   padding-bottom:8px;
 
   padding-bottom:8px;
 
   color:#808080;
 
   color:#808080;
 
   border-bottom:1pt solid #808080;
 
   border-bottom:1pt solid #808080;
−
}
 
−
h3{
 
−
  font-size:20px;
 
−
  color:#135589;
 
 
}
 
}
 
#bodyContent h4{
 
#bodyContent h4{
 
   font-size:20px;
 
   font-size:20px;
 
   color:#808080;
 
   color:#808080;
−
  padding-top:30px;
 
 
}
 
}
 
h5{
 
h5{
 
   font-size:15px;
 
   font-size:15px;
 
   color:#135589;
 
   color:#135589;
 +
}
 +
h6{
 +
  font-size:25px;
 +
  color:#135589;
 +
  padding-bottom:40px;
 +
}
 +
b{
 +
  font-size:17px;
 +
  color:#1e1e20;
 
}
 
}
 
p{
 
p{
 +
  font-size:17px;
 +
  color:#646464;
 +
}
 +
#toc{
 +
  list-style:none;
 +
  margin:0 0 15px 0;
 +
  padding:0;
 +
  border:0;
 +
  background:none;
 +
}
 +
#toc li{
 
   font-size:15px;
 
   font-size:15px;
 +
  color:#135589;
 +
  margin-bottom:10px;
 +
  font-weight:700;
 
}
 
}
 +
#cont {
 +
  list-style:none;
 +
  margin:0;
 +
  padding:0;
 +
  border:0;
 +
  background:none;
 +
}
 +
#cont li {
 +
  font-size:13px;
 +
  /*color:#135589;*/
 +
  margin-bottom:0px;
 +
  font-weight:700;
 +
}
 +
#cont2 {
 +
  list-style:none;
 +
  margin:0;
 +
  padding:0;
 +
  border:0;
 +
  background:none;
 +
}
 +
#cont2 li {
 +
  font-size:13px;
 +
  color:#135589;
 +
  margin-bottom:0px;
 +
  font-weight:700;
 +
  padding-left:2em;
 +
}
 +
#att{
 +
  margin:0 0 15px 0;
 +
  padding:0;
 +
  border:0;
 +
  background:none;
 +
}
 +
#att li{
 +
  font-size:15px;
 +
  color:#646464;
 +
  margin-bottom:10px;
 +
  font-weight:400;
 +
}
 +
#hp {
 +
  margin:0 0 17px 0;
 +
  padding:0;
 +
  border:0;
 +
  background:none;
 +
}
 +
#hp li{
 +
  list-style:none;
 +
  font-size:15px;
 +
  color:#646464;
 +
  margin-bottom:10px;
 +
  font-weight:400;
 +
}
 +
#hp2 {
 +
  margin:0 0 17px 0;
 +
  padding:0;
 +
  border:0;
 +
  background:none;
 +
}
 +
#hp2 li{
 +
  list-style:square;
 +
  font-size:15px;
 +
  color:#646464;
 +
  margin-bottom:10px;
 +
  margin-left:2em;
 +
  font-weight:400;
 +
}
 +
 +
a:link {
 +
  color: #135589;
 +
  font-weight:bold;
 +
}
 +
a:visited {
 +
  color: #135589;
 +
  font-weight:bold;
 +
}
 +
a:hover {
 +
  color: #135589;
 +
  font-weight:bold;
 +
}
 +
a:active {
 +
  color: #135589;
 +
  font-weight:bold;
 +
}
 +
 +
  div.keln_container img{
 +
  margin-top: 20px;
 +
  max-width: 400px;
 +
  height: auto;
 +
  }
 +
 +
  img.hpimg{
 +
  margin-top: 20px;
 +
  max-width: 600px;
 +
  height: auto;
 +
  }
 +
 +
 
</style>
 
</style>
  
Line 258: Line 423:
 
<head>  
 
<head>  
 
<meta name="viewport" content="width=device-width, initial-scale=1">  
 
<meta name="viewport" content="width=device-width, initial-scale=1">  
 +
        <meta charset="UTF-8">
 
</head>
 
</head>
  
Line 327: Line 493:
  
 
</script>
 
</script>
−
 
−
<!-- COUNTDOWN -->
 
−
<div id="kyoto_alert">count down</div>
 
−
<style type="text/css">
 
−
#kyoto_alert {
 
−
  position: fixed;
 
−
  bottom: 30px;
 
−
  right: 10px;
 
−
  height: 30px;
 
−
  width: 300px;
 
−
  padding: 30px 10px;
 
−
  display: none;
 
−
 
−
  /* text */
 
−
  line-height: 30px;
 
−
  font-size: 30px;
 
−
  font-family: sans-serif;
 
−
  text-align: center;
 
−
  text-decoration: none;
 
−
 
−
  /* color */
 
−
  background-color: #aaa;
 
−
  border: 4px solid #888;
 
−
  color: #eee;
 
−
 
−
  /* box sizing */
 
−
  box-sizing: content-box;
 
−
  -webkit-box-sizing: content-box;
 
−
  -moz-box-sizing: content-box;
 
−
 
−
  /* border radius */
 
−
  border-radius: 20px;
 
−
  -webkit-border-radius: 20px;
 
−
  -moz-border-radius: 20px;
 
−
 
−
  /* select cancel */
 
−
  user-select: none;
 
−
  -webkit-user-select: none;
 
−
  -moz-user-select: none;
 
−
  -khtml-user-select: none;
 
−
}
 
−
</style>
 
−
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 
−
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
 
−
<script>
 
−
$(function(){
 
−
 
−
/* October 17 wiki FREEZE at 12:00PM EDT */
 
−
var year = 2016;
 
−
var month = 10;
 
−
var day = 19;
 
−
var freeze = Date.UTC(year, month-1, day, 4, 00, 0);
 
−
 
−
function get_current_utc() {
 
−
    var date = new Date();
 
−
    return Date.UTC(
 
−
        date.getUTCFullYear(),
 
−
        date.getUTCMonth(),
 
−
        date.getUTCDate(),
 
−
        date.getUTCHours(),
 
−
        date.getUTCMinutes(),
 
−
        date.getUTCSeconds()
 
−
    );
 
−
}
 
−
 
−
/*
 
−
* return array of the quoteient and remainder
 
−
*/
 
−
function qr(dividend, divisor) {
 
−
    return [Math.floor(dividend/divisor),
 
−
        dividend%divisor];
 
−
}
 
−
 
−
function repeat_str(str, n) {
 
−
    var retval = '';
 
−
    for (var i = 0; i < n; i++) {
 
−
        retval += str;
 
−
    }
 
−
    return retval;
 
−
}
 
−
 
−
/*
 
−
* transfer Integer to String
 
−
*/
 
−
function itos(number, figures) {
 
−
    return [repeat_str('0', figures-1),number]
 
−
        .join('').slice(-figures);
 
−
}
 
−
 
−
var timer = setInterval(function() {
 
−
    //var countdown = document.getElementById("kyoto_alert");
 
−
    var $countdown = $("#kyoto_alert");
 
−
    var current_utc = get_current_utc();
 
−
    var interval = (freeze - current_utc)/1000;
 
−
    if (interval < 0) {
 
−
        $countdown.hide();
 
−
    } else if (interval < 4 * 24 * 3600) {
 
−
        if (interval < 1 * 3600)
 
−
            $countdown.css("color", "#f00");
 
−
        else if (interval < 24 * 3600)
 
−
            $countdown.css("color", "#ff0");
 
−
 
−
        var time = [];
 
−
        var second_qr = qr(interval, 60);
 
−
        time.push(itos(second_qr[1], 2) + 's');
 
−
        var minute_qr = qr(second_qr[0], 60);
 
−
        time.push(itos(minute_qr[1], 2) + 'm');
 
−
        time.push(itos(minute_qr[0], 2) + 'h');
 
−
        $countdown.text(time.reverse().join(' : '));
 
−
        $countdown.show();
 
−
    } else {
 
−
        var time = [];
 
−
        interval = Math.floor(interval / 60);
 
−
        var minute_qr = qr(interval, 60);
 
−
        time.push(itos(minute_qr[1], 2) + 'm');
 
−
        var hour_qr = qr(minute_qr[0], 24);
 
−
        time.push(itos(hour_qr[1], 2) + 'h');
 
−
        time.push(itos(hour_qr[0], 3) + 'd');
 
−
        $countdown.text(time.reverse().join(' : '));
 
−
        $countdown.show();
 
−
    }
 
−
}, 200);
 
−
 
−
$("#kyoto_alert").draggable();
 
−
 
−
});
 
−
</script>
 
−
 
  
  
 
</html>
 
</html>

Latest revision as of 02:52, 20 October 2016