Difference between revisions of "Template:NTU-LIHPAO-Taiwan"

Line 3: Line 3:
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<html>
 
<html>
−
/* Reset CSS */
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
−
/* From: Eric A. Meyer */
+
     display:none;}
−
/* v1.0 | 20080212 */
+
#top-section {
−
 
+
−
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, font, 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 {
+
−
    margin: 0;
+
−
    padding: 0;
+
−
    border: 0;
+
−
    outline: 0;
+
−
    font-size: 100%;
+
−
    vertical-align: baseline;
+
−
    background: transparent;
+
−
}
+
−
body {
+
−
    line-height: 1;
+
−
}
+
−
ol, ul {
+
−
    list-style: none;
+
−
}
+
−
blockquote, q {
+
−
    quotes: none;
+
−
}
+
−
blockquote:before, blockquote:after,
+
−
q:before, q:after {
+
−
    content: '';
+
−
    content: none;
+
−
}
+
−
 
+
−
/* remember to define focus styles! */
+
−
:focus {
+
−
    outline: 0;
+
−
}
+
−
 
+
−
/* remember to highlight inserts somehow! */
+
−
ins {
+
−
    text-decoration: none;
+
−
}
+
−
del {
+
−
    text-decoration: line-through;
+
−
}
+
−
 
+
−
/* tables still need 'cellspacing="0"' in the markup */
+
−
table {
+
−
    border-collapse: collapse;
+
−
    border-spacing: 0;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
#background {
+
−
    position: fixed;
+
−
    top: 0;
+
−
    left: 0;
+
−
    width: 100%;
+
−
    height: 100%;
+
−
    background: #FFFFFF;  /*75B1EC*/
+
−
}
+
−
 
+
−
#menu * {
+
−
    list-style: none;
+
−
}
+
−
 
+
−
#menu {
+
−
    position: fixed;
+
−
    top: 0;
+
−
    left: -11.5rem;
+
−
    width: 15.4rem;
+
−
    height: 100%;
+
−
    padding: 0;
+
−
    margin: 0;
+
−
    background: rgba(208, 208, 208, 0.7);
+
−
    transition: 0.5s;
+
−
    font-size: 0.8rem;
+
−
    z-index: 5;
+
−
}
+
−
 
+
−
#menu:hover {
+
−
    left: 0;
+
−
}
+
−
 
+
−
#menu-title {
+
−
    position: absolute;
+
−
    width: 100%;
+
−
    top: 0.5rem;
+
−
    font-size: 1.5rem;
+
−
    text-align: center;
+
−
}
+
−
 
+
−
#menu-icon {
+
−
    position: absolute;
+
−
    top: 50%;
+
−
    right: 0;
+
−
    margin: 0 1rem 0 0;
+
−
    padding: 0.3rem;
+
−
    font-size: 1.5rem;
+
−
    color: #AAA;
+
−
    cursor: default;
+
−
}
+
−
 
+
−
#menu ul {
+
−
    margin: 0.5rem 1rem 0.5rem;
+
−
}
+
−
 
+
−
.main-menu {
+
−
    position: absolute;
+
−
    top: 4rem;
+
−
}
+
−
 
+
−
.main-menu #title {
+
−
    color: #ABCDEF;
+
−
}
+
−
 
+
−
.main-menu>li {
+
−
    cursor: pointer;
+
−
    color: #369CF5;
+
−
    font-size: 1.2rem;
+
−
}
+
−
 
+
−
.sub-menu {
+
−
    font-size: 0.8rem;
+
−
    overflow-y: auto;
+
−
    transition: 0.5s;
+
−
}
+
−
 
+
−
.sub-menu>li {
+
−
     display: block;
+
−
    padding: 0.3rem 0.4rem 0.4rem 0.08rem;
+
−
    color: #0791DB;
+
−
    text-decoration: none;
+
−
    transition: 0.5s;
+
−
}
+
−
 
+
−
.sub-menu>li:hover {
+
−
    opacity: 0.5;
+
−
}
+
−
 
+
−
#sponsor {
+
−
    position: fixed;
+
−
    height: 6.1rem;
+
−
    width: 100%;
+
−
    left: 0;
+
−
    bottom: -5rem;
+
−
    background: #67D9EB;
+
−
    transition: 0.75s;
+
−
    z-index: 10;
+
−
}
+
−
 
+
−
#sponsor:hover {
+
−
    bottom: 0;
+
−
}
+
−
 
+
−
#present-window {
+
−
    position: fixed;
+
−
    top: 0;
+
−
    left: 4rem;
+
−
    width: calc(100% - 4rem);
+
−
    height: calc(100% - 1rem);
+
−
    background: #FFFFFF;    /*75B1EC*/
+
−
    overflow: hidden;
+
−
    z-index: 0;
+
 
     border: none;
 
     border: none;
−
}
+
     height: 0px;}
−
 
+
#content {
−
#pages {
+
     border: none;}
−
    position: absolute;
+
−
    top: 0;
+
−
    left: 0;
+
−
    width: 100%;
+
−
     height: 100%;
+
−
    overflow: hidden;
+
−
}
+
−
 
+
−
#pages>ul {
+
−
    width: 1000000px;
+
−
}
+
−
 
+
−
#pages li.page {
+
−
    position: absolute;
+
−
    display: inline-block;
+
−
    left: 0;
+
−
    width: 100%;
+
−
    height: 100%;
+
−
    transition: 0.5s cubic-bezier(.19,.11,.4,1);
+
−
}
+
−
 
+
−
#pages div.page-content {
+
−
     width: 100%;
+
−
    height: 100%;
+
−
}
+
−
 
+
−
#present-prev-page, #present-next-page {
+
−
    position: absolute;
+
−
    top: 0;
+
−
    height: 100%;
+
−
    width: 2rem;
+
−
    padding: 0 1rem;
+
−
    color: grey;
+
−
    font-size: 2rem;
+
−
    cursor: pointer;
+
−
    opacity: 0.7;
+
−
    transition: 0.25s;
+
−
    text-align: center;
+
−
}
+
−
 
+
−
#present-prev-page:hover, #present-next-page:hover {
+
−
    opacity: 1;
+
−
    <!-- background: rgba(255, 255, 255, 0.1); -->
+
−
}
+
−
 
+
−
#present-prev-page {
+
−
    left: 0;
+
−
}
+
  
−
#present-next-page {
+
/* Removes "teams" from the menubar */
−
     right: 0;
+
#menubar > ul > li:last-child {
−
}
+
     display: none;}
 +
/* Resizes the menubar to fik the links (default is 400px) */
 +
#menubar {
 +
    width: auto;}
  
−
.page-nav-icon {
 
−
    position: relative;
 
−
    top: 50%;
 
−
}
 
 
</html>
 
</html>

Revision as of 17:50, 11 July 2015

#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;} #top-section { border: none; height: 0px;} #content { border: none;} /* Removes "teams" from the menubar */ #menubar > ul > li:last-child { display: none;} /* Resizes the menubar to fik the links (default is 400px) */ #menubar { width: auto;}