Difference between revisions of "Team:UCSC/CSS"
| (13 intermediate revisions by 2 users not shown) | |||
| Line 14: | Line 14: | ||
#content {margin-left: 0px; margin-top: -9px; padding: 0px; width: 100%;} | #content {margin-left: 0px; margin-top: -9px; padding: 0px; width: 100%;} | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {margin-bottom: 0px;} | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {margin-bottom: 0px;} | ||
| + | #globalWrapper{padding-bottom: 0 !important;} | ||
body {background-color: white;} | body {background-color: white;} | ||
| Line 39: | Line 40: | ||
--second-txt-font: 'roboto', sans-serif; /* 'Ailerons-Typeface' didn't work. Figure out how to use font from ttf files? */ | --second-txt-font: 'roboto', sans-serif; /* 'Ailerons-Typeface' didn't work. Figure out how to use font from ttf files? */ | ||
| − | + | /* --sectionTitle-txt-color: #f52153; */ /* poppy red */ | |
| + | --sectionTitle-txt-color: #e91b63; /* poppy pink */ | ||
--referenceLink-txt-color: #0C5798; /* grey blue */ | --referenceLink-txt-color: #0C5798; /* grey blue */ | ||
} | } | ||
| Line 166: | Line 168: | ||
min-width: 160px; | min-width: 160px; | ||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
| − | + | /* z-index: -1; */ | |
background-color: var(--navbar-div-color, #adaabe94); | background-color: var(--navbar-div-color, #adaabe94); | ||
} | } | ||
| Line 355: | Line 357: | ||
.float-toc h6 { | .float-toc h6 { | ||
padding: 0; | padding: 0; | ||
| + | padding-top: 75px; /* anchor jump offset */ | ||
| + | margin-top: -75px; | ||
| + | |||
} | } | ||
| Line 391: | Line 396: | ||
padding: calc((100vh - (150px + 84px) - 30px*9)/(4*9)) 1em; /* In Style of page, replace "9"s with number of items in list */ /* calc((viewportHeight - (spaceAboveFirstItem + footerHeight) - heightOfTextAndSpaces*numberOfItems)/(twoPaddings*numberOfItems)) */ | padding: calc((100vh - (150px + 84px) - 30px*9)/(4*9)) 1em; /* In Style of page, replace "9"s with number of items in list */ /* calc((viewportHeight - (spaceAboveFirstItem + footerHeight) - heightOfTextAndSpaces*numberOfItems)/(twoPaddings*numberOfItems)) */ | ||
background-color: #f11346; /* poppy red, darker */ | background-color: #f11346; /* poppy red, darker */ | ||
| + | background-color: #e91b63; /* poppy red, darker */ | ||
} | } | ||
| Line 424: | Line 430: | ||
.scroll-to-top img { | .scroll-to-top img { | ||
| − | width: calc( | + | width: calc(35px + (20 * ((100vw - 800px) / 800))); |
| + | padding: 10px; | ||
| + | margin: -10px; | ||
| + | opacity: 0.25; | ||
| + | transition: .3s; | ||
| + | } | ||
| + | |||
| + | .scroll-to-top img:hover { | ||
| + | opacity: 1; | ||
} | } | ||
| Line 651: | Line 665: | ||
color: white; | color: white; | ||
padding: 18px 20px; | padding: 18px 20px; | ||
| − | width: | + | width: 20%; |
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 664: | Line 678: | ||
.buttonnotebook2:hover { | .buttonnotebook2:hover { | ||
| + | background-color: #e91b63; | ||
| + | } | ||
| + | |||
| + | .buttonnotebook3 { | ||
| + | background-color: #464646; | ||
| + | color: white; | ||
| + | padding: 18px 20px; | ||
| + | width: 50%; | ||
| + | text-align: center; | ||
| + | text-decoration: none; | ||
| + | display: inline-block; | ||
| + | font-size: 16px; | ||
| + | -webkit-transition-duration: 0.4s; /* Safari */ | ||
| + | transition-duration: 0.4s; | ||
| + | cursor: pointer; | ||
| + | box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); | ||
| + | float: left; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | |||
| + | .buttonnotebook3:hover { | ||
| + | background-color: #e91b63; | ||
| + | } | ||
| + | |||
| + | .buttonnotebook4 { | ||
| + | background-color: #464646; | ||
| + | color: white; | ||
| + | padding: 18px 20px; | ||
| + | width: 25%; | ||
| + | text-align: center; | ||
| + | text-decoration: none; | ||
| + | display: inline-block; | ||
| + | font-size: 16px; | ||
| + | -webkit-transition-duration: 0.4s; /* Safari */ | ||
| + | transition-duration: 0.4s; | ||
| + | cursor: pointer; | ||
| + | box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); | ||
| + | float: left; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | |||
| + | .buttonnotebook4:hover { | ||
background-color: #e91b63; | background-color: #e91b63; | ||
} | } | ||
| Line 1,120: | Line 1,176: | ||
.flex-col, .flex-row .flex-col.small-divide, .flex-row .flex-col.small-divide a { | .flex-col, .flex-row .flex-col.small-divide, .flex-row .flex-col.small-divide a { | ||
| − | + | /* width: 90%; */ | |
| − | padding: 0 | + | padding: 0 2.5% !important; |
margin: 5% 5%; | margin: 5% 5%; | ||
} | } | ||
| Line 1,446: | Line 1,502: | ||
margin-right:2vh; | margin-right:2vh; | ||
} | } | ||
| + | |||
/*----------------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------------*/ | ||
| + | |||
| + | /**************** table **********************/ | ||
| + | table, th, td { | ||
| + | border: 1px solid black; | ||
| + | border-collapse: collapse; | ||
| + | } | ||
| + | th, td { | ||
| + | padding: 5px; | ||
| + | } | ||
| + | th { | ||
| + | text-align: left; | ||
| + | /*************************/ | ||
</style> | </style> | ||
Latest revision as of 18:17, 16 October 2018