This repository has been archived by the owner on Mar 22, 2018. It is now read-only.
forked from khotchkiss13/khotchkiss13.github.io
-
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.
Update includes refinement of particular headers, consistency with a break at the end of all pages, and new Carousel for featured progress! There are currently two different Carousels on the front page, one contains converted BYOB3 projects, and the other contains converted Scratch projects. Each contain 5 unique projects, each repeated 4 times in order to demonstrate functionality. Readme has also been updated to reflect changes.
- Loading branch information
1 parent
00c3557
commit 14f12e7
Showing
12 changed files
with
10,064 additions
and
12 deletions.
There are no files selected for viewing
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
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
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
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,122 @@ | ||
| .jcarousel-wrapper { | ||
| margin: 10px auto; | ||
| position: relative; | ||
| border: 10px solid #fff; | ||
| -webkit-border-radius: 10px; | ||
| -moz-border-radius: 10px; | ||
| border-radius: 10px; | ||
| } | ||
|
|
||
| .jcarousel { | ||
| position: relative; | ||
| overflow: hidden; | ||
| width: 100%; | ||
| } | ||
|
|
||
| .jcarousel ul { | ||
| width: 20000em; | ||
| position: relative; | ||
| list-style: none; | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
|
|
||
| .jcarousel li { | ||
| width: 193px; | ||
| margin-right: 15px; | ||
| float: left; | ||
| border: 1px solid #ffffff; | ||
| -moz-box-sizing: border-box; | ||
| -webkit-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| .jcarousel img { | ||
| display: block; | ||
| max-width: 100%; | ||
| height: auto !important; | ||
| border: 5px solid #ffffff; | ||
| -webkit-border-radius: 10px; | ||
| -moz-border-radius: 10px; | ||
| border-radius: 10px; | ||
| -webkit-box-shadow: 0 0 2px #999; | ||
| -moz-box-shadow: 0 0 2px #999; | ||
| box-shadow: 0 0 2px #999; | ||
| } | ||
|
|
||
| .jcarousel img:hover{ | ||
| -moz-box-shadow: 0 0 5px #000000; | ||
| -webkit-box-shadow: 0 0 5px #000000; | ||
| box-shadow: 0 0 5px #000000; | ||
| } | ||
|
|
||
| .jcarousel-control-prev, | ||
| .jcarousel-control-next { | ||
| position: absolute; | ||
| top: 50%; | ||
| margin-top: -15px; | ||
| width: 30px; | ||
| height: 30px; | ||
| text-align: center; | ||
| background: #2196F3; | ||
| color: #fff; | ||
| text-decoration: none; | ||
| text-shadow: 0 0 1px #000; | ||
| font: 24px/27px Arial, sans-serif; | ||
| -webkit-border-radius: 30px; | ||
| -moz-border-radius: 30px; | ||
| border-radius: 30px; | ||
| -webkit-box-shadow: 0 0 4px #F0EFE7; | ||
| -moz-box-shadow: 0 0 4px #F0EFE7; | ||
| box-shadow: 0 0 4px #F0EFE7; | ||
| } | ||
|
|
||
| .jcarousel-control-prev { | ||
| left: -35px; | ||
| } | ||
|
|
||
| .jcarousel-control-next { | ||
| right: -35px; | ||
| } | ||
|
|
||
| .jcarousel-pagination { | ||
| position: absolute; | ||
| bottom: -40px; | ||
| left: 50%; | ||
| -webkit-transform: translate(-50%, 0); | ||
| -ms-transform: translate(-50%, 0); | ||
| transform: translate(-50%, 0); | ||
| margin: 0; | ||
| } | ||
|
|
||
| .jcarousel-pagination a { | ||
| text-decoration: none; | ||
| display: inline-block; | ||
|
|
||
| font-size: 11px; | ||
| height: 10px; | ||
| width: 10px; | ||
| line-height: 10px; | ||
|
|
||
| background: #ffffff; | ||
| color: #2196F3; | ||
| border-radius: 10px; | ||
| text-indent: -9999px; | ||
|
|
||
| margin-right: 7px; | ||
|
|
||
|
|
||
| -webkit-box-shadow: 0 0 2px #4E443C; | ||
| -moz-box-shadow: 0 0 2px #4E443C; | ||
| box-shadow: 0 0 2px #4E443C; | ||
| } | ||
|
|
||
| .jcarousel-pagination a.active { | ||
| background: #2196F3; | ||
| color: #ffffff; | ||
| opacity: 1; | ||
|
|
||
| -webkit-box-shadow: 0 0 2px #F0EFE7; | ||
| -moz-box-shadow: 0 0 2px #F0EFE7; | ||
| box-shadow: 0 0 2px #F0EFE7; | ||
| } |
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
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
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
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.