ydeng/photoatlas.bitbucket.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tests with scrollbars. may remove in future.

Browse Source
This commit is contained in:
Harrison Deng 2016-10-10 14:15:58 -05:00
parent bbe44122f6
commit 11a6047958
2 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
Dependencies/CSS/better.css vendored
View File

@ -9,12 +9,27 @@
.sector { .sector {
background-position: center; background-position: center;
background-size: 50vh; background-size: 50vh;
height: 100vh; min-height: 100vh;
max-height: 100vh;
overflow: scroll;
} }
.sector > .row {
color: grey; /*scrolling things of amazingness*/
.sector::-webkit-scrollbar {
width: 8px;
} }
.sector::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
border-radius: 6px;
}
.sector::-webkit-scrollbar-thumb {
border-radius: 6px;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5);
}
/*scrolling things of amazingness END*/
.yhd-title { .yhd-title {
padding-top: 150px; padding-top: 150px;
background-image: url(../../yhdassets/DSC_0003.JPG); background-image: url(../../yhdassets/DSC_0003.JPG);

18
index.html
View File

@ -19,15 +19,15 @@
</head> </head>
<body> <body>
<div class="masthead clearfix">
<div class="inner">
<h3 class="masthead-brand">Photo Atlas</h3>
<nav class="nav nav-masthead"> <a class="nav-link active" href="#">Home</a> <a class="nav-link" href="rekai.html">Rekai</a> <a class="nav-link" href="harrison.html">Harrison</a> </nav>
</div>
</div>
<!--find this all a bit convoluted (and slightly "not needed") since it was all example might change it some time i.e can be simplified--> <!--find this all a bit convoluted (and slightly "not needed") since it was all example might change it some time i.e can be simplified-->
<div class="site-wrapper intro"> <div class="site-wrapper">
<div class="site-wrapper-inner"> <div class="site-wrapper-inner intro">
<div class="masthead clearfix">
<div class="inner">
<h3 class="masthead-brand">Photo Atlas</h3>
<nav class="nav nav-masthead"> <a class="nav-link active" href="#">Home</a> <a class="nav-link" href="rekai.html">Rekai</a> <a class="nav-link" href="#yhd">Harrison</a> </nav>
</div>
</div>
<div class="cover-container"> <div class="cover-container">
<div class="inner cover"> <div class="inner cover">
<h1 class="cover-heading">Digital Photography</h1> <h1 class="cover-heading">Digital Photography</h1>
@ -36,7 +36,7 @@
</div> </div>
<div class="mastfoot"> <div class="mastfoot">
<div class="inner"> <div class="inner">
<p>Copyright &copy; 2016 Harrison and <a href="https://paoda.bitbucket.io">Rekai</a> Inc.</p> <p>Copyright &copy; 2016 <a href="https://highdef.bitbucket.io/">Harrison</a> and <a href="https://paoda.bitbucket.io">Rekai</a> Inc.</p>
</div> </div>
</div> </div>
</div> </div>