Difference between revisions of "Team:USTC-Software/css/style"

Revision as of 05:31, 12 October 2018 (view source) Wtwt1997 (Talk | contribs) ← Older edit		Revision as of 05:34, 12 October 2018 (view source) Wtwt1997 (Talk | contribs) Newer edit →
Line 103:		Line 103:
	.ui.fixed.menu {		.ui.fixed.menu {
	top: 15px!important;		top: 15px!important;
		+	}
		+	.ui.grid {
		+	padding-top: 0!important;
	}		}

---

Revision as of 05:34, 12 October 2018

@font-face {

   font-family: "Century Gothic";
   src: url('century.ttf');

} html, body {

   height: 100%;
   overflow-y: scroll;
   overflow-x: hidden;

} .p1-title {

   text-align: center;
   font-size: 48px;
   font-family: "Century Gothic", Serif;

} .section {

   text-align: center;

} .ui.secondary.pointing.menu {

   margin-bottom: 0px;
   border-bottom: 0px solid transparent!important;

}

1. leftnav {

   font-size: 18px;

} .leftnav-item {

 transition: box-shadow 0.5s;
 font-size: 18px!important;

} .leftnav-item:hover {

   box-shadow: -4px 0px 0px #ccc !important;

} .inside-container {

   overflow-y: scroll;
   font-size: 18px;
   padding-right: 20%;

} .ui.secondary.vertical.pointing {

   box-shadow: -24px 0px 24px -24px #aaa inset;
   border-right: 1px solid #ccc!important;

}

1. menu {

   box-shadow: 0px 2px 10px 0px #aaa;

} .leftnav-item.active {

 border-right: none! important;
 box-shadow: -4px 0px 0px #ccc !important;

}

-webkit-scrollbar{

 padding-left:1px;
 background-color:#fafafa;
 overflow:visible;
 width:9px;

}

-webkit-scrollbar-thumb{

 background-color:rgba(0, 0, 0, .1);
 background-clip:padding-box;
 border-left-width:2px;
 min-height:10px;
 box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .1),inset 0 -1px 0 rgba(0, 0, 0, .07);

}

-webkit-scrollbar-thumb:vertical:hover{

 background-color:rgba(0, 0, 0, .2);

}

-webkit-scrollbar-thumb:vertical:active{

 background-color:rgba(0, 0, 0, .2);

}

-webkit-scrollbar-button{

 height:0;
 width:0;

}

-webkit-scrollbar-track{

 background-clip:padding-box;
 border:solid transparent;
 border-width:0 0 0 2px;

}

-webkit-scrollbar-corner{

 background:transparent;

}

-webkit-scrollbar-track-piece{

 margin: 10px 0;
 -webkit-border-radius: 0;
 -webkit-border-bottom-right-radius: 4px;
 -webkit-border-bottom-left-radius: 4px;

} h1 {

 font-size: 3em !important;
 line-height: 3.5em;

} h3 {

 font-size: 2em !important;
 line-height: 2.25em;
 font-weight: 300 !important;

} .divider {

 margin: 2em auto 2em auto;
 border-top: 1px solid #ccc;
 width: 90%;

}

1. content {

 width: 100%;

} .ui.fixed.menu {

 top: 15px!important;

} .ui.grid { padding-top: 0!important; }