Difference between revisions of "Team:UCSC/CSS"
RyanModlin (Talk | contribs) |
|||
| (7 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 394: | 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 662: | 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 682: | Line 685: | ||
color: white; | color: white; | ||
padding: 18px 20px; | padding: 18px 20px; | ||
| − | width: | + | width: 50%; |
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 696: | Line 699: | ||
.buttonnotebook3:hover { | .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,478: | 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