Template:Biomod/2013/Sendai/sandbox/template: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 178: Line 178:
         font-family: Helvetica;
         font-family: Helvetica;
         background: #bbb;
         background: #bbb;
        -webkit-margin-before: 0.83em;
     
        -webkit-margin-after: 0.83em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
}
}


Revision as of 00:09, 29 August 2013

<html> <head> <style>


/********************** Hide MediaWiki and init CSS, overwrite by bootstrap.css バルス**********************/

body{ 

background:none;

} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ 

margin:0;
padding:0;
/* font-size:100%; */
 border:0;
outline:0;

} a, a:link, a:visited, a:hover, a:active{ 

text-decoration:none

}

/*訪れたリンクを白くするよ*/ .whiteSendai:visited{ 

color:#FFFFFF!important;

}

/*左詰め、真ん中、右詰め*/ .leftSendai { text-align: left; } .centerSendai { text-align: center; } .rightSendai { text-align: right; }


.firstHeading { 

display:none;

}

  1. content{
border-style:none;
margin:0;
padding:0;

}

  1. globalWrapper{
font-size:100%;

}

  1. contentSub{
display:none;

}

  1. column-one{
display:none;

}

  1. footer{
display:none;

}

  1. globalWrapper{
font-size:100%;

}

  1. bodyContent h1, #bodyContent h2, #bodyContent h3{
 margin-top: 20px;
 margin-bottom: 10px;

}

  1. bodyContent h4, #bodyContent h5, #bodyContent h6{
 margin-top: 10px;
 margin-bottom: 10px;

}

/********************************* Hide MediaWiki end *********************************/


/* Structure */ html{ background: #eee; } body { 

 padding: 0px;
 background: #fff;
 color: #333;
 margin: 0 auto;
 max-width: 900px;
 font: 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
 }

a { 

 color: #105672;

}

header {/****position: fixed; ****/ 

       /******width: 100%;****/
       height: 90px;
       z-index: 1;

background: #F17F25; 

        padding:0.01em 0.5em 1.5em ;

color: #fff; line-height: 1;

}

header h1{ margin-bottom: 0; }

header h1 span{ display: inline; color: rgba(255,255,255,.4); }

header span{ display: block; color: rgba(255,255,255,.2); font-weight: 300; margin-bottom: 1.6em }

header nav{ float: right; text-align: right } header nav div{ font-size: .8em; } header nav div a { font-weight: 300; padding: .3em .5em } header nav a{ color: #fff; display: inline-block; padding: .3em .8em }

header nav a:hover, header nav a:focus{ color: rgba(255,255,255,.6) }


[role=main]{ padding:1.5em 3em; } article{ padding: 1em 0; }



footer{ background: #333; color: #fff; padding: 1em 3em; 

       clear: both;    /***2段組みの左右のfloatを解除***/

}

/* Typography */

p{ font: 1em/1.5 Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif; }

p.sukima{ 

       font-size: 150%;
       font-weight: normal;
       font-family: Helvetica;
       background: #bbb;

}

img{ max-width: 100%; height: auto; }


blockquote{ float: left; margin: 1em 3em; } blockquote p{ font-size: 1.4em; line-height: 1.2; font-weight: 700; font-style:italic; } a{ font: 700 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none } a:hover, a:focus{ color: #000; } a:active{ position: relative; top:1px; }

/* Tabs */

  1. tabs

{ /*****position:fixed;****/ 

      width: 900px;

}

.js-on #tabs article { display:none }

  1. tabs, #tabs nav a.active{

background: #FFF; color: #111; }

  1. tabs nav

{ position: relative; overflow: hidden; display: table; background: #bbb; }


  1. tabs nav a

{ width:900px; display:table-cell; padding:1em; text-align:center; color: #333; }

  1. tabs nav a:hover,#tabs nav a:focus

{ background:#eee }

  1. tabs article

{ padding:2em; }


.js-on #tabs article.active { display:block; }

  1. tabs #mobiles{

display:none; border-radius: 0; }

  1. tabs #mobiles a, #tabs #mobiles a:first-child, #tabs #mobiles a:last-child{

width:300px; border-radius: 0; }


/* Media queries */ @media screen and (min-width:900px) { body{font-size: 1.1em;} }

@media screen and (max-width:600px) { #tabs nav{ display: none; position: relative; } #tabs #mobiles{ display:block; } #tabs article { display:block; } } @media screen and (max-width:480px) { blockquote{ float: none; }

header nav a{ padding:.7em .8em } header nav{ float: none; margin: -.5em -3em 0; background: #000; overflow: hidden; text-align: left } header nav a{ border-right: 1px solid #222 } [role=main]{ padding:1.5em 2em; } header nav div{ display: none; }

}

/*column content*/

  1. content-right {

width:48%; /***段落の横幅***/ float:right; /***右に寄せる（他の要素を左に回り込ませる)***/ margin: 0px; }

  1. content-left {

width:48%; /***サイドの横幅***/ float:left; /***左に寄せる***/ margin: 0px; }

.c-both { clear: both; /***floatの影響を絶つ。<div class="c-both"></div> のように使う***/ }

</style> </head> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Template:Biomod/2013/Sendai/sandbox/template&oldid=720513"