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

 
(43 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
@font-face {
 
@font-face {
 
     font-family: "Century Gothic";
 
     font-family: "Century Gothic";
−
     src: url('century.ttf');
+
     src: url('https://wtwtwtwt9.github.io/century.ttf');
 
}
 
}
 
html, body {
 
html, body {
Line 7: Line 7:
 
     overflow-y: scroll;
 
     overflow-y: scroll;
 
     overflow-x: hidden;
 
     overflow-x: hidden;
 +
}
 +
p {
 +
font-family: "Century Gothic", Serif !important;
 
}
 
}
 
.p1-title {
 
.p1-title {
Line 21: Line 24:
 
}
 
}
 
#leftnav {
 
#leftnav {
−
     font-size: 18px;
+
     font-size: 16px;
 
}
 
}
 
.leftnav-item {
 
.leftnav-item {
Line 28: Line 31:
 
}
 
}
 
.leftnav-item:hover {
 
.leftnav-item:hover {
−
     box-shadow: -4px 0px 0px #ccc !important;
+
     box-shadow: -6px 0px 0px -2px #ccc !important;
 
}
 
}
 
.inside-container {
 
.inside-container {
Line 87: Line 90:
 
   font-size: 3em !important;
 
   font-size: 3em !important;
 
   line-height: 3.5em;
 
   line-height: 3.5em;
 +
}
 +
h2 {
 +
  font-size: 2.5em !important;
 +
  line-height: 2.25em;
 +
  font-weight: 300 !important;
 
}
 
}
 
h3 {
 
h3 {
Line 102: Line 110:
 
}
 
}
 
.ui.fixed.menu {
 
.ui.fixed.menu {
−
   top: 20px!important;
+
   top: 15px!important;
 +
}
 +
.ui.grid {
 +
padding-top: 0!important;
 +
padding-bottom: 0!important;
 +
}
 +
.wide {
 +
padding-bottom: 0 !important;
 +
}
 +
body, html {
 +
overflow-y:hidden !important;
 +
}
 +
p {
 +
font-size: 18px !important;
 +
}
 +
ol {
 +
margin-left: 0px !important;
 +
}
 +
#bodyContent a[href ^="https://"] {
 +
padding-right: 0;
 +
}
 +
#menu .item {
 +
font-size: 18px !important;
 +
line-height: 1.2;
 +
border-left: none;
 +
border-right: none;
 +
}
 +
 
 +
.ui.menu .item:before {
 +
width: 0px;
 +
}
 +
.ui.medium.images .image, .ui.medium.images img, .ui.medium.images svg {
 +
width: auto;
 +
height: 300px;
 +
}
 +
.ui.small.images .image, .ui.small.images img, .ui.small.images svg {
 +
width: auto;
 +
height: 175px;
 +
}
 +
.ui.cards>.card {
 +
margin-left: auto;
 +
margin-right: auto;;
 +
}
 +
.item.disabled, .item.disabled:hover {
 +
box-shadow: none!important;
 +
}
 +
.ui.card, .ui.cards>.card {
 +
width: 390px;
 +
}
 +
.ui.card>.content, .ui.cards>.card>.content {
 +
padding-left: 2em;
 +
padding-right: 2em;
 
}
 
}

Latest revision as of 11:30, 17 October 2018

@font-face { 

   font-family: "Century Gothic";
   src: url('https://wtwtwtwt9.github.io/century.ttf');

} html, body { 

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

} p { font-family: "Century Gothic", Serif !important; } .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: 16px;

} .leftnav-item { 

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

} .leftnav-item:hover { 

   box-shadow: -6px 0px 0px -2px #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;

} h2 { 

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

} 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; padding-bottom: 0!important; } .wide { padding-bottom: 0 !important; } body, html { overflow-y:hidden !important; } p { font-size: 18px !important; } ol { margin-left: 0px !important; }

  1. bodyContent a[href ^="https://"] {

padding-right: 0; }

  1. menu .item {

font-size: 18px !important; line-height: 1.2; border-left: none; border-right: none; }

.ui.menu .item:before { width: 0px; } .ui.medium.images .image, .ui.medium.images img, .ui.medium.images svg { width: auto; height: 300px; } .ui.small.images .image, .ui.small.images img, .ui.small.images svg { width: auto; height: 175px; } .ui.cards>.card { margin-left: auto; margin-right: auto;; } .item.disabled, .item.disabled:hover { box-shadow: none!important; } .ui.card, .ui.cards>.card { width: 390px; } .ui.card>.content, .ui.cards>.card>.content { padding-left: 2em; padding-right: 2em; }