Advertisement
Guest User

Untitled

a guest
May 25th, 2015
235
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.02 KB | None | 0 0
  1. /**
  2. *@file
  3. */
  4. body{
  5. font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial;
  6. margin: 0;
  7. padding:0;
  8. background: #DDDDDD;
  9.  
  10. }
  11. h2 {
  12. font-weight:300;}
  13. body p {
  14. font-size: 14px;
  15. }
  16. #wrapper {
  17. width: 1140px;
  18. margin: 0 auto;
  19. background: #fff;
  20. }
  21. #logo {
  22. width: 300px;
  23. color:#fff;
  24. font-style: italic;
  25. padding-top:20px;
  26. padding-bottom:20px;
  27.  
  28. }
  29. #logo h2 a,#site-slogan {
  30. color:#000;
  31. text-decoration: none;
  32. }
  33. #logo img {
  34. height:60px;
  35. width:}
  36. #site-name {
  37. margin:0;
  38. }
  39. #header {
  40. color:white;
  41. text-align:center;
  42. padding-top:0 !important;
  43.  
  44.  
  45. }
  46.  
  47. #sidebar {
  48. width:30%;
  49. float:left;
  50. text-align: justify;
  51. font-size: 14px;
  52.  
  53.  
  54.  
  55. } #sidebar h2 {
  56. font-weight: normal;
  57. font-size: 20px;
  58. font-family:"Oswald",sans-serif;
  59.  
  60. }
  61.  
  62. #main {
  63. width:70%;
  64. float:left;
  65.  
  66. }
  67. #main h1 {
  68. margin: 0;
  69. margin:15px 0 0 20px;
  70. font-weight: normal;
  71. font-size: 22px;
  72.  
  73. }
  74. #footer {
  75. background-color:#222222;
  76. color:white;
  77. clear:both;
  78. text-align:center;
  79. padding:5px;
  80. }
  81. /* Main Navigation
  82. ================================================== */
  83. #main-menu > ul,
  84. #main-menu > ul * { margin: 0; padding: 0; list-style: none; }
  85. #main-menu > ul li { position: relative }
  86. #main-menu > ul ul { position: absolute; display: none; top: 100%; left: 0; z-index: 10001; }
  87. #main-menu > ul > li { float: left }
  88. #main-menu > ul li:hover > ul,
  89. #main-menu > ul li.sfHover > ul { display: block }
  90. #main-menu > ul a { display: block; position: relative; }
  91. #main-menu > ul ul ul { top: 0; left: 100%; }
  92. #main-menu > ul { float: right; }
  93. #main-menu > ul ul { min-width: 160px; *width: 160px; }
  94. #main-menu > ul a { zoom: 1 }
  95. #main-menu > ul li { position: relative; white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; }
  96. #main-menu > ul li:hover,
  97. #main-menu > ul li.sfHover { -webkit-transition: none; transition: none; }
  98. #main-menu > ul .sf-mega { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
  99. #main-menu > ul li:hover > .sf-mega,
  100. #main-menu > ul li.sfHover > .sf-mega { display: block }
  101. /*styling*/
  102. #site-navigation-wrap { background: #222; height: 55px; }
  103. #site-navigation #main-menu > ul li { display: block; float: left; height: 55px; line-height: 55px; }
  104. #site-navigation #main-menu > ul a { color: #fff; font-weight: 400; text-decoration: none; text-align: left; cursor: pointer; padding: 0 30px; }
  105. #site-navigation #main-menu > ul > li > a:hover,
  106. #site-navigation #main-menu > ul > li.sfHover > a,
  107. #site-navigation #main-menu > ul > li > a.active,
  108. #site-navigation #main-menu > ul > li > a.active:hover { background: #2CD0D0 ; color: #fff; }
  109. /*drop-down styles*/
  110. #site-navigation #main-menu > ul ul { background: #000; background: rgba(0,0,0,0.90); font-size: 12px; }
  111. #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; }
  112. #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; }
  113. #site-navigation #main-menu > ul ul li > a:hover { color: #fff }
  114. #site-navigation #main-menu > ul ul li:last-child { border: none; }
  115. /*arrows*/
  116. #site-navigation #main-menu > ul li .fa-angle-down { margin-left: 5px }
  117. #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; }
  118.  
  119. /*hide responsive elements
  120. ================================================== */
  121. #navigation-toggle, .sidr, #sidr-close { display: none }
  122.  
  123. .menu {
  124. margin:0;
  125. }
  126.  
  127. .region {
  128. padding: 20px;
  129. padding-right: 10px;
  130. }
  131. /*-------------------------------------------*/
  132. /* Menus and item lists
  133. /*-------------------------------------------*/
  134. .item-list ul {
  135. margin: 0;
  136. padding: 0 0 0 1.5385em;
  137. }
  138.  
  139. .item-list ul li {
  140. margin: 0;
  141. padding: 0;
  142. }
  143.  
  144. ul.menu li {
  145. margin: 0;
  146. padding: 0;
  147. }
  148.  
  149. ul.inline {
  150. clear: both;
  151. }
  152.  
  153. ul.inline li {
  154. margin: 0;
  155. padding: 0;
  156. }
  157. #breadcrumbs {
  158. font-size: 12px;
  159. margin: 5px 0 0 20px;
  160. }
  161. .node h2 a {
  162. text-decoration:none;
  163. color:#000;
  164. }
  165. a#navigation-toggle .fa {
  166. margin-right: 10px;
  167. }
  168. .fa {
  169. display: inline-block;
  170. font-family: FontAwesome;
  171. font-style: normal;
  172. font-weight: normal;
  173. line-height: 1;
  174. }
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186. .node-readmore a {
  187. color:#2CD0D0;text-decoration:none;}
  188.  
  189. /* Typography
  190. ================================================== */
  191. h1,h2,h3,h4,h5,h6 { color: #000; line-height: 1.4em; }
  192.  
  193. h1 {
  194. font-size: 1.714em;
  195. margin: 0 0 20px;
  196. }
  197.  
  198. h2 {
  199. font-size: 1.286em;
  200. }
  201.  
  202. h3 {
  203. font-size: 1.286em;
  204. }
  205.  
  206. h4 {
  207. font-size: 1em;
  208. }
  209.  
  210. h5 {
  211. font-size: 0.857em;
  212. }
  213.  
  214. h6 {
  215. font-size: 0.714em;
  216. }
  217. p { margin: 0 0 20px }
  218. h1 a, h2 a, h3 a, h4 a { color: #000; }
  219. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #02aace; text-decoration: none; }
  220. em { font-style: italic }
  221. strong { font-weight: 600; color: #000; }
  222. small { font-size: 80% }
  223. hr { border: solid #eee; border-width: 1px 0 0; clear: both; height: 0; margin: 40px 0; }
  224. a { outline: 0 }
  225.  
  226.  
  227.  
  228. .submitted {
  229. font-style: italic;
  230. padding-bottom: 10px;
  231. color:#777;
  232. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement