API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 25th, 2017
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.79 KB | None | 0 0
raw download clone embed print report
  1. .footer-widgets {
  2. background-color: #222;
  3. color: #c8c8c8;
  4. clear: both;
  5. font-size: 14px;
  6. font-size: 1.4rem;
  7. }
  8. .footer-widgets .wrap {
  9. overflow: hidden;
  10. padding: 60px 30px 30px;
  11. }
  12. .footer-widgets-1,
  13. .footer-widgets-2,
  14. .footer-widgets-3 {
  15. padding: 0 2.8%;
  16. width: 33.3333333333%;
  17. }
  18. .footer-widgets-1,
  19. .footer-widgets-2 {
  20. float: left;
  21. }
  22. .footer-widgets-3 {
  23. float: right;
  24. }
  25. .footer-widgets .widget {
  26. margin-bottom: 30px;
  27. word-wrap: break-word;
  28. }
  29. .footer-widgets a:focus {
  30. color: currentColor;
  31. }
  32. .footer-widgets li {
  33. background: url(images/icon-li-footer.png) no-repeat 0 7px;
  34. background-size: 8px 8px;
  35. }
  36. .footer-widgets .search-form {
  37. width: 100%;
  38. }
  39. /* Site Footer
  40.  
  41. .site-footer {
  42. color: #222;
  43. font-size: 12px;
  44. font-size: 1.2rem;
  45. padding: 40px 0;
  46. text-align: center;
  47. text-transform: uppercase;
  48. }
  49. .site-footer a {
  50. color: #222;
  51. }
  52. .site-footer p {
  53. margin: 0;
  54. }
  55. /* Media Queries
  56.  
  57. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  58. only screen and (-moz-min-device-pixel-ratio: 1.5),
  59. only screen and (-o-min-device-pixel-ratio: 3/2),
  60. only screen and (min-device-pixel-ratio: 1.5) {
  61. .search-form input[type="search"] {
  62. background-image: url(images/icon-search@2x.png);
  63. }
  64. .sidebar li {
  65. background-image: url(images/icon-li@2x.png);
  66. }
  67. .footer-widgets li {
  68. background-image: url(images/icon-li-footer@2x.png);
  69. }
  70. .content #genesis-responsive-slider .flex-direction-nav li a {
  71. background-image: url(images/icon-direction-nav@2x.png);
  72. }
  73. .content #genesis-responsive-slider .flex-control-nav li a {
  74. background-image: url(images/icon-control-nav@2x.png);
  75. }
  76. .genesis-nav-menu > .rss > a {
  77. background-image: url(images/icon-rss@2x.png);
  78. }
  79. .genesis-nav-menu > .twitter > a {
  80. background-image: url(images/icon-twitter-nav@2x.png);
  81. }
  82. }
  83. @media only screen and (max-width: 1200px) {
  84. .site-container {
  85. max-width: 960px;
  86. }
  87. .site-header .widget-area {
  88. width: 700px;
  89. }
  90. .content {
  91. width: 660px;
  92. }
  93. .sidebar-primary {
  94. width: 300px;
  95. }
  96. .title-area {
  97. width: 260px;
  98. }
  99. .breadcrumb {
  100. margin: -30px -40px 30px;
  101. }
  102. .content {
  103. padding: 30px 40px 10px;
  104. }
  105. .site-header .genesis-nav-menu a {
  106. padding: 38px 14px 40px;
  107. }
  108. .content #genesis-responsive-slider .flex-control-nav,
  109. .content #genesis-responsive-slider .flex-direction-nav li a,
  110. .content #genesis-responsive-slider .flex-direction-nav li a.prev {
  111. display: none;
  112. }
  113. }
  114. @media only screen and (max-width: 1023px) {
  115.  
  116. .site-container {
  117. max-width: 768px;
  118. }
  119.  
  120. .content,
  121. .sidebar-primary,
  122. .sidebar-secondary,
  123. .site-header .widget-area,
  124. .title-area,
  125. .wrap {
  126. width: 100%;
  127. }
  128.  
  129. .header-image .title-area,
  130. .header-image .site-title,
  131. .header-image .site-title a {
  132. background-position: center !important;
  133. float: none;
  134. margin: 0 auto;
  135. }
  136.  
  137. .genesis-nav-menu li,
  138. .site-header ul.genesis-nav-menu,
  139. .site-header .search-form {
  140. float: none;
  141. }
  142.  
  143. .genesis-nav-menu,
  144. .site-header .search-form,
  145. .site-header hgroup,
  146. .site-title {
  147. text-align: center;
  148. }
  149.  
  150. .genesis-nav-menu a,
  151. .genesis-nav-menu > .first > a,
  152. .genesis-nav-menu > .last > a,
  153. .site-header .genesis-nav-menu a {
  154. padding: 16px;
  155. }
  156.  
  157. .site-header .search-form {
  158. margin: 16px auto ;
  159. }
  160.  
  161. .genesis-nav-menu li.right {
  162. display: none;
  163. }
  164.  
  165. .content #genesis-responsive-slider .slide-excerpt {
  166. display: none;
  167. }
  168.  
  169. .sidebar .widget {
  170. padding: 30px;
  171. }
  172.  
  173. .comment-list li.depth-1,
  174. .ping-list li.depth-1 {
  175. margin: 30px 0;
  176. }
  177.  
  178. .footer-widgets .widget-area {
  179. padding: 0;
  180. }
  181.  
  182. .site-footer p {
  183. padding-left: 30px;
  184. padding-right: 30px;
  185. }
  186.  
  187. }
  188.  
  189. @media only screen and (max-width: 800px) {
  190.  
  191. .site-container {
  192. max-width: 630px;
  193. }
  194.  
  195. .five-sixths,
  196. .footer-widgets-1,
  197. .footer-widgets-2,
  198. .footer-widgets-3,
  199. .four-sixths,
  200. .home-middle .widget,
  201. .home-top .widget,
  202. .one-fourth,
  203. .one-half,
  204. .one-sixth,
  205. .one-third,
  206. .executive-pro-portfolio .portfolio,
  207. .three-fourths,
  208. .three-sixths,
  209. .two-fourths,
  210. .two-sixths,
  211. .two-thirds {
  212. margin: 0;
  213. width: 100%;
  214. }
  215.  
  216. .site-title {
  217. margin-bottom: 20px;
  218. }
  219.  
  220. /* Genesis Responsive Menus */
  221. .js .site-header nav .wrap {
  222. padding: 0;
  223. }
  224.  
  225. nav.genesis-responsive-menu {
  226. background: #fff;
  227. display: none;
  228. position: relative;
  229. }
  230.  
  231. .genesis-skip-link .skip-link-hidden {
  232. display: none;
  233. visibility: hidden;
  234. }
  235.  
  236. .menu-toggle,
  237. .sub-menu-toggle {
  238. border-radius: 0;
  239. border-width: 0;
  240. color: #64c9ea;
  241. display: block;
  242. margin: 0 auto;
  243. overflow: hidden;
  244. text-align: center;
  245. visibility: visible;
  246. }
  247.  
  248. .menu-toggle:focus,
  249. .menu-toggle:hover,
  250. .sub-menu-toggle:focus,
  251. .sub-menu-toggle:hover {
  252. background-color: #fff;
  253. color: #222;
  254. border-width: 0;
  255. }
  256.  
  257. .menu-toggle:focus,
  258. .sub-menu-toggle:focus {
  259. outline: 1px solid #ccc;
  260. outline-offset: -1px;
  261. }
  262.  
  263. .menu-toggle {
  264. background-color: #fff;
  265. line-height: 20px;
  266. margin-bottom: 1px;
  267. position: relative;
  268. z-index: 1000;
  269. width: 100%;
  270. }
  271.  
  272. .menu-toggle::before {
  273. margin-right: 10px;
  274. text-rendering: auto;
  275. }
  276.  
  277. .sub-menu-toggle {
  278. background-color: transparent;
  279. float: right;
  280. padding: 14px 10px 13px;
  281. position: absolute;
  282. right: 0;
  283. top: 0;
  284. z-index: 100;
  285. }
  286.  
  287. .sub-menu .sub-menu-toggle {
  288. padding: 9px 10px;
  289. }
  290.  
  291. .sub-menu-toggle::before {
  292. display: inline-block;
  293. margin-top: 5px;
  294. text-rendering: auto;
  295. -webkit-transform: rotate( 0 );
  296. -ms-transform: rotate( 0 );
  297. transform: rotate( 0 );
  298. -webkit-transition: transform .25s ease-in-out;
  299. -ms-transition: transform .25s ease-in-out;
  300. transition: transform .25s ease-in-out;
  301. }
  302.  
  303. .sub-menu-toggle.activated::before {
  304. -webkit-transform: rotate( 180deg );
  305. -ms-transform: rotate( 180deg );
  306. transform: rotate( 180deg );
  307. }
  308.  
  309. .genesis-responsive-menu ul {
  310. border-bottom: 2px solid #f2f2f2;
  311. }
  312.  
  313. .genesis-responsive-menu .genesis-nav-menu .menu-item {
  314. display: block;
  315. float: none;
  316. position: relative;
  317. text-align: left;
  318. }
  319.  
  320. .genesis-responsive-menu .genesis-nav-menu .menu-item:focus,
  321. .genesis-responsive-menu .genesis-nav-menu .menu-item:hover {
  322. background: transparent;
  323. position: relative;
  324. }
  325.  
  326. .genesis-responsive-menu .genesis-nav-menu a:focus,
  327. .genesis-responsive-menu .genesis-nav-menu a:hover {
  328. color: #64c9ea;
  329. }
  330.  
  331. .genesis-responsive-menu .genesis-nav-menu .menu-item a {
  332. background: transparent;
  333. border: none;
  334. color: #222;
  335. margin-bottom: 1px;
  336. padding: 15px 20px;
  337. width: 100%;
  338. }
  339.  
  340. .genesis-responsive-menu .genesis-nav-menu .sub-menu {
  341. border: none;
  342. }
  343.  
  344. .genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
  345. .genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
  346. left: 0;
  347. margin-left: 0;
  348. }
  349.  
  350. .genesis-responsive-menu .genesis-nav-menu > .menu-item-has-children > a::after {
  351. content: none;
  352. }
  353.  
  354. .genesis-responsive-menu .genesis-nav-menu .sub-menu {
  355. clear: both;
  356. display: none;
  357. margin: 0;
  358. opacity: 1;
  359. padding-left: 15px;
  360. position: static;
  361. width: 100%;
  362. }
  363.  
  364. .genesis-responsive-menu .genesis-nav-menu .sub-menu .sub-menu {
  365. margin: 0;
  366. }
  367.  
  368. .home-middle,
  369. .home-top,
  370. .genesis-pro-portfolio .pro-portfolio.entry .entry-header .entry-title {
  371. text-align: center;
  372. }
  373.  
  374. .home-cta .button.alignright {
  375. float: none;
  376. margin: 16px 0 0;
  377. }
  378.  
  379. .footer-widgets-1 {
  380. margin: 0;
  381. }
  382.  
  383. }
  384.  
  385. @media only screen and (max-width: 500px) {
  386.  
  387. .entry-title {
  388. font-size: 24px;
  389. font-size: 2.4rem;
  390. }
  391.  
  392. .content .entry-header .entry-meta .entry-comments-link {
  393. display: none;
  394. }
  395.  
  396. }
  397.  
  398. @media only screen and (max-width: 270px) {
  399.  
  400. .header-image .site-title a {
  401. background-size: contain !important;
  402. }
  403. .site-title {
  404. font-size: 26px;
  405. font-size: 2.6rem;
  406. }
  407.  
  408. }
  409.  
  410. .footer-widgets .wrap:after {
  411. content: "";
  412. display: table;
  413. clear: both;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!