Template:Tokyotechmenudark

From 2013.igem.org

(Difference between revisions)
Line 4: Line 4:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<style type="text/css">
<style type="text/css">
-
 
-
#p-logo {
 
-
visibility: hidden;
 
-
}
 
-
#top-section {
 
-
position: relative;
 
-
height: 2%;
 
-
width: 100%;
 
-
margin: 0px auto;
 
-
border-left: 0px solid rgb(68, 68, 68);
 
-
border-right: 0px solid rgb(68, 68, 68);
 
-
border-bottom: 0px solid rgb(68, 68, 68);
 
-
}
 
-
#menubar {
 
-
position: absolute;
 
-
top: 0px;
 
-
}
 
-
                        img {
 
-
    　　　　　　　　　　　　　　　　　　　　　　　　　max-width: 100%;
 
-
  　　　　　　　　　　　　　　　　　　　　　　　　　  height: auto;
 
-
　　　　　　　　　　　　　　　　　　　　　　}
 
html {
html {
overflow: -moz-scrollbars-vertical !important;
overflow: -moz-scrollbars-vertical !important;
resize: auto;
resize: auto;
-
background-color: #88C425;
+
background: url("../common files/titech2013_background.png") fixed;
 +
font-family: Comic Sans MS;
}
}
-
body {
 
-
background: #88C425;
 
-
}
 
-
 
-
 
h1, h2, h3 {
h1, h2, h3 {
font-weight: bold;
font-weight: bold;
-
font-family: Rockwell;
+
font-family: Comic Sans MS;
}
}
-
td {
+
 
-
width: 25%;
+
b{
-
height: 260px;
+
color: red;
 +
font-size: 20px;
}
}
h1 {
h1 {
Line 48: Line 24:
font-size: 25px;
font-size: 25px;
margin-top: 3%;
margin-top: 3%;
-
border-bottom: 2px solid #BEF202;
+
margin-left: 10px;
 +
border-bottom: 2px solid #D8CE4A;
}
}
h2 {
h2 {
color: #000000;
color: #000000;
-
font-family: Rockwell;
 
font-size: 17px;
font-size: 17px;
-
border-bottom: 2px solid #BEF202;
 
}
}
h3 {
h3 {
color: #FFFFFF;
color: #FFFFFF;
-
font-size: 17px;
+
font-size: 25px;
-
margin: 1%;
+
margin-left: 3%;
 +
margin-right: 3%;
 +
}
 +
h4 {
 +
color: #000000;
 +
font-size: 12px;
 +
font-family: Comic Sans MS;
 +
}
 +
p {
 +
text-indent:2em;
 +
padding: 0px 15px;
 +
}
 +
img {
 +
margin-right: 2%;
 +
margin-left: 2%;
 +
border: 0px;
 +
}
 +
a {
 +
text-decoration: none;
 +
 +
color: #5d78ec;
 +
}
 +
td {
 +
padding: 1%;
 +
}
 +
 +
a:hover{
 +
text-decoration: none;
 +
color: #ec5d6a;
}
}
.projecttable {
.projecttable {
-
background-color: #EAFDE6;
+
background-color: #EFEDFA;
-
width: 100%;
+
width: 90%;
 +
margin-left: auto;
 +
margin-right: auto;
border: hidden;
border: hidden;
-
width: 100%;
 
-
align: center;
 
-
align: top;
 
}
}
Line 74: Line 76:
display: none;
display: none;
}
}
-
.blackbox {
+
.box {
-
/*background-color: #000000;*/
+
width: 900px;
-
font-family: Rockwell;
+
margin-top: 0%;
margin-bottom: 4%;
margin-bottom: 4%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #EFEDFA;
 +
padding: 0px 5px;
}
}
-
.blackboxmini {
+
.moviebox{
-
background-color: #FFFFFF;
+
width: 100%;
-
border: 4px solid #1B676B;
+
margin-right: auto;
-
font-family: Rockwell;
+
margin-left: auto;
 +
}
 +
.tablebox {
 +
background-color: #EFEDFA;
height: 100%;
height: 100%;
border-radius: 5%;
border-radius: 5%;
-
padding: 10%;
 
width: auto;
width: auto;
-
align: center;
 
}
}
 +
.boxtext {
 +
background-color: #1B676B;
 +
font-family: Comic Sans MS;
 +
align: bottom;
 +
width: 100%;
 +
}
.textspace {
.textspace {
Line 100: Line 113:
padding-top: 5%;
padding-top: 5%;
}
}
 +
#menubar {
 +
clear: center;
-
 
-
#logospace {
 
-
padding: 30px;
 
-
height: 150px;
 
-
background-color: #519548;
 
}
}
-
 
#content {
#content {
width: 100%;
width: 100%;
-
                                background-color: transparent;
+
background-color: transparent;
 +
}
 +
#text-area {
 +
width: 980px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #E7E5F0;
 +
}
 +
 
 +
#menu {
 +
position: absolute;
 +
top: 0px;
 +
}
 +
#sponser{
 +
