Advertisement
wclendining

FLOATLAYOUTstep1CSS

Apr 6th, 2015
481
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.41 KB | None | 0 0
  1.       /* ============================ */
  2.       /* Section 1: Document defaults */
  3.       /* ============================ */
  4.       @import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
  5.       @import url(http://fonts.googleapis.com/css?family=Bangers);
  6.       body {margin: 2% 15%;
  7.         font-family: Lato, Verdana, Arial, Helvetica, sans-serif;
  8.         font-size: 10pt;
  9.         background-image: url(images/plhouse.jpg);
  10.         background-repeat: no-repeat;
  11.         background-size: 30%;
  12.         background-attachment: fixed;
  13.         /* background-position: right top;*/
  14.       }
  15.  
  16.       /* =============================== */
  17.       /* Section 2: Header element rules */
  18.       /* =============================== */
  19.  
  20.       #global {
  21.          background-color: #121E26;
  22.          text-align: right;
  23.          overflow: auto;
  24.          padding-right: 40px;
  25.          height: 40px;
  26.          border-top-left-radius: 30px;
  27.          -ms-border-top-left-radius: 30px;
  28.          -moz-border-top-left-radius: 30px;
  29.          -webkit-border-top-left-radius: 30px;
  30.          -khtml-border-top-left-radius: 30px;
  31.          border-top-right-radius: 30px;
  32.          -ms-border-top-right-radius: 30px;
  33.          -moz-border-top-right-radius: 30px;
  34.          -webkit-border-top-right-radius: 30px;
  35.          -khtml-border-top-right-radius: 30px;
  36.          }
  37.  
  38.  
  39.       /* =============================== */
  40.       /* Section 4: Footer element rules */
  41.       /* =============================== */
  42.       footer {font-size: 80%;
  43.       }
  44.       footer a, footer a:link, footer a:active, footer a:visited, footer a:hover {color: black; text-decoration: none;}
  45.       footer a:hover {color: white; text-decoration: underline;}
  46.       .TopRow {background-color: #324853;clear: both;overflow: auto;}
  47.       .Centre {text-align: center;}
  48.       .BottomRow { height: 40px;background-color: #1a2d38; color: white;text-align: center;
  49.           border-bottm-left-radius: 30px;
  50.           -ms-border-bottom-left-radius: 30px;
  51.           -moz-border-bottom-left-radius: 30px;
  52.           -webkit-border-bottom-left-radius: 30px;
  53.           -khtml-border-bottom-left-radius: 30px;
  54.           border-bottom-right-radius: 30px;
  55.           -ms-border-bottom-right-radius: 30px;
  56.           -moz-border-bottom-right-radius: 30px;
  57.           -webkit-border-bottom-right-radius: 30px;
  58.           -khtml-border-bottom-right-radius: 30px;
  59.       }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement