Difference between revisions of "Team:ASIJ Tokyo/CSS"

Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 
/* Reset the wiki style by overriding with a reset stylesheet (written by Florian Albrecht)
 
  the relevant wiki css rules are reset by using rules with higher priority */
 
 
 
/* Start general reset ================================================== */
 
 
body {
 
    background-color: #c7e0f3;
 
    font-family: "Avenir";
 
    padding: 0;
 
}
 
 
div#globalWrapper {
 
    margin: 0;
 
    padding: 0;
 
    position: static;
 
    width: auto;
 
    background-color: #c7e0f3;
 
}
 
 
/* Start top-section reset ============================================== */
 
 
div#top-section {
 
    border: 0;
 
    height: auto;
 
    margin: 0;
 
    position: static;
 
    width: auto;
 
}
 
 
div#p-logo {
 
    height: auto;
 
    position: static;
 
    width: auto;
 
    z-index: auto;
 
}
 
 
div#p-logo a, div#p-logo a:hover {
 
    text-decoration: none;
 
}
 
 
 
div#search-controls {
 
    background-color: transparent;
 
    height: auto;
 
    position: static;
 
    right: 0;
 
    text-align: left;
 
    top: 0;
 
    width: auto;
 
    z-index: auto;
 
}
 
 
 
/* Start content reset ================================================== */
 
 
div#content {
 
background-color:#c7e0f3;
 
}
 
 
body li {
 
    margin: 0;
 
}
 
 
body h1, body h2, body h3, body h4, body h5, body h6 {
 
 
}
 
 
body .firstHeading {
 
    margin: 0;
 
}
 
 
div#contentSub {
 
    color: #f2b1b1;
 
    font-size: inherit;
 
    line-height: inherit;
 
    margin: 0;
 
    width: auto;
 
}
 
 
div#catlinks {
 
    background-color: transparent;
 
    border: 0;
 
    clear: both;
 
    margin: 0;
 
    padding: 0;
 
}
 
 
div.container
 
{
 
    font-family: Avenir;
 
    font-weight: bold;
 
    position: relative;
 
    margin: 0 auto;
 
    padding: 5em 3em;
 
    text-align: center;
 
}
 
 
div.container a
 
{
 
    color: #1e50a2;
 
    text-decoration: none;
 
    font: 20px Avenir;
 
    margin: 0px 10px;
 
    padding: 10px 10px;
 
    position: relative;
 
    z-index: 0;
 
    cursor: pointer;
 
}
 
 
div.topBotomBordersOut a:before, div.topBotomBordersOut a:after
 
{
 
    position: absolute;
 
    left: 0px;
 
    width: 100%;
 
    height: 2px;
 
    background: #1e50a2;
 
    content: "";
 
    opacity: 0;
 
    transition: all 0.3s;
 
}
 
div.topBotomBordersOut a:before
 
{
 
    top: 3px;
 
    transform: translateY(10px);
 
}
 
div.topBotomBordersOut a:after
 
{
 
    bottom: 3px;
 
    transform: translateY(-10px);
 
}
 
div.topBotomBordersOut a:hover:before, div.topBotomBordersOut a:hover:after
 
{
 
    opacity: 1;
 
    transform: translateY(0px);
 
}
 
 
/* Start footer reset =================================================== */
 
 
div#footer-box {
 
    position: absolute;
 
    right: 0;
 
    bottom: 0;
 
    left: 0;
 
    padding: 1rem;
 
    width: 100%;
 
    background-color: transparent;
 
}
 
 
div#footer {
 
    left: 45%;
 
    top: -20%;
 
    padding: 20px;
 
    margin: 0 auto;
 
}
 
 
div#f-poweredbyico, div#f-copyrightico {
 
    float: none;
 
}
 
 
#sideMenu{
 
            width: 200px;
 
    position: absolute;
 
    top: 20px;
 
    left: 1020px;
 
    z-index: 10;
 
    padding-top: 0px;
 
    padding-bottom: 15px;
 
    padding-left: 15px;
 
    padding-right: 15px;
 
    text-align: left;
 
display: none;
 
z-index: 9996;
 
}
 
#content{
 
width: 100%;
 
        padding: 0px;
 
        margin-left: 0px;
 
}
 
#top_title{
 
overflow: hidden;
 
display: none;
 
}
 
#top_menu_14{
 
height: 20px;
 
}
 
#top_menu_under{
 
height: 0px;
 
}
 
#globalWrapper{
 
      padding-bottom: 20px;
 
}
 
#HQ_page p {
 
    font-size: 16px;
 
}
 
  
 
.navbar {
 
.navbar {

Revision as of 22:45, 10 September 2018