Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /**
- *@file
- */
- body{
- font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial;
- margin: 0;
- padding:0;
- background: #DDDDDD;
- }
- h2 {
- font-weight:300;}
- body p {
- font-size: 14px;
- }
- #wrapper {
- width: 1140px;
- margin: 0 auto;
- background: #fff;
- }
- #logo {
- width: 300px;
- color:#fff;
- font-style: italic;
- padding-top:20px;
- padding-bottom:20px;
- }
- #logo h2 a,#site-slogan {
- color:#000;
- text-decoration: none;
- }
- #logo img {
- height:60px;
- width:}
- #site-name {
- margin:0;
- }
- #header {
- color:white;
- text-align:center;
- padding-top:0 !important;
- }
- #sidebar {
- width:30%;
- float:left;
- text-align: justify;
- font-size: 14px;
- } #sidebar h2 {
- font-weight: normal;
- font-size: 20px;
- font-family:"Oswald",sans-serif;
- }
- #main {
- width:70%;
- float:left;
- }
- #main h1 {
- margin: 0;
- margin:15px 0 0 20px;
- font-weight: normal;
- font-size: 22px;
- }
- #footer {
- background-color:#222222;
- color:white;
- clear:both;
- text-align:center;
- padding:5px;
- }
- /* Main Navigation
- ================================================== */
- #main-menu > ul,
- #main-menu > ul * { margin: 0; padding: 0; list-style: none; }
- #main-menu > ul li { position: relative }
- #main-menu > ul ul { position: absolute; display: none; top: 100%; left: 0; z-index: 10001; }
- #main-menu > ul > li { float: left }
- #main-menu > ul li:hover > ul,
- #main-menu > ul li.sfHover > ul { display: block }
- #main-menu > ul a { display: block; position: relative; }
- #main-menu > ul ul ul { top: 0; left: 100%; }
- #main-menu > ul { float: right; }
- #main-menu > ul ul { min-width: 160px; *width: 160px; }
- #main-menu > ul a { zoom: 1 }
- #main-menu > ul li { position: relative; white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; }
- #main-menu > ul li:hover,
- #main-menu > ul li.sfHover { -webkit-transition: none; transition: none; }
- #main-menu > ul .sf-mega { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
- #main-menu > ul li:hover > .sf-mega,
- #main-menu > ul li.sfHover > .sf-mega { display: block }
- /*styling*/
- #site-navigation-wrap { background: #222; height: 55px; }
- #site-navigation #main-menu > ul li { display: block; float: left; height: 55px; line-height: 55px; }
- #site-navigation #main-menu > ul a { color: #fff; font-weight: 400; text-decoration: none; text-align: left; cursor: pointer; padding: 0 30px; }
- #site-navigation #main-menu > ul > li > a:hover,
- #site-navigation #main-menu > ul > li.sfHover > a,
- #site-navigation #main-menu > ul > li > a.active,
- #site-navigation #main-menu > ul > li > a.active:hover { background: #2CD0D0 ; color: #fff; }
- /*drop-down styles*/
- #site-navigation #main-menu > ul ul { background: #000; background: rgba(0,0,0,0.90); font-size: 12px; }
- #site-navigation #main-menu > ul ul a { display: block; height: auto; line-height: 1.7em; padding: 10px 20px; margin: 0px; border: 0px; text-transform: none; }
- #site-navigation #main-menu > ul ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.08); line-height: 1.4em; height: auto; float: none; display: block; }
- #site-navigation #main-menu > ul ul li > a:hover { color: #fff }
- #site-navigation #main-menu > ul ul li:last-child { border: none; }
- /*arrows*/
- #site-navigation #main-menu > ul li .fa-angle-down { margin-left: 5px }
- #site-navigation #main-menu > ul li ul li .fa-angle-right { position: absolute; top: 50%; right: 15px; height: 20px; line-height: 20px; margin-top: -10px; }
- /*hide responsive elements
- ================================================== */
- #navigation-toggle, .sidr, #sidr-close { display: none }
- .menu {
- margin:0;
- }
- .region {
- padding: 20px;
- padding-right: 10px;
- }
- /*-------------------------------------------*/
- /* Menus and item lists
- /*-------------------------------------------*/
- .item-list ul {
- margin: 0;
- padding: 0 0 0 1.5385em;
- }
- .item-list ul li {
- margin: 0;
- padding: 0;
- }
- ul.menu li {
- margin: 0;
- padding: 0;
- }
- ul.inline {
- clear: both;
- }
- ul.inline li {
- margin: 0;
- padding: 0;
- }
- #breadcrumbs {
- font-size: 12px;
- margin: 5px 0 0 20px;
- }
- .node h2 a {
- text-decoration:none;
- color:#000;
- }
- a#navigation-toggle .fa {
- margin-right: 10px;
- }
- .fa {
- display: inline-block;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- line-height: 1;
- }
- .node-readmore a {
- color:#2CD0D0;text-decoration:none;}
- /* Typography
- ================================================== */
- h1,h2,h3,h4,h5,h6 { color: #000; line-height: 1.4em; }
- h1 {
- font-size: 1.714em;
- margin: 0 0 20px;
- }
- h2 {
- font-size: 1.286em;
- }
- h3 {
- font-size: 1.286em;
- }
- h4 {
- font-size: 1em;
- }
- h5 {
- font-size: 0.857em;
- }
- h6 {
- font-size: 0.714em;
- }
- p { margin: 0 0 20px }
- h1 a, h2 a, h3 a, h4 a { color: #000; }
- h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #02aace; text-decoration: none; }
- em { font-style: italic }
- strong { font-weight: 600; color: #000; }
- small { font-size: 80% }
- hr { border: solid #eee; border-width: 1px 0 0; clear: both; height: 0; margin: 40px 0; }
- a { outline: 0 }
- .submitted {
- font-style: italic;
- padding-bottom: 10px;
- color:#777;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement