Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html {
- font-family: Verdana;
- background-color: #f2f2f2;
- }
- /* Wrapper */
- #wrapper {
- background-color: #f2f2f2;
- height: 100%;
- }
- #grid {
- width: 100%;
- }
- /* Navigation */
- nav {
- width: 100%;
- position: fixed;
- list-style-type: none;
- background-color: rgba(250, 250, 250, 0.8);
- box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
- z-index: 100;
- }
- nav a {
- padding-right: 50px;
- padding-left: 10px;
- }
- nav li {
- float: left
- }
- nav li a {
- display: block;
- color: black;
- text-align: center;
- padding: 15px;
- text-decoration: none;
- text-shadow: 0px 2px 9px rgba(150, 150, 150, 0.91);
- /* Standard */
- transition: background-color 1s, text-shadow 1s;
- transition-timing-function: ease;
- }
- nav li a:hover {
- background-color: rgba(193, 193, 193, 0.54);
- text-shadow: 0px 10px 6px rgba(150, 150, 150, 1);
- }
- /* Image */
- .picture {
- margin: auto;
- background-color: #ededed;
- width: 70%;
- box-shadow: 0px 15px 57px 0px rgba(0,0,0,0.63);
- text-align: center;
- /* Standard syntax */
- transition: transform 0.25s, box-shadow 0.4s;
- transition-timing-function: ease;
- /* Firefox syntax */
- -moz-transition: transform 0.25s, box-shadow 0.4s;
- -moz-transition-timing-function: ease;
- /* Webkit syntax */
- -webkit-transition: transform 0.25s, box-shadow 0.4s;
- -webkit-transition-timing-function: ease;
- }
- .picture:hover {
- transform: scale(1.1);
- box-shadow: 0px 22px 70px 0px rgba(0,0,0,0.83);
- }
- .picture p {
- padding-bottom: 15px;
- }
- .picture img {
- width: 100%;
- }
- /* Grid */
- .tinypic {
- align-content: center;
- float: left;
- margin: 3.6%;
- padding: 5px;
- background-color: #ededed;
- width: 400px;
- box-shadow: 0px 15px 57px 0px rgba(0,0,0,0.33);
- text-align: center;
- /* Standard syntax */
- transition: transform 0.25s, box-shadow 0.4s;
- transition-timing-function: ease;
- /* Firefox syntax */
- -moz-transition: transform 0.25s, box-shadow 0.4s;
- -moz-transition-timing-function: ease;
- /* Webkit syntax */
- -webkit-transition: transform 0.25s, box-shadow 0.4s;
- -webkit-transition-timing-function: ease;
- }
- .tinypic:hover {
- transform: scale(1.15);
- box-shadow: 0px 22px 70px 0px rgba(0,0,0,0.5);
- }
- .tinypic img {
- width: 100%;
- }
- /* Text */
- .textt {
- float: center;
- width: 85%;
- color: #999999;
- font-size: 14pt;
- padding: 15px;
- margin-top: 150px;
- margin-bottom: 150px;
- align-content: center;
- margin-left: auto;
- margin-right: auto;
- clear: both;
- }
- /* iFrame */
- iframe {
- margin-top: 100px;
- margin-bottom: 150px;
- width: 100%;
- height: 250px;
- }
- /* Footer */
- footer {
- margin-top: 1500px;
- color: #e8e8e8;
- bottom: 0px;
- width: 100%;
- text-align: center;
- background: #454545;
- z-index: 100;
- padding-bottom: 60px;
- padding-top: 60px;
- position: relative;
- clear: both;
- }
Add Comment
Please, Sign In to add comment