Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* * { border: 1px solid red; } */
- .col-md-4 a {
- color: black;
- text-decoration: none;
- }
- .carousel-caption {
- color: black;
- font-family: 'Courgette', Helvetica Times, serif;
- }
- .carousel-caption h3 {
- font-size: 4.3em;
- }
- .carousel-caption p {
- font-size: 1.5em;
- }
- #planning {
- margin-bottom: 5%;
- }
- #documenting {
- margin: 0 30% 10% 0;
- }
- #executing {
- margin-bottom: 20%;
- }
- @media (max-width: 480px) {
- .carousel-caption {
- font-size: 0.5em;
- color: rgb(200,0,255);
- }
- }
- @media (max-width: 480px) {
- #executing {
- padding-bottom: 0%;
- }
- }
- @media (max-width: 480px) {
- #planning {
- padding-bottom: 2%;
- }
- }
- @media (max-width: 480px) {
- #documenting h3 {
- text-align: left;
- }
- }
- @media (max-width: 480px) {
- #navbar {
- height: 50%;
- font-size: .8em;
- }
- }
- @media (max-width: 480px) {
- #navbar li {
- border: 0;
- }
- }
- @media (max-width: 768px) {
- .carousel-caption h3 {
- font-size: 3.3em;
- }
- }
- @media (max-width: 768px) {
- #documenting h3 {
- font-size: 2.8em;
- }
- }
- @media (max-width: 768px) {
- #planning {
- margin-bottom: 0%;
- }
- }
- @media (max-width: 768px) {
- #executing {
- margin-bottom: 10%;
- }
- }
- @media (max-width: 768px) {
- #executing p {
- padding: 0 20%;
- margin-top: 0;
- }
- }
- @media (max-width: 768px) {
- #executing h3 {
- margin-bottom: 0;
- }
- }
- /**** ABOUT ****/
- * { box-sizing: border-box; }
- .contain {
- margin-top: 40px;
- width: 100%;
- height: 100%;
- background: #fffeee;
- color: #34495e;
- }
- .header h1 {
- text-align: center;
- display: block;
- }
- .image {
- display: inline-block;
- float: center;
- }
- .column {
- display: inline-block;
- float: center;
- position: relative;
- }
- .main-text {
- clear: both;
- padding: 50px;
- font-family: 'Raleway', 'Century Gothic', Helvetica Times, serif;
- }
- .skills {
- background-color: rgba(200,0,255,.7);
- color: white;
- box-shadow: 0 3px 4px #ccc, inset 0 2px 0 #fff;
- margin-left: 10%;
- }
- .intro h2 {
- -webkit-margin-before: 0;
- }
- .width {
- width: 90%;
- padding-left: 10%;
- }
- /*Typography*/
- #skill-list {
- position: relative;
- padding: 20px 40px 50px 70px;
- font-family: 'Goudy Old Style', Helvetica, Times, serif;
- }
- .skills h3 {
- text-align: center;
- font-family: 'Goudy Old Style', Helvetica, Times, serif;
- text-transform: uppercase;
- }
- .header h1 {
- font-family: 'Century Gothic', Helvetica, Times, serif;
- text-shadow: 1px 1px 2px #000000;
- font-weight: bold;
- }
- .intro {
- font-family: 'Century Gothic', Helvetica Times, serif;
- font-size: 2em;
- font-weight: 100;
- }
- .main-text h3 {
- color: rgba(200,0,255,.7);
- }
- @media (max-width: 480px) {
- .main-text {
- padding: 5%;
- }
- }
- @media (max-width: 768px) {
- .main-text {
- padding: 0;
- }
- }
- @media (max-width: 480px) {
- .width {
- width: 100%;
- padding: 0;
- }
- }
- @media (max-width: 768px) {
- .width .row {
- text-align: center;
- }
- }
- /*Navigation*/
- #navigation li {
- display: inline-block;
- float: right;
- padding: 4px 10px 16px;
- }
- #navigation li a {
- color: white;
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-decoration: none;
- transition: color 600ms;
- -webkit-transition: color 600ms;
- }
- .nav {
- background: #34495e;
- position: fixed;
- width: 100%;
- z-index: 1;
- top: 0;
- }
- #navigation li a:hover {
- color: rgba(200,0,255,.7);
- text-decoration: none;
- }
- /**** FAQ ****/
- .panelek {
- width: 80%;
- margin: 0 15%;
- }
- .panel-body {
- background: #D2C5D0;
- font-family: 'Open Sans', Times, serif;
- }
- .panel-title {
- color: rgb(23, 21, 34);
- text-shadow:
- 3px 3px 0 rgba(243, 215, 236, 0.96),
- -1px -1px 0 rgba(243, 215, 236, 0.96),
- 1px -1px 0 rgba(243, 215, 236, 0.96),
- -1px 1px 0 rgba(243, 215, 236, 0.96),
- 1px 1px 0 rgba(243, 215, 236, 0.96);
- font-family: 'Open Sans', Times, serif;
- font-weight: 800;
- text-transform: uppercase;
- text-decoration: none;
- letter-spacing: 0.05em;
- transition: color 600ms;
- -webkit-transition: color 600ms;
- }
- .panel-title a:hover {
- color: #C490BB;
- text-decoration: none;
- }
- .faqheader {
- text-align: center;
- color: rgb(23, 21, 34);
- text-shadow:
- 3px 3px 0 rgba(243, 215, 236, 0.96),
- -1px -1px 0 rgba(243, 215, 236, 0.96),
- 1px -1px 0 rgba(243, 215, 236, 0.96),
- -1px 1px 0 rgba(243, 215, 236, 0.96),
- 1px 1px 0 rgba(243, 215, 236, 0.96);
- font-family: 'Open Sans', Times, serif;
- }
- @media (max-width: 480px) {
- .panelek {
- margin: 5%;
- width: 90%;
- }
- }
- @media (max-width: 768px) {
- .panelek {
- margin: 10%;
- width: 80%;
- }
- }
- /**** CONTACT ****/
- .box .header p {
- color: rgb(200,0,255);
- font-size: 1.3em;
- text-shadow:
- 3px 3px 0 rgba(243, 215, 236, 0.96),
- -1px -1px 0 rgba(243, 215, 236, 0.96),
- 1px -1px 0 rgba(243, 215, 236, 0.96),
- -1px 1px 0 rgba(243, 215, 236, 0.96),
- 1px 1px 0 rgba(243, 215, 236, 0.96);
- font-family: 'Josefin Sans', Helvetica, 'Segoe UI', Times, serif;
- }
- .header #small {
- display: block;
- padding-top: 30%;
- }
- #big {
- font-size: 3.5em;
- display: block;
- padding-left: 32%;
- }
- .columncont {
- display: block;
- margin-left: 10%;
- color: white;
- }
- .box {
- background-image: url(../img/contactme.jpg);
- background-size: 100% 100%;
- background-position: inherit;
- background-repeat: no-repeat;
- margin-top: 40px;
- height: 700px;
- }
- @media (max-width: 480px) {
- .box {
- height: 35%;
- }
- }
- @media (max-width: 768px) {
- .box {
- height: 60%;
- }
- }
- @media (max-width: 480px) {
- .box .header {
- font-size: 40%;
- }
- }
- @media (max-width: 480px) {
- .box #big {
- padding-bottom: 30%;
- margin-top: 0;
- }
- }
- @media (max-width: 480px) {
- .box #small {
- margin-bottom: 0%;
- }
- }
- @media (max-width: 768px) {
- .box #big {
- padding-bottom: 30%;
- }
- }
- body {
- background: rgb(231, 232, 237);
- position: relative;
- }
- .text {
- font-family: "Lobster", Helvetica, 'Segoe UI', Times, serif;
- color: rgb(23, 21, 34);
- text-shadow:
- 3px 3px 0 rgba(243, 215, 236, 0.96),
- -1px -1px 0 rgba(243, 215, 236, 0.96),
- 1px -1px 0 rgba(243, 215, 236, 0.96),
- -1px 1px 0 rgba(243, 215, 236, 0.96),
- 1px 1px 0 rgba(243, 215, 236, 0.96);
- display: inline-block;
- float: center;
- margin: 4%;
- }
- span:hover {
- transition: color 300ms;
- -webkit-transition: color 300ms;
- color: rgba(200,0,255,.7);
- }
- /*Navigation*/
- /*
- #navbar li {
- display: inline-block;
- float: right;
- padding: 4px 10px 16px;
- }
- #navbar li a {
- color: white;
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-decoration: none;
- transition: color 600ms;
- -webkit-transition: color 600ms;
- }
- .navbar {
- background: rgb(23, 21, 34);
- position: fixed;
- width: 100%;
- top: 0;
- z-index: 1;
- }
- #navbar li a:hover {
- color: rgba(200,0,255,.7);
- text-decoration: none;
- }
- */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement