daily pastebin goal
71%
SHARE
TWEET

Untitled

a guest Jun 19th, 2017 48 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2. CSS for Percox.com main website also for Assignment 1 Week 5 - 6 : Staffordshire University
  3. Notations have been done all the way through for future learning and ease of editing.
  4. */
  5.  
  6. body { /* Body, this is the main background and default setting */
  7.     background-color: gray; /* Color of the background for Body.. this is the main back color */
  8.     background-image: url("images/backgroundheader.png");
  9.     background-repeat: repeat-x;
  10.     margin: 0px;
  11.     padding: 0px;
  12.    
  13. }
  14.  
  15. html {
  16.     margin:0;
  17.     padding:0;
  18.     color:#000;
  19. }
  20.  
  21. h4 {
  22.     background-color: gray;
  23.     border-bottom: 1px black solid;
  24.     color: white;
  25.     padding: 10px;
  26.     float: left;
  27.     width: 90%;
  28.     height: auto;
  29.     font-size: large;
  30. }
  31.  
  32. /* HEADER RELATED */
  33.  
  34. #topbar {
  35.     background-image: url("images/percoxlogo.png"); /* logo being used for the top bar */
  36.     background-repeat: no-repeat; /* Only display the logo once */
  37.     height: 67px;
  38.     margin-left: 17%;
  39.     margin-right: auto;
  40. }
  41.  
  42. #navbar { /* Navigation Bar at the top */
  43.     font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;/* Font being used in the navigation, all text will use this */
  44.     font-size: 12px; /* Size of the font being used in the head */
  45.     margin-left: 10%; /* Left Margin in the header, clearing an area outside the border */
  46.     margin-right: 0px; /* Right Margin in the head. */
  47.     padding-bottom: 23px; /* Bottom Padding */
  48.     padding-top: 23px;  /* Top Padding */
  49. }
  50.  
  51. #navbar a { /* The style of anything in <a href=""> </a> within this navbar */
  52.     color: #FFFFFF; /* Color of the link */
  53.     padding: 23px 15px 23px; /* (Format: Top Padding - Right Padding - Bottom Padding - Left Padding) */
  54.     text-decoration: none;
  55. }
  56.  
  57. #navbar a:hover { /* The style of what happens when you hover of the href in navbar */
  58.     background-color: #000066;
  59. }
  60.  
  61. /* MAIN CONTENT BEGIN */
  62.  
  63. #mainbox {
  64.     background-color: #CCCCCC; /* Background color of the main box */
  65.     border-left: 2px solid black;
  66.     border-right: 2px solid black;
  67.     border-bottom: 2px solid black;
  68.     width: 65%;
  69.     float: left
  70. }
  71. #maincontent {
  72.     /* The content within the main division box */
  73.     font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  74.     font-size: small; /* Size of font in the main content */
  75.     width: 65%; /* How wide it is to be the main content */
  76.     float: left; /* Float left */
  77.     clear: left;
  78.     border-style: solid; /* Solid style with a straight line */
  79.     border-width: 0px 2px 0px 0px; /* Border style right increased to 2 */
  80.     /* padding: 25px 25px 25px 10px; */
  81.     display: inline;
  82. }
  83.  
  84. #mainsidebar {
  85.     float: right;
  86.     margin-top: 0px;
  87.     margin-right: 10px;
  88.     margin-left: auto;
  89.     display: inline;
  90.     width: 200px;
  91.    
  92. }
  93.  
  94. /* FOOTER RELATED */
  95.  
  96. #footer {
  97.     clear: left;
  98.     text-align: center; /* Centralizing all text within this div */
  99.     color: #FFFFFF; /* Colour of the text within the div */
  100.     background-color: #3b3b42; /* General background colour, same as header */
  101.     padding: 25px 10px 25px 10px; /* The padding throughout*/
  102.     font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;/* Font being used in the navigation, all text will use this */
  103.     font-size: 12px; /* Size of the font being used in the head */
  104. }
RAW Paste Data
Top