Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* add scroll bar and to prevent background picture from adjusting position */
- html {
- overflow-y: scroll;
- position: relative;
- width: 100%;
- }
- /* to look at borders use
- * {
- border: 1px solid red;
- }
- */
- * {
- box-sizing: border-box;
- }
- /* background color and font */
- body {
- background-color: #FFF5EE;
- font-family: Verdana, Geneva, sans-serif;
- }
- /* navigation bar */
- .nav ul li {
- display: inline-block;
- list-style: none;
- }
- .container-fluid {
- position: fixed;
- width: 100% !important;
- top: 0px;
- left: 0px;
- background: rgba(230, 230, 250, 0.5);
- }
- .navcontainer {
- width: 75%;
- margin: auto;
- }
- .left {
- float: left;
- padding: 0%;
- }
- .right {
- float: right;
- padding: 0%;
- }
- .nav {
- position: fixed;
- width: 100% !important;
- top: 0;
- left: 0;
- background: rgba(230, 230, 250, 0.5);
- }
- selector:pseudo-class {
- property: value;
- }
- nav a {
- color: #000;
- padding: 5px;
- }
- nav a:hover {
- color: #E6E6FA;
- text-decoration: line-through;
- transition: color 600ms;
- -webkit-transition: color 600ms;
- }
- nav {
- z-index: 1;
- }
- /* adjusting jumbotron background image, paragraph, and links */
- .jumbotron {
- background-image: url("../img/landscape.jpg");
- height: 450px;
- background-size: cover no-repeat;
- background-position: 0px -425px;
- background-attachment: fixed;
- }
- .jumbotron p {
- color: white;
- }
- .jumbotron a {
- border-style: none;
- background-color: rgba(255, 255, 255, 0);
- color: black;
- padding: 5px;
- }
- .section {
- }
- .header h1 {
- text-align: center;
- }
- /* Applied to pages in general */
- /* center images in about page */
- .img-thumbnail {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- /* Index Page */
- /* column grid pictures alignment */
- .col-sm {
- text-align: center;
- margin: 0% auto;
- }
- .containerg {
- padding-top: 1%;
- }
- .img-fluid {
- border-style: solid;
- border-color: #FFFFFF;
- }
- .conp {
- width: 60%;
- margin-left: auto;
- margin-right: auto;
- text-align: center;
- }
- /* About Page */
- /* change container3 alignment */
- h2 {
- text-align: center;
- }
- .container3 {
- width: 60%;
- margin-left: auto;
- margin-right: auto;
- }
- img {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- /* adjust skill column contents to have different bullet point and indentation */
- .skill h4,
- .skill ul {
- margin-left: 15px;
- }
- #skill-list {
- list-style: square;
- padding-left: 20px;
- }
- /* adjust main column to have contents be side by side */
- .column {
- width: 30%;
- padding: 8px;
- display: inline-block;
- float: left;
- }
- /* adjust pixels between picture and more about me */
- .main-text {
- padding: 15px;
- clear:both;
- }
- /* Contact Page */
- /* column grid */
- .col-sm-3 {
- margin: auto;
- }
- /* adjust comission status */
- .jrequest {
- color: #FF0000;
- text-transform: uppercase;
- font-weight: 400;
- }
- .wrequest {
- color: #00FF00;
- text-transform: uppercase;
- font-weight: 400;
- }
- /* FAQ Page */
- /* collapse FAQ */
- .card-header {
- background: #BC8F8F;
- }
- .card-header button {
- color: #000000;
- }
- .card-body {
- font-size: 18px;
- background-color: #FFF5EE;
- }
- .containerc {
- width: 60%;
- margin-left: auto;
- margin-right: auto;
- }
- /* carousel to cover screen */
- .carousel {
- height: 100vh;
- width: 100%;
- overflow:hidden;
- }
- .carousel .carousel-inner {
- height: 100%;
- }
Add Comment
Please, Sign In to add comment