Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(http://fonts.googleapis.com/css?family=Archivo+Narrow);
- /************background color of the page*************/
- body {
- background: #222;
- padding: 0; margin: 0;
- }
- * { text-decoration: none !important; }
- /************bold, italic, underline, and link cursor*************/
- b { color: #111 !important; }
- i { color: #B5C42B; }
- u { border-bottom: 1px dotted #666; }
- a { cursor: crosshair; }
- /*********************************************************************************/
- /*********************************************************************************/
- /*******************************INSIDE HTML PAGES**********************************/
- /*********************************************************************************/
- /*********************************************************************************/
- /************general font family, size, color, and background inside the HTML pages*************/
- #content {
- font-family: Calibri, Helvetica, sans-serif;
- font-size: 11px;
- line-height: 18px;
- color: #777 !important;
- background: #f3f3f3;
- }
- /************links*************/
- #content a {
- font-size: 10px;
- letter-spacing: 2px;
- text-transform: uppercase;
- text-decoration: none !important;
- color: #111 !important;
- background: #f3f3f3;
- padding: 2px 5px;
- transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- -webkit-transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -ms-transition: 0.5s ease;
- }
- #content a:hover {
- color: #fff !important;
- background: #B5C42B;
- }
- /*****************headers**********************/
- h1 {
- float: left;
- font-size: 20px;
- font-family: Archivo Narrow, sans-serif;
- letter-spacing: 3px;
- text-transform: lowercase;
- color: #B5C42B !important;
- padding: 0 20px;
- }
- h2 {
- font-size: 13px;
- font-family: Archivo Narrow, sans-serif;
- letter-spacing: 3px;
- text-transform: lowercase;
- color: #111 !important;
- }
- h3 {
- font-family: Calibri, Helvetica, sans-serif;
- font-size: 8px;
- letter-spacing: 3px;
- text-transform: uppercase;
- text-align: center;
- color: #111 !important;
- background: #B5C42B;
- padding: 12px 0;
- }
- /*********************************************************************************/
- /*********************************************************************************/
- /**********************OVERALL STRUCTURE OF LAYOUT*********************************/
- /*********************************************************************************/
- /*********************************************************************************/
- /****************this contains the entire layout*********************/
- #stuff {
- width: 900px;
- background-color: #f9f9f9;
- font-family: Calibri, Helvetica, sans-serif;
- font-size: 11px;
- color: #777 !important;
- margin: 0 auto 40px;
- border-radius: 10px;
- box-shadow: #111 0 0 5px;
- }
- #stuff a {
- font-size: 8px;
- letter-spacing: 2px;
- text-transform: uppercase;
- transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- -webkit-transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -ms-transition: 0.5s ease;
- }
- /**********************menu: contains add, block, message, report links***********************/
- #menu {
- background-color: #111;
- padding: 50px 0 25px;
- border-bottom: 1px solid #222;
- border-top-left-radius: 8px;
- border-top-right-radius: 8px;
- text-align: right;
- }
- #menu a {
- display: inline-block;
- padding-top: 5px;
- width: 25px;
- height: 20px;
- border-radius: 50px;
- border: 1px solid #222;
- letter-spacing: 0 !important;
- font-size: 12px;
- text-align: center;
- margin: 0 7px;
- color: #B5C42B !important;
- }
- #menu a:hover {
- border-color: #fff;
- }
- /*******************this controls your Username in the upper left corner***********************/
- #menu h4 {
- position: relative;
- top: 70px;
- width: 500px;
- text-align: left;
- font-size: 30px;
- font-family: Archivo Narrow, sans-serif;
- letter-spacing: 3px;
- text-transform: lowercase;
- color: #CDDB51 !important;
- margin-left: 20px;
- }
- /**********************nav: contains link001, link002, link003, etc***********************/
- #nav {
- background-color: #111;
- padding: 20px 0;
- }
- #nav a {
- display: inline-block;
- padding: 6px 10px;
- margin: 0 10px;
- background: #111;
- color: #fff !important;
- }
- #nav a:hover {
- color: #111 !important;
- background: #B5C42B;
- }
- /**********************dimensions of slideshow***********************/
- #slideshow {
- width: 900px;
- height: 280px;
- margin-bottom: 20px;
- }
- /**********************dimensions of iframe***********************/
- #framemain {
- float: left;
- width: 600px;
- height: 500px;
- margin-left: 20px;
- margin-top: 20px;
- padding: 10px 7px 7px;
- background: #f3f3f3;
- border-top: 10px solid #111;
- }
- /*************the Basics section on the right side of the layout**************/
- #basics {
- float: right;
- width: 200px;
- height: 500px;
- margin-right: 20px;
- margin-top: 20px;
- line-height: 15px;
- border-bottom: 10px solid #111;
- }
- #basics h5 {
- font-size: 13px;
- font-family: Archivo Narrow, sans-serif;
- letter-spacing: 3px;
- text-transform: lowercase;
- background: #111;
- color: #B5C42B !important;
- padding: 10px;
- margin: 0 auto 20px;
- }
- #avp {
- background: #fff;
- padding: 8px;
- border: 1px solid #ddd;
- margin: 0 auto 10px 10px;
- transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- -webkit-transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -ms-transition: 0.5s ease;
- }
- #avp:hover {
- border-color: #C0D40F;
- }
- /**********************external links at the bottom of the layout***********************/
- #links {
- width: 860px;
- border-top: 1px solid #ddd;
- padding: 30px 0;
- margin: 70px 20px;
- }
- #links h2 {
- display: inline-block;
- margin: 0 10px;
- }
- #links a {
- padding: 8px 12px;
- margin: 0 10px;
- color: #555 !important;
- transition: 0.5s ease;
- -moz-transition: 0.5s ease;
- -webkit-transition: 0.5s ease;
- -o-transition: 0.5s ease;
- -ms-transition: 0.5s ease;
- }
- #links a:hover {
- color: #111 !important;
- }
- /**********************highlight effect ***********************/
- ::selection { color: #fff; background: #B5C42B; }
- ::-moz-selection { color: #fff; background: #B5C42B; }
- ::-webkit-selection { color: #fff; background: #B5C42B; }
- ::-o-selection { color: #fff; background: #B5C42B; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement