Template:UT-Tokyo CSS

From 2010.igem.org

(Difference between revisions)
(New page: <html> <style type="text/css"> @charset "utf-8"; /* CSS Document */ - Wiki Hacks - START: #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; } ...)
 
(122 intermediate revisions not shown)
Line 6: Line 6:
/* CSS Document */
/* CSS Document */
-
/* Wiki Hacks - START */
+
/*Wiki Hack */
-
 
+
-
 
+
#globalWrapper {
#globalWrapper {
 +
margin:0 auto 0 auto;
background-color: transparent;
background-color: transparent;
border: none;
border: none;
-
margin: 0;
 
padding: 0;
padding: 0;
 +
width:820px;
}
}
   
   
 +
#top-section {
 +
width:820px;
 +
margin:0px auto 0px auto;
 +
overflow:hidden;
 +
}
 +
 +
h1.firstHeading{
 +
display:none;
 +
}
 +
#content {
#content {
-
background-color: transparent;
+
background-color: white;
-
border: none;
+
padding: 0;
padding: 0;
-
margin: 0;
+
margin: -15px auto 0 auto;
width: 100%;
width: 100%;
}
}
Line 28: Line 36:
border: none;
border: none;
padding:0;
padding:0;
-
margin:0;
+
margin:0 auto;
width:100%;
width:100%;
 +
text-indent:0em;
}
}
-
+
 
-
#top-section {
+
-
height: 20px;
+
-
margin-top: -5px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
margin-bottom: 0 !important;
+
-
margin-bottom: 10px;
+
-
padding:0;
+
-
border: none;
+
-
}
+
-
+
-
#p-logo {
+
-
height:1px;
+
-
overflow:hidden;
+
-
display: none;
+
-
}
+
-
+
#search-controls {
#search-controls {
overflow:hidden;
overflow:hidden;
-
display:block;
 
background: none;
background: none;
position: absolute;
position: absolute;
-
top: 100px;
+
right: 30px;
-
right: 40px;
+
}
}
 +
   
   
-
.left-menu {
+
#footer-box {
-
width: 400px;
+
background-color: white;
 +
width: 810px;
 +
margin: 0px auto 0px auto;
 +
overflow:hidden;
 +
border-top:0px;
display:block;
display:block;
-
float:left;
+
text-align:center;
-
margin-top:-80px;
+
-
border: none;
+
}
}
-
+
 
-
.left-menu ul {
+
#footer-box ul,#footer-box li {
-
border: none;
+
margin:auto;
 +
padding:4px;
}
}
-
+
 
-
#menubar.right-menu {
+
  /*Wiki Hack END */
-
width:300px;
+
-
display:block;
+
-
float:left;
+
-
margin-top:-80px;
+
-
border: none;
+
-
}
+
-
   
+
-
.right-menu ul {
+
-
border: none;
+
-
}
+
-
+
-
#footer-box {
+
-
background-color: transparent;
+
-
border: none;
+
-
width: 965px;
+
-
margin: 0 auto;
+
-
padding: 0;
+
-
}
+
-
+
-
#footer {
+
-
border: none;
+
-
width: 965px;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
+
-
.firstHeading {
+
-
display: none;
+
-
}
+
-
+
-
#f-list a {
+
-
color: #333;
+
-
font-size: 10px;
+
-
}
+
-
+
-
#f-list a:hover {
+
-
color: #666;
+
-
}
+
-
+
-
#footer ul {
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
+
-
#footer ul li {
+
-
margin-top: 0;
+
-
margin-bottom: 0;
+
-
margin-left: 10px;
+
-
margin-right: 10px;
+
-
padding: 0;
+
-
}
+
-
+
-
/* Wiki Hacks - END */
+
#allcontent {
#allcontent {
-
width: 950px;
+
width: 820px;
}
}
Line 134: Line 75:
padding: 0px;
padding: 0px;
background-color: transparent;
background-color: transparent;
-
list-style: circle;
+
list-style: none;
list-style-position:inside;
list-style-position:inside;
-
float:left;
 
}
}
-
a:link ,a:visited{
+
#footr a:link ,#footr a:visited{
color:#6F6;
color:#6F6;
text-decoration:none;
text-decoration:none;
Line 145: Line 85:
}
}
-
a:hover ,a:active{
+
#footr a:hover ,#footr a:active{
color:#F90;
color:#F90;
text-decoration:underline overline;
text-decoration:underline overline;
Line 151: Line 91:
body {
body {
-
margin:0px auto 0px auto;
+
       width:100%;
-
width: 900px;
+
margin:0 auto;
padding-left: 25px;
padding-left: 25px;
padding-right: 25px;
padding-right: 25px;
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
-
font-size:14px;
+
/*font-size:14px;*/
line-height:170%;
line-height:170%;
background-color:#CCC;
background-color:#CCC;
 +
        text-align:justify;
}
}
-
body > div {
+
div#column {
-
margin: 0px 40px 0px 40px;
+
margin:-10px auto 0px auto;
-
/* border-left-style:solid;
+
border-left-style:solid;
border-right-style:solid;
border-right-style:solid;
border-left-width:thin;
border-left-width:thin;
-
border-right-width:thin;*/
+
border-right-width:thin;
 +
        border:none;
padding-left: 10px;
padding-left: 10px;
padding-right: 10px;
padding-right: 10px;
Line 180: Line 122:
#top_header {
#top_header {
-
background: url(image/top3.png) no-repeat;
+
background: url(https://static.igem.org/mediawiki/2010/9/91/Ut-tokyo_top.png) no-repeat;
background-color:transparent;
background-color:transparent;
margin:0px;
margin:0px;
padding: 228px 11px 7px 11px;
padding: 228px 11px 7px 11px;
-
width:779px;
+
width:800px;
height:40px;
height:40px;
Line 226: Line 168:
   ul#menu a{
   ul#menu a{
  background-color:transparent;
  background-color:transparent;
-
  background:url(image/menu.png) no-repeat;
+
  background:url(https://static.igem.org/mediawiki/2010/8/80/Ut-tokyo_menu.png) no-repeat;
   }
   }
    
    
Line 287: Line 229:
div#main {
div#main {
margin:14px 5px 10px 10px;
margin:14px 5px 10px 10px;
-
padding:50px 10px 0px 10px;
+
padding: 0px 10px 0px 10px;
-
border:0px 0px 0px 0px;
+
border: 0;
width:545px;
width:545px;
-
background:url(image/cont_projectd_s1.gif) no-repeat;
 
-
background-position:inherit;
 
-
background-color:transparent;
 
-
text-align:left;
 
-
text-indent:1em;
 
-
text-transform:none;
 
float:left;
float:left;
display:block;
display:block;
 +
}
 +
 +
#main p,#main h2{
 +
text-indent:0em;
 +
text-transform:none;
 +
text-align:justify;
 +
}
 +
 +
#main img {
 +
        padding: 2px;
 +
        margin: 10px;
 +
}
 +
 +
div img#description{
 +
        margin:0px 0px 5px -10px;
}
}
div#rightside {
div#rightside {
margin:14px 10px 10px 0px;
margin:14px 10px 10px 0px;
-
padding:53px 10px 0px 10px;
+
padding:0px 10px 0px 0px;
border:0px 0px 0px 0px;
border:0px 0px 0px 0px;
width:190px;
width:190px;
-
background:url(image/cont_twitter_s1.gif) no-repeat;
+
text-align:center;
-
background-position:top;
+
-
background-color:transparent;
+
-
text-align:left;
+
text-indent:0em;
text-indent:0em;
text-transform:none;
text-transform:none;
Line 314: Line 262:
display:block;
display:block;
}
}
 +
 +
#main_all{
 +
      margin:14px 10px 10px 10px;
 +
padding: 0px 10px 0px 10px;
 +
border: 0;
 +
width:780;
 +
float:left;
 +
display:block;
 +
}
 +
 +
/*main contents end*/
 +
 +
/*footer*/
#footr {
#footr {
margin:0px 10px 0px 10px;
margin:0px 10px 0px 10px;
-
padding:0px 10px 0px 10px;
+
padding:10px 10px 5px 10px;
border:thin;
border:thin;
background-color:#663;
background-color:#663;
Line 329: Line 290:
}
}
-
#footr ul,#footer li{
+
#footr ul{
-
padding: 0px 30px 0px 30px;
+
        display:block;
-
display:inline-block;
+
        margin:auto;
-
background-color:transparent;
+
        text-align:center;
-
azimuth:center;
+
}
 +
#footr li{
 +
padding:0px 30px 0px 30px;
 +
display:inline;
 +
        margin:0px;
 +
text-align:center;
}
}
-
p.zeromargin {
+
#zeromargin {
-
margin:0px;
+
        align:center;
 +
        display:block;
 +
margin:5px auto 0px auto;
padding:0px;
padding:0px;
-
border:none;
 
}
}
 +
/*footer end*/
/*round box maker*/
/*round box maker*/
Line 349: Line 317:
-moz-border-radius:5px
-moz-border-radius:5px
;-webkit-border-radius:5px;
;-webkit-border-radius:5px;
-
}
 
-
 
-
.round-top-right{
 
-
-moz-border-radius-topright:5px;
 
-
-webkit-border-top-right-radius:5px;
 
-
}
 
-
.round-right{
 
-
-moz-border-radius-topright:5px;
 
-
-moz-border-radius-bottomright:5px;
 
-
-webkit-border-top-right-radius:5px;
 
-
-webkit-border-bottom-right-radius:5px;
 
-
}
 
-
.round-bottom-right{
 
-
-moz-border-radius-bottomright:5px;
 
-
-webkit-border-bottom-right-radius:5px;
 
-
}
 
-
 
-
.round-bottom{
 
-
-moz-border-radius-topright:0;
 
-
-moz-border-radius-topleft:0;
 
-
-moz-border-radius-bottomright:5px;
 
-
-moz-border-radius-bottomleft:5px;
 
-
-webkit-border-top-right-radius:0;
 
-
-webkit-border-top-left-radius:0;
 
-
-webkit-border-bottom-right-radius:5px;
 
-
-webkit-border-bottom-left-radius:5px;
 
-
}
 
-
 
-
.round-bottom-left{
 
-
-moz-border-radius-bottomleft:5px;
 
-
-webkit-border-bottom-left-radius:5px;
 
-
}
 
-
 
-
.round-left{
 
-
-moz-border-radius-topleft:5px;
 
-
-moz-border-radius-bottomleft:5px;
 
-
-webkit-border-top-left-radius:5px;
 
-
-webkit-border-bottom-left-radius:5px;
 
-
}
 
-
 
-
.round-top-left{
 
-
-moz-border-radius-topleft:5px;
 
-
-webkit-border-top-left-radius:5px;
 
}
}
Line 406: Line 331:
/*round box maker end*/
/*round box maker end*/
 +
 +
 +
 +
</style>
</style>
 +
 +
<!--[if IE 7]>
 +
<style type="text/css">
 +
 +
#content {
 +
          margin: 0px auto auto auto;
 +
}
 +
 +
ul#menu li,ul#menu a {
 +
  text-indent:2000px;
 +
  color:transparent;
 +
}
 +
 +
div#column {
 +
margin: 0px auto 0px auto;
 +
}
 +
 +
 +
 +
</style><![endif]-->
 +
</html>
</html>

Latest revision as of 16:15, 21 August 2010