Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *, *::after, *::before {
- margin: 0; padding: 0;
- -webkit-box-sizing: border-box !important;
- -moz-box-sizing: border-box !important;
- box-sizing: border-box !important;
- }
- body {
- min-width: 100%;
- min-height: 100%;
- }
- body > aside {
- position: fixed;
- top: 0; left: 0; bottom: 0;
- width: 250px;
- background: #333;
- box-shadow: 0 0 8px 2px rgba(0,0,0,0.6);
- z-index: 1; /* Sobrepor a div do "conteudo" */
- }
- body > div {
- position: absolute;
- top: 0; right: 0; bottom: 0; left: 250px; /* Tamanho do aside */
- background: #32c973;
- z-index: -1;
- }
- body > aside > nav {
- position: absolute;
- top: 36%; left: 0; right: 0;
- padding: 10px 0;
- }
- body > aside > nav
- a {
- display: block;
- width: 100%;
- padding: 16px 0;
- text-align: center;
- text-decoration: none;
- }
- body > aside > nav
- a::before {
- color: #32c973;
- font-size: 1.8em;
- font-weight: 900;
- text-shadow: 0 0 1px #99ff99;
- }
- body > aside > nav
- a > h4 {
- color: #fff;
- display: inline;
- font-family: 'sitefont';
- font-size: 1.8em;
- font-weight: normal;
- text-shadow: 0 0 6px #666;
- margin-left: 6px;
- white-space: nowrap;
- }
- body > aside > nav ul li a h4::after {
- display: inline;
- width: 100%;
- color: #ccc;
- float: left;
- font-size: 0.4em;
- font-family: 'sitefont';
- }
- body > aside > nav ul li:nth-child(1)
- a h4::after {
- content: "Nossa missão e valores";
- text-indent: 100px;
- }
- body > aside > nav ul li:nth-child(2)
- a h4::after {
- content: "O que gostamos de fazer";
- text-indent: 100px;
- }
- body > aside > nav ul li:nth-child(3)
- a h4::after {
- content: "Entre em contato";
- text-indent: 130px;
- }
- body > aside > footer {
- position: absolute;
- bottom: 0; left: 0; right: 0;
- padding: 10px 0;
- text-align: center;
- background: linear-gradient(to bottom, transparent, #333 80%);
- }
- body > aside > footer a {
- color: #32c973;
- display: inline-block;
- font-size: 1.8em;
- font-weight: 900;
- text-decoration: none;
- white-space: nowrap;
- margin: 0 4px 0 4px;
- }
- /* LOGO */
- body > aside > a {
- position: absolute;
- top: 5%; left: 0; right: 0;
- display: block;
- padding: 6px 0;
- color: #32c973;
- font-family: 'cat';
- font-size: 5em;
- text-align: center;
- text-decoration: none;
- white-space: nowrap;
- overflow: hidden;
- vertical-align: middle;
- text-indent: 0px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement