-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Majorly refactored CSS & file structure to make archiving simpler
- Updated head declarations to use relative file paths more effectively. - Created specific assets folders so each index.html has a matching assets folder within its directory. - Structure of archived pages is now consistent with the root index.html and its assets folder. - Created master.css to hold styles that are constant for all versions. - Removed duplicate styles from each year's individual style.css. - This will hopefully will make implementing overall new/different layouts easier. (#21) - Special favicon are now read directly from the main website's repo.
- Loading branch information
Showing
27 changed files
with
1,215 additions
and
1,601 deletions.
There are no files selected for viewing
File renamed without changes.
File renamed without changes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,101 @@ | ||
| @import url('https://fonts.googleapis.com/css?family=Crimson+Text'); | ||
|
|
||
| @font-face { | ||
| font-family: Skorzhen; | ||
| src: url(./FTY-SKORZHEN-NCV.ttf); | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| body, button { | ||
| font-family: 'Crimson Text', serif; | ||
| color: #38322F; | ||
| } | ||
|
|
||
| /* Header */ | ||
| h1 { | ||
| margin: 0.67em 0; | ||
| } | ||
|
|
||
| h3 { | ||
| margin-top: 1em 0; | ||
| } | ||
|
|
||
| #title { | ||
| font-family: Skorzhen; | ||
| font-size: 1.75em; | ||
| padding: 0; | ||
| transform: scale(1,1); | ||
| -webkit-transform:scale(1,1); /* Safari and Chrome */ | ||
| -moz-transform:scale(1,1); /* Firefox */ | ||
| -ms-transform:scale(1,1); /* IE 9+ */ | ||
| -o-transform:scale(1,1); /* Opera */ | ||
| } | ||
|
|
||
| /* Buttons */ | ||
| .button { | ||
| border: none !important; | ||
| -webkit-border-radius: 5px; | ||
| -moz-border-radius: 5px; | ||
| border-radius: 5px; | ||
| background-color: #A77C3C !important; | ||
| } | ||
| .button:hover { | ||
| background-color: #BA8A43 !important; | ||
| } | ||
| .button:active { | ||
| background-color: #C19656 !important; | ||
| } | ||
| .button div { | ||
| font-weight: bold; | ||
| padding: 10px 15px 12px 15px; | ||
| } | ||
| button.button { | ||
| padding: 10px 15px 12px 15px !important; | ||
| } | ||
|
|
||
| #bingo { | ||
| width: 8vw; | ||
| min-width: 130px; | ||
| padding: .5vw; | ||
| } | ||
| #bingo div { | ||
| padding: 5px 0px !important; | ||
| font-size: 35px !important; | ||
| transform: scale(1,1); | ||
| -webkit-transform:scale(1,1); /* Safari and Chrome */ | ||
| -moz-transform:scale(1,1); /* Firefox */ | ||
| -ms-transform:scale(1,1); /* IE 9+ */ | ||
| -o-transform:scale(1,1); /* Opera */ | ||
| } | ||
|
|
||
| /* Board */ | ||
| #board { | ||
| font-size: 1.5em; | ||
| } | ||
|
|
||
| #boardHeader > .tile { | ||
| font-family: Skorzhen; | ||
| font-size: 3em; | ||
| border-width: 2px; | ||
| color: #62392D; | ||
| transform: scale(1,1); | ||
| -webkit-transform:scale(1,1); /* Safari and Chrome */ | ||
| -moz-transform:scale(1,1); /* Firefox */ | ||
| -ms-transform:scale(1,1); /* IE 9+ */ | ||
| -o-transform:scale(1,1); /* Opera */ | ||
| } | ||
|
|
||
| /* Tiles */ | ||
| .tile { | ||
| border: 2px solid #62392D; | ||
| } | ||
|
|
||
| input[type=checkbox]:checked + div { | ||
| background-color: #62392D; | ||
| color: #fff; | ||
| } | ||
|
|
||
| div.tile:hover { | ||
| background-color: #BA8A43; | ||
| color: #fff; | ||
| } |
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.