Difference between revisions of "Team:UCSC/CSS"

 
(9 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: #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;
+
/*  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: 19%;
+
     width: 20%;
 
     text-align: center;
 
     text-align: center;
 
     text-decoration: none;
 
     text-decoration: none;
Line 675: 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,457: 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