width: 80%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #E7E5F0;
}
}
.qmmc .qmdivider {
.qmmc .qmdivider {
display: block;
display: block;
-
font-size: 1px;
+
font-size: 3px;
border-width: 0px;
border-width: 0px;
border-style: solid;
border-style: solid;
Line 128: Line 154:
}
}
.qmclear {
.qmclear {
-
font-size: 1px;
+
font-size: 3px;
height: 0px;
height: 0px;
width: 0px;
width: 0px;
Line 149: Line 175:
}
}
.qmsh div a {
.qmsh div a {
-
float: left;
+
float: center;
}
}
.qmmc div {
.qmmc div {
Line 161: Line 187:
.qmmc, .qmmc ul {
.qmmc, .qmmc ul {
list-style: none;
list-style: none;
-
padding: 0px;
+
 
-
margin: 0px;
+
}
}
.qmmc li a {
.qmmc li a {
-
float: none
+
float: none;
 +
text-align: center;
}
}
.qmmc li {
.qmmc li {
Line 195: Line 221:
left: 100%;
left: 100%;
}
}
-
 
-
/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/
 
-
 
-
/* QuickMenu 0 */
 
/*"""""""" (MAIN) Container""""""""*/
/*"""""""" (MAIN) Container""""""""*/
#qm0 {
#qm0 {
-
/*background-color: transparent;*/
+
background-color: transparent;
-
background-color: #000000;
+
-
border-width: 4px 0px;
+
-
border-style: solid;
+
-
border-color: #CDCDCD;
+
-
padding-left: 10%;
+
}
}
/*"""""""" (MAIN) Items""""""""*/
/*"""""""" (MAIN) Items""""""""*/
#qm0 a {
#qm0 a {
-
padding: 8px 20px 5px;
+
padding: 3px 15px 3px 15px;
-
background-color: #000000;
+
background-color: #d4f4a6;
-
color: #FFFFFF;
+
color: #533C50;
-
font-family: Rockwell;
+
font-family: Comic Sans MS;
-
font-size: 15px;
+
font-size: 18px;
text-decoration: none;
text-decoration: none;
-
border-width: 0px 0px;
+
font-weight: bold;
 +
border-width: 0px 0px 8px;
border-style: solid;
border-style: solid;
-
border-color: #CDCDCD;
+
border-color: #533C50;
 +
}
}
/*"""""""" (MAIN) Hover State""""""""*/
/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover {
#qm0 a:hover {
-
text-decoration: underline;
+
background-color: #E7E5F0;
 +
color: #381D46;
 +
border-color: #D8CE4A;
 +
}
 +
 
 +
/*"""""""" (MAIN) Parent items""""""""*/
 +
#qm0 .qmparent {
 +
background-image: url("");
 +
background-repeat: no-repeat;
 +
background-position: 95% center;
}
}
/*"""""""" (MAIN) Active State""""""""*/
/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover {
body #qm0 .qmactive, body #qm0 .qmactive:hover {
-
text-decoration: underline;
+
background-color: #E7E5F0;
 +
color: #381D46;
 +
text-decoration: none;
 +
border-color: #D8CE4A;
}
}
/*"""""""" (SUB) Container""""""""*/
/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul {
#qm0 div, #qm0 ul {
-
padding: 5px;
+
padding: 10px 5px;
-
margin: 0px;
+
background-color: #EEEEEE;
-
background-color: #000000;
+
border-width: 1px;
-
border-style: none;
+
border-style: solid;
 +
border-color: #E7E5F0;
 +
}
}
/*"""""""" (SUB) Items""""""""*/
/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a {
#qm0 div a, #qm0 ul a {
-
padding: 2px 40px 2px 5px;
+
padding: 3px 3px 3px 5px;
-
background-color: #000000;
+
color: #381D46;
-
color: #D5D9E5;
+
font-size: 20px;
 +
font-weight: normal;
border-width: 0px;
border-width: 0px;
border-style: none;
border-style: none;
 +
border-color: #000000;
}
}
/*"""""""" (SUB) Hover State""""""""*/
/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover, #qm0 ul a:hover {
#qm0 div a:hover, #qm0 ul a:hover {
-
text-decoration: underline;
+
background-color: #666666;
 +
color: #FFFFFF;
 +
text-decoration: none;
 +
}
 +
 
 +
/*"""""""" (SUB) Parent items""""""""*/
 +
#qm0 div .qmparent {
 +
background-image: url("images/arrow_right.gif");
}
}
/*"""""""" (SUB) Active State""""""""*/
/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {
-
background-color: #D5D9E5;
+
background-color: #E7E5F0;
-
color: #333333;
+
color: #FFFFFF;
-
text-decoration: none;
+
}
 +
.qmfv {
 +
visibility: visible !important;
 +
}
 +
.qmfh {
 +
visibility: hidden !important;
}
}
-
 
</style><!-- Core QuickMenu Code -->
</style><!-- Core QuickMenu Code -->
<script type="text/javascript">
<script type="text/javascript">

Revision as of 06:34, 23 September 2013

iGEM-2013 Titech

Retrieved from "http://2013.igem.org/Template:Tokyotechmenudark"