Difference between revisions of "Team:NCHU Taichung/style/main.css"

Line 20: Line 20:
 
}
 
}
 
#sidemenu {
 
#sidemenu {
 +
  display: none;
 +
}
 +
#mobileRailMenu {
 
   display: none;
 
   display: none;
 
}
 
}
Line 53: Line 56:
 
     left: 0px;
 
     left: 0px;
 
     top: 36px!important;
 
     top: 36px!important;
 +
  }
 +
  #railMenu {
 +
    display: none;
 +
  }
 +
  #mobileRailMenu {
 +
    display: block;
 +
    text-align: -webkit-right;
 +
  }
 +
  .ui.vertical.menu {
 +
    width: 30vw;
 +
    background: white;
 +
    border-radius: 4px 0 0 4px;
 
   }
 
   }
 
}
 
}

Revision as of 14:52, 5 October 2018

.main { 

 margin: 60px auto 60px auto;

}

  1. logo {
 padding-top: 2px;
 width: 100px;

} .fixed.menu { 

 padding-top: 10px;
 /* width: 100vw; */

} .tablet.computer.row { 

 padding: unset;

} .segments { 

 border: none!important;

} .raised.segment { 

 box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15)!important;

}

  1. sidemenu {
 display: none;

}

  1. mobileRailMenu {
 display: none;

} @media only screen and (max-width: 767px) { 

 #top_menu_14 {
   display: none;
 }
 #logo {
   padding-top: none;
   width: 100px;
 }
 .ui.main.text.container {
   margin-top: 40px;
 }
 .ui.hidden.header {
   display: none;
 }
 .fixed.menu {
   padding-bottom: 10px;
   height: 40px;
 }
 #openSidebar {
   background: transparent;
 }
 #sidebar {
   padding: 0px;
   align-items: center;
 }
 #sidemenu {
   width: 100vw;
 }
 #submenu {
   left: 0px;
   top: 36px!important;
 }
 #railMenu {
   display: none;
 }
 #mobileRailMenu {
   display: block;
   text-align: -webkit-right;
 }
 .ui.vertical.menu {
   width: 30vw;
   background: white;
   border-radius: 4px 0 0 4px;
 }

} .ui.inverted.segment, .ui.inverted.menu { 

 background: #afbfa5;

} body { 

 background: #fafff8;

} .left.rail { 

 right: 87%!important;
 padding-top: 160px!important;

} .sticky.fixed.top { 

 margin-top: 60px!important;

}


/* Remove heritage css */

  1. top_title {
 display: none;

}

  1. content {
 padding: unset;
 margin: unset;
 width: -webkit-fill-available;

}

  1. HQ_page {
   width: 100vw;

} .header#top { 

 margin-top: 10px;

}

  1. top_menu_14 {
 background: #afbfa5;
 border: none;

}

  1. globalWrapper {
 padding-bottom: 0;

}

  1. top_menu_inside {
 border: none;

}

  1. top_menu_inside a {
 color: #ffffff38!important;

}

  1. top_menu_inside #user_item {
 color: #ffffff38;
 float: left;
 padding-top: 0;

}