Advertisement
prasannasp

May 7 custom CSS

May 7th, 2012
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 46.48 KB | None | 0 0
  1. /*----------------------- Header Section ---------------*/
  2.  
  3. #top-bar {
  4.         background: #FAFCFF !important;
  5. background: linear-gradient(bottom, #F7F7F7 25%, #E3E3E3 50%, #D9D9D9 75%, #BDBDBD 100%) !important;
  6. background: -o-linear-gradient(bottom, #F7F7F7 25%, #E3E3E3 50%, #D9D9D9 75%, #BDBDBD 100%) !important;
  7. background: -moz-linear-gradient(bottom, #F7F7F7 25%, #E3E3E3 50%, #D9D9D9 75%, #BDBDBD 100%) !important;
  8. background: -webkit-linear-gradient(bottom, #F7F7F7 25%, #E3E3E3 50%, #D9D9D9 75%, #BDBDBD 100%) !important;
  9. background: -ms-linear-gradient(bottom, #F7F7F7 25%, #E3E3E3 50%, #D9D9D9 75%, #BDBDBD 100%) !important;
  10.  
  11. background: -webkit-gradient(
  12.     linear,
  13.     left bottom,
  14.     left top,
  15.     color-stop(0.25, #F7F7F7),
  16.     color-stop(0.5, #E3E3E3),
  17.     color-stop(0.75, #D9D9D9),
  18.     color-stop(1, #BDBDBD)
  19. ) !important;
  20.     height: 52px;
  21. }
  22.  
  23. #profiles {
  24.     padding: 10px 0 0 5px;
  25. }
  26.  
  27. #profiles a {
  28.     opacity:0.6 !important;
  29.     filter:alpha(opacity=60) !important;
  30.     }
  31.  
  32. #profiles a:hover{
  33.     opacity:1 !important;
  34.     filter:alpha(opacity=100) !important;
  35. }
  36.  
  37. #header {
  38.     height: 150px;
  39. }
  40.  
  41. #header:hover {
  42. background: url("http://www.prasannasp.net/wordpressblog/wp-content/uploads/2012/04/header-new-final-hover.jpg") !important;
  43. }
  44.  
  45. .home #header:hover {
  46. background: url("http://www.prasannasp.net/wordpressblog/wp-content/uploads/2012/04/header-new-final.jpg") !important;
  47. }
  48.  
  49. .home #header_img_link {
  50.     display: none;
  51. }
  52.  
  53. .header_title {
  54.     left: 20px;
  55.     top: 15px;
  56. }
  57.  
  58. .header_desc {
  59.     top: 15px;
  60.     left: 20px;
  61. }
  62.  
  63. #rss a.facebook-like-link {
  64. height: 24px !important;
  65. width: 50px !important;
  66. opacity:1 !important;
  67. filter:alpha(opacity=100) !important;
  68. margin-top: 2px;
  69. border-style:dotted;
  70. border-width:1px;
  71. border-color:#0000ff;
  72. }
  73.  
  74. #php_widget-10 {
  75. padding-top: 15px;
  76. }
  77.  
  78. #php_widget-10 p {
  79. color: #FF0000;
  80. font: 16px/21px Georgia;
  81. }
  82. /*------------------- End of Header Section -------------*/
  83.  
  84. /* ------------------- Slider ------------------------ */
  85.  
  86. .featured_slider {
  87.     background: none repeat scroll 0 0 transparent !important; 
  88.     margin-bottom: 5px;
  89.     padding-bottom: 20px;
  90.     padding-top: 5px;
  91.     margin-top: -15px;
  92.     margin-bottom: -8px;
  93. }
  94.  
  95. .featured_slider #slider_root {
  96.         -moz-box-shadow:0 0 5px #555555;
  97.     -webkit-box-shadow:0 0 5px #555555;
  98.     box-shadow:0 0 5px #555555;
  99. }
  100.  
  101. .slider_post {
  102. background:#F2F5FA;
  103. background: -moz-radial-gradient(center, ellipse cover,  #FFFFFF 0%, #EDF4FA 100%);
  104. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFFF), color-stop(100%,#EDF4FA));
  105. background: -webkit-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#EDF4FA 100%);
  106. background: -o-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#EDF4FA 100%);
  107. background: -ms-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#EDF4FA 100%);
  108. background: radial-gradient(center, ellipse cover,  #FFFFFF 0%,#EDF4FA 100%);
  109. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EDF4FA',GradientType=1 );
  110.     height: 165px;
  111. }
  112.  
  113. .slider_post h2 a,
  114. .slider_post h2 a:visited {
  115. font: normal 16px georgia !important;
  116. }
  117.  
  118. .slider_nav{
  119. padding-right: 274px;
  120. }
  121.  
  122. /* --------------------- end of slider ----------------- */
  123.  
  124. #content {
  125. background-attachment: fixed;
  126.     background-color: #E8F5FF;
  127.     background-image: url("http://www.prasannasp.net/wordpressblog/wp-content/uploads/2011/12/bg-gimp-4.png");
  128.  
  129.     padding-bottom: 10px;
  130.     padding-top: 10px;
  131. }
  132.  
  133. /* ------------------ post title size --------------- */
  134. .post-title,
  135. .post-title a,
  136. .post-title a:visited {
  137.     border-bottom: 1px solid #e3e3e3;
  138.     font: 20px arial;
  139.     padding-bottom: 5px;
  140. }
  141.  
  142. /* ------------------- post nav ------------------- */
  143. .previous,
  144. .previous a,
  145. .previous a:visited,
  146. .next-post,
  147. .next-post a,
  148. .next-post a:visited
  149. {
  150.     color: #1F6EB6;
  151.     font: 13px tahoma;
  152. }
  153.  
  154. .previous:hover, #next-post:hover,
  155. .previous a:hover,
  156. .next-post a:hover
  157. {
  158.     color: #309203;
  159.     font: 13px tahoma;
  160. }
  161.  
  162.  
  163. .post-nav {
  164.     margin-bottom: 10px;
  165. }
  166.  
  167. .next-post, .previous, .post-tags a, .post-meta a, .email a {
  168. cursor: pointer;
  169. margin-top: 5px;
  170. padding: 1px 4px 1px 4px;
  171. border-radius: 5px 5px 5px 5px;
  172.         -moz-box-shadow:0 0 4px #888888;
  173.     -webkit-box-shadow:0 0 4px #888888;
  174.     box-shadow:0 0 4px #888888;
  175.  
  176. background: linear-gradient(bottom, #CCD9FF 0%, #E0E9FF 50%);
  177. background: -o-linear-gradient(bottom, #CCD9FF 0%, #E0E9FF 50%);
  178. background: -moz-linear-gradient(bottom, #CCD9FF 0%, #E0E9FF 50%);
  179. background: -webkit-linear-gradient(bottom, #CCD9FF 0%, #E0E9FF 50%);
  180. background: -ms-linear-gradient(bottom, #CCD9FF 0%, #E0E9FF 50%);
  181.  
  182. background: -webkit-gradient(
  183.     linear,
  184.     left bottom,
  185.     left top,
  186.     color-stop(0, #CCD9FF),
  187.     color-stop(0.5, #E0E9FF)
  188. );
  189. }
  190.  
  191. .next-post:hover, .previous:hover, .post-tags a:hover, .post-meta a:hover, .email a:hover {
  192. background: linear-gradient(bottom, #F0E1BA 44%, #FFFFE0 72%);
  193. background: -o-linear-gradient(bottom, #F0E1BA 44%, #FFFFE0 72%);
  194. background: -moz-linear-gradient(bottom, #F0E1BA 44%, #FFFFE0 72%);
  195. background: -webkit-linear-gradient(bottom, #F0E1BA 44%, #FFFFE0 72%);
  196. background: -ms-linear-gradient(bottom, #F0E1BA 44%, #FFFFE0 72%);
  197.  
  198. background: -webkit-gradient(
  199.     linear,
  200.     left bottom,
  201.     left top,
  202.     color-stop(0.44, #F0E1BA),
  203.     color-stop(0.72, #FFFFE0)
  204. );
  205.         -moz-box-shadow:0 0 4px #555555;
  206.     -webkit-box-shadow:0 0 4px #555555;
  207.     box-shadow:0 0 4px #555555;
  208. }
  209.  
  210. /*------------------- post ----------------------*/
  211. .two-columns .post.nodate, .two-columns .post.page, .two-columns .post.post_404, .two-columns .post.post_404_search {
  212. background:#FAFCFF;
  213. background: -moz-radial-gradient(center, ellipse cover,  #FFFFFF 0%, #FAFCFF 100%) !important;
  214. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFFF), color-stop(100%,#FAFCFF)) !important;
  215. background: -webkit-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#FAFCFF 100%) !important;
  216. background: -o-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#FAFCFF 100%) !important;
  217. background: -ms-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#FAFCFF 100%) !important;
  218. background: radial-gradient(center, ellipse cover,  #FFFFFF 0%,#FAFCFF 100%) !important;
  219. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FAFCFF',GradientType=1 ) !important;
  220.  
  221. border-radius: 30px 30px 30px 30px;
  222.  
  223.         -moz-box-shadow:0 0 8px #7FB8F5;
  224.     -webkit-box-shadow:0 0 8px #7FB8F5;
  225.     box-shadow:0 0 8px #7FB8F5;
  226. }
  227.  
  228. .post {  
  229. background:#FAFCFF;
  230. background: -moz-radial-gradient(center, ellipse cover,  #FFFFFF 0%, #FAFCFF 100%) !important;
  231. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFFF), color-stop(100%,#FAFCFF)) !important;
  232. background: -webkit-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#FAFCFF 100%) !important;
  233. background: -o-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#FAFCFF 100%) !important;
  234. background: -ms-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#FAFCFF 100%) !important;
  235. background: radial-gradient(center, ellipse cover,  #FFFFFF 0%,#FAFCFF 100%) !important;
  236. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FAFCFF',GradientType=1 ) !important;
  237.  
  238.  
  239. border-radius: 30px 30px 30px 30px;
  240. border-bottom-right-radius: 30px;
  241.  
  242.  
  243.         -moz-box-shadow:0 0 8px #7FB8F5;
  244.     -webkit-box-shadow:0 0 8px #7FB8F5;
  245.     box-shadow:0 0 8px #7FB8F5;
  246.  }
  247.  
  248. .post-meta, .post-tags{
  249.     font: normal 13px/18px tahoma;
  250. }
  251. /*-------------- end of post --------------------*/
  252.  
  253. /*-------------  Homepage panes -----------------*/
  254.  
  255. .homepage_pane img {
  256. display:none
  257. }
  258.  
  259. .homepage_pane {
  260. padding: 10px;
  261.  
  262. border-radius: 20px 20px 20px 20px;
  263.  
  264. background: #E1EDFA;
  265. background: -moz-radial-gradient(center, ellipse cover,  #FFFFFF 0%, #E1EDFA 100%);
  266. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFFF), color-stop(100%,#E1EDFA));
  267. background: -webkit-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E1EDFA 100%);
  268. background: -o-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E1EDFA 100%);
  269. background: -ms-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E1EDFA 100%);
  270. background: radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E1EDFA 100%);
  271. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E1EDFA',GradientType=1 );
  272.  
  273.     -moz-box-shadow:0 0 4px #7FB8F5;
  274.     -webkit-box-shadow:0 0 4px #7FB8F5;
  275.     box-shadow:0 0 4px #7FB8F5;
  276.  
  277. }
  278.  
  279. .two-columns .homepage_pane {
  280.     width: 97.5% !important;
  281. }
  282.  
  283. .homepage_pane .post-excerpt {
  284.     color: #333;
  285.     font: 14px/18px arial;
  286. }
  287.  
  288.  
  289. .homepage_pane .post-title a:hover {
  290.     color: #188F03;
  291. }
  292.  
  293.  
  294. .homepage_pane .post-title a, .homepage_pane .post-title a:visited {
  295. color:#0088f2;
  296. }
  297.  
  298. /*------------------ End of homepage panes ----------*/
  299.  
  300. /*------------------Comment section------------------*/
  301. #write-a-comment, #skip-to-comment-form {
  302. float: left;
  303. }
  304.  
  305. .skiptocomment {
  306. margin-left: 10px;
  307.     margin-top: 24px;
  308. }
  309.  
  310. .skiptocomment a {
  311. color: #929292;
  312. }
  313.  
  314. #write-a-comment {
  315. margin-top: 10px;
  316. }
  317.  
  318. #comments ol li.comment.depth-1, #comments ol li.pingback.depth-1, #comments ol li.trackback.depth-1 {
  319.     border-radius: 30px 30px 30px 30px;
  320. }
  321.  
  322. #commentform {
  323. background:#F2F5FA;
  324. background: -moz-radial-gradient(center, ellipse cover,  #FFFFFF 0%, #E6F0FA 100%);
  325. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFFF), color-stop(100%,#E6F0FA));
  326. background: -webkit-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E6F0FA 100%);
  327. background: -o-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E6F0FA 100%);
  328. background: -ms-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E6F0FA 100%);
  329. background: radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E6F0FA 100%);
  330. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E6F0FA',GradientType=1 );
  331.  
  332.  
  333.         -moz-box-shadow:0 0 8px #7FB8F5;
  334.     -webkit-box-shadow:0 0 8px #7FB8F5;
  335.     box-shadow:0 0 8px #7FB8F5;
  336.  
  337.     -moz-border-radius-topright: 30px;
  338.     -webkit-border-top-right-radius: 30px;
  339.     -moz-border-radius-bottomright: 30px;
  340.     -webkit-border-bottom-right-radius: 30px;  
  341.  
  342.  
  343.  
  344.     border-radius: 30px 30px 30px 30px;
  345. }
  346.  
  347. #comments ol li.comment.depth-1{
  348. background:#F2F5FA;
  349. background: -moz-radial-gradient(center, ellipse cover,  #FFFFFF 0%, #E6F0FA 100%);
  350. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFFF), color-stop(100%,#E6F0FA));
  351. background: -webkit-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E6F0FA 100%);
  352. background: -o-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E6F0FA 100%);
  353. background: -ms-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E6F0FA 100%);
  354. background: radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E6F0FA 100%);
  355. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E6F0FA',GradientType=1 );
  356.  
  357.         -moz-box-shadow:0 0 8px #7FB8F5;
  358.     -webkit-box-shadow:0 0 8px #7FB8F5;
  359.     box-shadow:0 0 8px #7FB8F5;
  360.     border-bottom-right-radius: 30px;
  361. }
  362.  
  363. #comments ol li.pingback.depth-1, #comments ol li.trackback.depth-1 {
  364. background:#F2F5FA;
  365. background: -moz-radial-gradient(center, ellipse cover,  #FFFFFF 0%, #E6F0FA 100%);
  366. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFFF), color-stop(100%,#E6F0FA));
  367. background: -webkit-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E6F0FA 100%);
  368. background: -o-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E6F0FA 100%);
  369. background: -ms-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E6F0FA 100%);
  370. background: radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E6F0FA 100%);
  371. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E6F0FA',GradientType=1 );
  372.  
  373.         -moz-box-shadow:0 0 8px #7FB8F5;
  374.     -webkit-box-shadow:0 0 8px #7FB8F5;
  375.     box-shadow:0 0 8px #7FB8F5;
  376. }
  377.  
  378. #comments li.bypostauthor,
  379. #comments li.bypostauthor.comment.depth-1 {
  380.     background:#fff;
  381.     -pie-background: linear-gradient(left center, #ebebeb 0%, #fff 50%, #ebebeb 100%) !important;
  382.     background: -moz-linear-gradient(left center, #ebebeb 0%, #fff 50%, #ebebeb 100%) !important;
  383.     background: -webkit-gradient(linear,left top,right top,color-stop(0, #ebebeb),color-stop(0.5, #fff),color-stop(1, #ebebeb)) !important;
  384.     background: -o-gradient(linear,left top,right top,color-stop(0, #ebebeb),color-stop(0.5, #fff),color-stop(1, #ebebeb)) !important;
  385.     background: -ms-gradient(linear,left top,right top,color-stop(0, #ebebeb),color-stop(0.5, #fff),color-stop(1, #ebebeb)) !important;
  386.     background: linear-gradient(left center, #ebebeb 0%, #fff 50%, #ebebeb 100%) !important;
  387.     -moz-box-shadow:0 0 4px #555 !important;
  388.     -webkit-box-shadow:0 0 4px #555 !important;
  389.     box-shadow:0 0 4px #555 !important;
  390.    
  391.     border-top: 0 !important;
  392.     margin-right: 10px;
  393.     border-radius: 10px 10px 10px 10px;
  394.  
  395.     margin-bottom: 15px;
  396. }
  397.  
  398. /*--------------------- End of comment section ---------------------*/
  399.  
  400.  
  401. /*---------------------- Author and other ---------------------------*/
  402.  
  403. .single .author-info {
  404. background:#F2F5FA;
  405. background: -moz-radial-gradient(center, ellipse cover,  #FFFFFF 0%, #E1EDFA 100%);
  406. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFFF), color-stop(100%,#E1EDFA));
  407. background: -webkit-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E1EDFA 100%);
  408. background: -o-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E1EDFA 100%);
  409. background: -ms-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E1EDFA 100%);
  410. background: radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E1EDFA 100%);
  411. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E1EDFA',GradientType=1 );
  412.  
  413.         -moz-box-shadow:0 0 8px #7FB8F5;
  414.     -webkit-box-shadow:0 0 8px #7FB8F5;
  415.     box-shadow:0 0 8px #7FB8F5;
  416.  
  417.  
  418.         padding-left: 20px;
  419.     border-radius: 30px 30px 30px 30px;
  420.  
  421.     border-top-right-radius: 30px;
  422.     border-bottom-right-radius: 30px;
  423. }
  424.  
  425. .single .author_h4, #respond h3#reply-title, #comments > h4, .post-tags {
  426.     color: #991100 !important;
  427. }
  428.  
  429. /* ------------ End of Author ----------------*/
  430.  
  431. /*---------------sidebars--------------------*/
  432.  
  433. .sidebar h3 {
  434.     background: -o-linear-gradient(#CCCCCC, #F2F2F2) repeat scroll 0 0 transparent !important;
  435.     background: -ms-linear-gradient(#CCCCCC, #F2F2F2) repeat scroll 0 0 transparent !important;
  436. }
  437.  
  438. #sidebar_bottom {
  439.     background-attachment: fixed;
  440.     background-color: #ACD1FA;
  441.     background-image: url("http://www.prasannasp.net/wordpressblog/wp-content/uploads/2011/12/bg-gimp-4.png");
  442.     background-position: left top;
  443.     background-repeat: repeat;
  444. }
  445.  
  446. #sidebar_bottom .sidebar-wrap, .sidebar div.sidebar-wrap {
  447. background:#F2F5FA !important;
  448. background: -moz-radial-gradient(center, ellipse cover,  #FFFFFF 0%, #EDF2F7 100%) !important;
  449. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFFF), color-stop(100%,#EDF2F7)) !important;
  450. background: -webkit-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#EDF2F7 100%) !important;
  451. background: -o-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#EDF2F7 100%) !important;
  452. background: -ms-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#EDF2F7 100%) !important;
  453. background: radial-gradient(center, ellipse cover,  #FFFFFF 0%,#EDF2F7 100%) !important;
  454. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EDF2F7',GradientType=1 ) !important;
  455.  
  456.  
  457.     -moz-box-shadow:0 0 4px #7FB8F5;
  458.     -webkit-box-shadow:0 0 4px #7FB8F5;
  459.     box-shadow:0 0 4px #7FB8F5;
  460.  
  461.     border-radius: 10px 10px 10px 10px;
  462.  
  463.     border-bottom-left-radius: 10px;
  464.     border-bottom-right-radius: 10px;
  465. }
  466.  
  467. #sidebar_bottom .sidebar-wrap h3 {
  468. border-top-left-radius: 10px;
  469. border-top-right-radius: 10px;
  470. }
  471.  
  472. .sidebar h3 {
  473. border-top-left-radius: 10px;
  474. border-top-right-radius: 10px;
  475. text-align: center;
  476. }
  477.  
  478. /*--------------- end of sidebars --------------*/
  479.  
  480. /*------------------ footer --------------------*/
  481.  
  482. #footer {
  483. background: #425F7A;
  484. background: linear-gradient(bottom, #0C2845 6%, #425F7A 53%, #5D7796 77%);
  485. background: -o-linear-gradient(bottom, #0C2845 6%, #425F7A 53%, #5D7796 77%);
  486. background: -moz-linear-gradient(bottom, #0C2845 6%, #425F7A 53%, #5D7796 77%);
  487. background: -webkit-linear-gradient(bottom, #0C2845 6%, #425F7A 53%, #5D7796 77%);
  488. background: -ms-linear-gradient(bottom, #0C2845 6%, #425F7A 53%, #5D7796 77%);
  489.  
  490. background: -webkit-gradient(
  491.     linear,
  492.     left bottom,
  493.     left top,
  494.     color-stop(0.06, #0C2845),
  495.     color-stop(0.53, #425F7A),
  496.     color-stop(0.77, #5D7796)
  497. );
  498. margin-bottom: 10px;
  499. padding-top: 5px;
  500. color: #fff;
  501. }
  502.  
  503. #footer:hover {
  504. background: linear-gradient(bottom, #33457A 25%, #4D619F 63%);
  505. background: -o-linear-gradient(bottom, #33457A 25%, #4D619F 63%);
  506. background: -moz-linear-gradient(bottom, #33457A 25%, #4D619F 63%);
  507. background: -webkit-linear-gradient(bottom, #33457A 25%, #4D619F 63%);
  508. background: -ms-linear-gradient(bottom, #33457A 25%, #4D619F 63%);
  509.  
  510. background: -webkit-gradient(
  511.     linear,
  512.     left bottom,
  513.     left top,
  514.     color-stop(0.25, #33457A),
  515.     color-stop(0.63, #4D619F)
  516. );
  517. }
  518.  
  519. #footer a, #footer a:visited {
  520.     color: #C0E355;
  521. }
  522.  
  523. #footer a:hover {
  524.    color: #BCDDF5;
  525. }
  526.  
  527. #copyright {
  528.     margin: 10px 20px 20px !important;
  529.     width: 50%;
  530.     max-width: 50%;
  531. }
  532.  
  533. .footer-menu-wrap {
  534. margin-top: 10px;
  535. }
  536.  
  537. /*-------------------- end of footer -------------------*/
  538.  
  539. /* ---------------- Block button -----------------*/
  540.  
  541. .block-button:hover, .Button:hover {
  542.     background: linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  543.     background: -moz-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  544.     background: -webkit-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  545.     background: -o-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  546.     background: -ms-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  547. }
  548.  
  549. #commentform #submit:hover {
  550.     background: linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  551.     background: -moz-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  552.     background: -webkit-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  553.     background: -o-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  554.     background: -ms-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  555. }
  556. /*----------------- End of Block Button -----------------*/
  557.  
  558.  
  559. /*------------------------ misc ---------------------*/
  560.  
  561. .breadcrumb {
  562. display: none;
  563. }
  564.  
  565. #toc_container {
  566. margin-top:12px;
  567. }
  568.  
  569. ul.toc_list {
  570. list-style-position:inside;
  571. }
  572.  
  573. body {
  574. padding-top:20px ;
  575. }
  576.  
  577. #toc_container,
  578. #toc_container.no_bullets ul,
  579. #toc_container.no_bullets li,
  580. #toc_container.have_bullets ul,
  581. #toc_container.have_bullets li {
  582.     background: none;
  583.     list-style: none !important;
  584.     list-style-type: none !important;
  585.     border-radius: 10px;
  586. }
  587.  
  588. .wp_syntax {
  589. margin-top: 10px !important;
  590. padding: 5px !important;
  591. width: 98% !important;
  592.  
  593.     -moz-box-shadow:0 0 4px #FA947D;
  594.     -webkit-box-shadow:0 0 4px #FA947D;
  595.     box-shadow:0 0 4px #FA947D;
  596. }
  597.  
  598. code.block, pre.block {
  599.     font: 14px "Courier New";
  600. }
  601.  
  602. .firstp {
  603. font: 15px/19px Georgia;
  604.     color: #573428;
  605. }
  606.  
  607. .firstparastyle {
  608. font-size:110% !important;
  609. }
  610.  
  611. #text-32 {
  612. width: 60%;
  613. border-radius: 15px 15px 15px 15px;
  614. }
  615.  
  616. .cf7sub, .emailsub-button {
  617. background: #489AD8;
  618. background: linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  619. background: -moz-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  620. background: -webkit-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  621. background: -o-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  622. background: -ms-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  623.  
  624. padding: 5px;
  625.  
  626. -moz-border-radius: 3px;
  627.         -webkit-border-radius: 3px;
  628.         border-radius: 3px;
  629.        
  630.         -moz-box-shadow: 0 0 2px #555;
  631.         -webkit-box-shadow: 0 0 2px #555;
  632.         box-shadow: 0 0 2px #555;
  633.        
  634.         border: 1px solid #1C5FA5;
  635.         color: #fff;
  636.         cursor: pointer;
  637.         display: block;
  638.         float: none;
  639.         font: bold 14px arial;
  640.         margin: 10px 5px 5px;
  641.         position: relative;
  642.         text-decoration: none;
  643.         text-shadow: 0 -1px 0 #16497E;
  644.  
  645.     width: 310px !important;
  646. }
  647.  
  648. .cf7sub:hover, .emailsub-button:hover {
  649.     background: linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  650.     background: -moz-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  651.     background: -webkit-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  652.     background: -o-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  653.     background: -ms-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  654. }
  655.  
  656. .emailsub-button {
  657. width: 136px !important;
  658. display: inline !important;
  659. padding: 2px !important;
  660. }
  661.  
  662. .quotescollection_refresh {
  663. float: left !important;
  664. background: #489AD8;
  665. background: linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  666. background: -moz-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  667. background: -webkit-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  668. background: -o-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  669. background: -ms-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent;
  670.  
  671. padding: 5px;
  672.  
  673. -moz-border-radius: 3px;
  674.         -webkit-border-radius: 3px;
  675.         border-radius: 3px;
  676.        
  677.         -moz-box-shadow: 0 0 5px #555;
  678.         -webkit-box-shadow: 0 0 5px #555;
  679.         box-shadow: 0 0 5px #555;
  680.        
  681.         border: 1px solid #1C5FA5;
  682.         color: #fff;
  683.         cursor: pointer;
  684.         display: inline;
  685.         float: none;
  686.         font: bold 14px arial;
  687.         margin: 10px 5px 5px;
  688.         position: relative;
  689.         text-decoration: none;
  690.         text-shadow: 0 -1px 0 #16497E;
  691. }
  692.  
  693.  
  694. .quotescollection_refresh:hover {
  695.  
  696.     background: linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  697.     background: -moz-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  698.     background: -webkit-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  699.     background:  -o-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  700.     background:  -ms-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  701.  
  702. color: #FFFFFF;
  703.  
  704. }
  705.  
  706. button.submit, button {
  707. background: #489AD8 !important;
  708. background: linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent !important;
  709. background: -moz-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent !important;
  710. background: -webkit-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent !important;
  711. background: -o-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent !important;
  712. background: -ms-linear-gradient(#62B4F2, #108BE8) repeat scroll 0 0 transparent !important;
  713.  
  714. padding: 3px;
  715.  
  716. -moz-border-radius: 3px;
  717.         -webkit-border-radius: 3px;
  718.         border-radius: 3px;
  719.        
  720.         -moz-box-shadow: 0 0 5px #555;
  721.         -webkit-box-shadow: 0 0 5px #555;
  722.         box-shadow: 0 0 5px #555;
  723.        
  724.         border: 1px solid #1C5FA5;
  725.         color: #fff;
  726.         cursor: pointer;
  727.         display: block;
  728.         float: none;
  729.         font: bold 14px arial;
  730.         margin: 5px 5px 5px;
  731.         position: relative;
  732.         text-decoration: none;
  733.         text-shadow: 0 -1px 0 #16497E;
  734. }
  735.  
  736. button.submit:hover, button:hover {
  737.     background: linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  738.     background:  -moz-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  739.     background: -webkit-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  740.     background: -o-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  741.     background: -ms-linear-gradient(#68E851, #1C9606) repeat scroll 0 0 transparent !important;
  742. }
  743.  
  744. #top_search button {
  745. background: url("/wordpressblog/wp-content/themes/graphene/images/sprite_master_light.png") no-repeat scroll -38px top transparent !important;
  746. border: none !important;
  747. box-shadow: none  !important;
  748. }
  749.  
  750. #top_search button:hover {
  751.     background: url("/wordpressblog/wp-content/themes/graphene/images/sprite_master_light.png") no-repeat scroll -38px top transparent !important;
  752. }
  753.  
  754. #text-37 {
  755. text-align: left;
  756. width: 160%;
  757. margin-top: 10px;
  758. }
  759.  
  760. .quotescollection_author {
  761. font-style: italic !important;
  762. }
  763.  
  764. .at16nc {
  765. margin-left: 3px;
  766. }
  767.  
  768. #php_widget-4 ul li:hover {
  769. background: #F7D8C3;
  770. background: linear-gradient(bottom, #F0D2B8 0%, #FFECE0 55%);
  771. background: -o-linear-gradient(bottom, #F0D2B8 0%, #FFECE0 55%);
  772. background: -moz-linear-gradient(bottom, #F0D2B8 0%, #FFECE0 55%);
  773. background: -webkit-linear-gradient(bottom, #F0D2B8 0%, #FFECE0 55%);
  774. background: -ms-linear-gradient(bottom, #F0D2B8 0%, #FFECE0 55%);
  775.  
  776. background: -webkit-gradient(
  777.     linear,
  778.     left bottom,
  779.     left top,
  780.     color-stop(0, #F0D2B8),
  781.     color-stop(0.55, #FFECE0)
  782. );
  783. padding-left: 4px;
  784. border-radius: 5px 5px 5px 5px;
  785. }
  786.  
  787. #php_widget-4 ul li a {
  788. display: inline-block;
  789. /*padding: 5px;*/
  790. }
  791.  
  792. .cat-desc {
  793.     text-align: center;
  794. }
  795.  
  796. .cat-desc p:first-child {
  797.     font: 15px/20px georgia;
  798.     color: #064A14;
  799. }
  800.  
  801. /*--------------------- end of misc -----------------*/
  802.  
  803. /*-------------------- Hover backgrounds -------------*/
  804.  
  805. .homepage_pane:hover, .slider_post:hover, .single .author-info:hover, #comments ol li.comment.depth-1:hover, #commentform:hover {
  806. background:#F5EFDA;
  807. background: -moz-radial-gradient(center, ellipse cover,  #FFFFFF 0%, #F5EFDA 100%);
  808. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFFF), color-stop(100%,#F5EFDA));
  809. background: -webkit-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#F5EFDA 100%);
  810. background: -o-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#F5EFDA 100%);
  811. background: -ms-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#F5EFDA 100%);
  812. background: radial-gradient(center, ellipse cover,  #FFFFFF 0%,#F5EFDA 100%);
  813. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5EFDA',GradientType=1 );
  814. }
  815.  
  816. #sidebar_bottom .sidebar-wrap:hover, .sidebar div.sidebar-wrap:hover {
  817. background:#F5EFDA !important;
  818. background: -moz-radial-gradient(center, ellipse cover,  #FFFFFF 0%, #F5EFDA 100%) !important;
  819. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFFF), color-stop(100%,#F5EFDA)) !important;
  820. background: -webkit-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#F5EFDA 100%) !important;
  821. background: -o-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#F5EFDA 100%) !important;
  822. background: -ms-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#F5EFDA 100%) !important;
  823. background: radial-gradient(center, ellipse cover,  #FFFFFF 0%,#F5EFDA 100%) !important;
  824. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5EFDA',GradientType=1 ) !important;
  825. }
  826.  
  827. /*----------- display:none----------------*/
  828.  
  829. #subscribe_comments, #subscribe-label {
  830.  display:none;
  831. }
  832.  
  833. .post-292 {
  834.     display:none;
  835. }
  836.  
  837. /*=============== Contact form 7 ==============*/
  838.  
  839. #cform7page {
  840. margin-left: 15px;
  841. }
  842.  
  843. .wpcf7 form p{
  844.     float:left;
  845.     width:189px;
  846.     font:normal 11px arial;
  847.     color:#666666;
  848.     line-height:20px;
  849.     margin-left:22px;
  850.     }
  851.  
  852.  
  853. .wpcf7 form p.cf7name{
  854.     margin-left: 0;
  855.     }
  856.  
  857. .wpcf7 .cf7captcha {
  858.     margin-left: 60px !important;
  859.     }
  860.  
  861. .wpcf7 form p label{
  862.     display:block;
  863.     margin-bottom:5px;
  864.     }
  865.  
  866. .wpcf7 form p input.input-text, .input-text{
  867.     width:184px !important;
  868.     border:1px solid #c8c8c8;
  869.     padding:3px 2px;
  870.     }
  871.  
  872. .wpcf7 textarea{
  873.     display:block;
  874.     border:1px solid #c8c8c8;
  875.     width:608px;
  876.     height:156px;
  877.     padding:3px 2px;
  878.     font:normal 12px arial;
  879.     }
  880.  
  881. .wpcf7 input{
  882.     display:block;
  883.     border:1px solid #c8c8c8;
  884.     width:184px;
  885.     height:15px;
  886.     padding:3px 2px;
  887.     font:normal 12px arial;
  888.     }
  889.  
  890. .wpcf7 .cf7message{
  891.     clear:both;
  892.     margin-left:0;
  893.     margin-top:20px;
  894.     width:608px;
  895.     }
  896.  
  897. .wpcf7 .cf7captcha input {
  898.         clear:both;
  899.     margin-left:0;
  900.     }
  901.  
  902. .wpcf7 .cf7captcha {
  903.     clear: both;
  904.     margin-left: 0;
  905.     width: 47%;
  906. }
  907.  
  908. .wpcf7 .cf7captcha label, .cf7captcha img{
  909.     display:inline;
  910.     vertical-align:middle;
  911.     }
  912.  
  913. .wpcf7 .cf7captcha span input{
  914.     width:50px;
  915.       display: inline-block;
  916.     border:1px solid #c8c8c8;
  917.     padding:3px 2px;
  918.     }
  919.  
  920. .cf7sub {
  921. font: bold 14px arial !important;
  922. height: 30px !important;
  923. width: 125px  !important;
  924. }
  925.  
  926. div.wpcf7-mail-sent-ok {
  927.     display: inline-block;
  928. }
  929.  
  930. div.wpcf7-response-output {
  931.     display: inline-block;
  932. }
  933.  
  934. /*======================== Menu =======================*/
  935. header-menu, #header-menu-wrap {
  936.         background: #FAFCFF !important;
  937. background: linear-gradient(bottom, #F7F7F7 25%, #F5F5F5 50%, #DEDEDE 75%, #C2C2C2 100%) !important;
  938. background: -o-linear-gradient(bottom, #F7F7F7 25%, #F5F5F5 50%, #DEDEDE 75%, #C2C2C2 100%) !important;
  939. background: -moz-linear-gradient(bottom, #F7F7F7 25%, #F5F5F5 50%, #DEDEDE 75%, #C2C2C2 100%) !important;
  940. background: -webkit-linear-gradient(bottom, #F7F7F7 25%, #F5F5F5 50%, #DEDEDE 75%, #C2C2C2 100%) !important;
  941. background: -ms-linear-gradient(bottom, #F7F7F7 25%, #F5F5F5 50%, #DEDEDE 75%, #C2C2C2 100%) !important;
  942.  
  943. background: -webkit-gradient(
  944.     linear,
  945.     left bottom,
  946.     left top,
  947.     color-stop(0.25, #F7F7F7),
  948.     color-stop(0.5, #F5F5F5),
  949.     color-stop(0.75, #DEDEDE),
  950.     color-stop(1, #C2C2C2)
  951. ) !important;
  952. }
  953.  
  954. /*------Hover effect for Menu Items---------*/
  955.  
  956. /*Home*/
  957. #menu-item-12.current-menu-item:hover {
  958. background: linear-gradient(bottom, rgb(32,163,248) 9%, rgb(58,196,255) 55%)!important;
  959. background: -o-linear-gradient(bottom, rgb(32,163,248) 9%, rgb(58,196,255) 55%)!important;
  960. background: -moz-linear-gradient(bottom, rgb(32,163,248) 9%, rgb(58,196,255) 55%)!important;
  961. background: -webkit-linear-gradient(bottom, rgb(32,163,248) 9%, rgb(58,196,255) 55%)!important;
  962. background: -ms-linear-gradient(bottom, rgb(32,163,248) 9%, rgb(58,196,255) 55%)!important;
  963.  
  964. background: -webkit-gradient(
  965.     linear,
  966.     left bottom,
  967.     left top,
  968.     color-stop(0.09, rgb(32,163,248)),
  969.     color-stop(0.55, rgb(58,196,255))
  970. ) !important;
  971. }
  972.  
  973. /*Home current menu item and hover*/
  974. #menu-item-12.current-menu-item, #menu-item-12:hover {
  975. background: linear-gradient(bottom, rgb(157,25,26) 15%, rgb(189,53,52) 58%, rgb(227,80,78) 79%) !important;
  976. background: -o-linear-gradient(bottom, rgb(157,25,26) 15%, rgb(189,53,52) 58%, rgb(227,80,78) 79%) !important;
  977. background: -moz-linear-gradient(bottom, rgb(157,25,26) 15%, rgb(189,53,52) 58%, rgb(227,80,78) 79%) !important;
  978. background: -webkit-linear-gradient(bottom, rgb(157,25,26) 15%, rgb(189,53,52) 58%, rgb(227,80,78) 79%) !important;
  979. background: -ms-linear-gradient(bottom, rgb(157,25,26) 15%, rgb(189,53,52) 58%, rgb(227,80,78) 79%) !important;
  980.  
  981. background: -webkit-gradient(
  982.     linear,
  983.     left bottom,
  984.     left top,
  985.     color-stop(0.15, rgb(157,25,26)),
  986.     color-stop(0.58, rgb(189,53,52)),
  987.     color-stop(0.79, rgb(227,80,78))
  988. ) !important;
  989. }
  990.  
  991. /*Blog current menu item and menu item hover*/
  992. #menu-item-427.current-menu-item, #menu-item-427:hover {
  993. background: linear-gradient(bottom, rgb(27,67,10) 9%, rgb(54,94,36) 55%, rgb(81,123,65) 78%) !important;
  994. background: -o-linear-gradient(bottom, rgb(27,67,10) 9%, rgb(54,94,36) 55%, rgb(81,123,65) 78%) !important;
  995. background: -moz-linear-gradient(bottom, rgb(27,67,10) 9%, rgb(54,94,36) 55%, rgb(81,123,65) 78%) !important;
  996. background: -webkit-linear-gradient(bottom, rgb(27,67,10) 9%, rgb(54,94,36) 55%, rgb(81,123,65) 78%) !important;
  997. background: -ms-linear-gradient(bottom, rgb(27,67,10) 9%, rgb(54,94,36) 55%, rgb(81,123,65) 78%) !important;
  998.  
  999. background: -webkit-gradient(
  1000.     linear,
  1001.     left bottom,
  1002.     left top,
  1003.     color-stop(0.09, rgb(27,67,10)),
  1004.     color-stop(0.55, rgb(54,94,36)),
  1005.     color-stop(0.78, rgb(81,123,65))
  1006. ) !important;
  1007. }
  1008.  
  1009. /*Blog current menu Hover*/
  1010. #menu-item-427.current-menu-item:hover {
  1011. background: linear-gradient(bottom, rgb(98,59,18) 7%, rgb(128,89,45) 54%) !important;
  1012. background: -o-linear-gradient(bottom, rgb(98,59,18) 7%, rgb(128,89,45) 54%) !important;
  1013. background: -moz-linear-gradient(bottom, rgb(98,59,18) 7%, rgb(128,89,45) 54%) !important;
  1014. background: -webkit-linear-gradient(bottom, rgb(98,59,18) 7%, rgb(128,89,45) 54%) !important;
  1015. background: -ms-linear-gradient(bottom, rgb(98,59,18) 7%, rgb(128,89,45) 54%) !important;
  1016.  
  1017. background: -webkit-gradient(
  1018.     linear,
  1019.     left bottom,
  1020.     left top,
  1021.     color-stop(0.07, rgb(98,59,18)),
  1022.     color-stop(0.54, rgb(128,89,45))
  1023. ) !important;
  1024. }
  1025.  
  1026. /*Wordpress current menu item and menu hover*/
  1027. #menu-item-428.current-menu-item, #menu-item-428:hover {
  1028. background: linear-gradient(bottom, rgb(186,43,70) 49%, rgb(224,69,98) 75%, rgb(255,97,128) 88%) !important;
  1029. background: -o-linear-gradient(bottom, rgb(186,43,70) 49%, rgb(224,69,98) 75%, rgb(255,97,128) 88%) !important;
  1030. background: -moz-linear-gradient(bottom, rgb(186,43,70) 49%, rgb(224,69,98) 75%, rgb(255,97,128) 88%) !important;
  1031. background: -webkit-linear-gradient(bottom, rgb(186,43,70) 49%, rgb(224,69,98) 75%, rgb(255,97,128) 88%) !important;
  1032. background: -ms-linear-gradient(bottom, rgb(186,43,70) 49%, rgb(224,69,98) 75%, rgb(255,97,128) 88%) !important;
  1033.  
  1034. background: -webkit-gradient(
  1035.     linear,
  1036.     left bottom,
  1037.     left top,
  1038.     color-stop(0.49, rgb(186,43,70)),
  1039.     color-stop(0.75, rgb(224,69,98)),
  1040.     color-stop(0.88, rgb(255,97,128))
  1041. ) !important;
  1042. }
  1043.  
  1044. /*Wordpress current menu item Hover*/
  1045. #menu-item-428.current-menu-item:hover {
  1046. background: linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  1047. background: -o-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  1048. background: -moz-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  1049. background: -webkit-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  1050. background: -ms-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  1051.  
  1052. background: -webkit-gradient(
  1053.     linear,
  1054.     left bottom,
  1055.     left top,
  1056.     color-stop(0.23, rgb(54,30,73)),
  1057.     color-stop(0.62, rgb(81,57,103)),
  1058.     color-stop(0.81, rgb(114,86,134))
  1059. ) !important;
  1060. }
  1061.  
  1062. /*Graphene current menu hover */
  1063.  
  1064. #menu-item-1023.current-menu-item:hover {
  1065. background: linear-gradient(bottom, rgb(99,189,206) 20%, rgb(129,227,248) 60%) !important;
  1066. background: -o-linear-gradient(bottom, rgb(99,189,206) 20%, rgb(129,227,248) 60%) !important;
  1067. background: -moz-linear-gradient(bottom, rgb(99,189,206) 20%, rgb(129,227,248) 60%) !important;
  1068. background: -webkit-linear-gradient(bottom, rgb(99,189,206) 20%, rgb(129,227,248) 60%) !important;
  1069. background: -ms-linear-gradient(bottom, rgb(99,189,206) 20%, rgb(129,227,248) 60%) !important;
  1070.  
  1071. background: -webkit-gradient(
  1072.     linear,
  1073.     left bottom,
  1074.     left top,
  1075.     color-stop(0.2, rgb(99,189,206)),
  1076.     color-stop(0.6, rgb(129,227,248))
  1077. ) !important;
  1078. }
  1079.  
  1080. /*Graphene hover and current menu item*/
  1081. #menu-item-1023:hover, #menu-item-532.current-menu-item {
  1082. background: linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  1083. background: -o-linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  1084. background: -moz-linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  1085. background: -webkit-linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  1086. background: -ms-linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  1087.  
  1088. background: -webkit-gradient(
  1089.     linear,
  1090.     left bottom,
  1091.     left top,
  1092.     color-stop(0.45, rgb(53,28,150)),
  1093.     color-stop(0.73, rgb(80,56,180))
  1094. ) !important;
  1095. }
  1096.  
  1097. /*Technology current menu hover*/
  1098. #menu-item-429.current-menu-item:hover {
  1099. background: linear-gradient(bottom, rgb(106,141,190) 1%, rgb(138,170,228) 51%) !important;
  1100. background: -o-linear-gradient(bottom, rgb(106,141,190) 1%, rgb(138,170,228) 51%) !important;
  1101. background: -moz-linear-gradient(bottom, rgb(106,141,190) 1%, rgb(138,170,228) 51%) !important;
  1102. background: -webkit-linear-gradient(bottom, rgb(106,141,190) 1%, rgb(138,170,228) 51%) !important;
  1103. background: -ms-linear-gradient(bottom, rgb(106,141,190) 1%, rgb(138,170,228) 51%) !important;
  1104.  
  1105. background: -webkit-gradient(
  1106.     linear,
  1107.     left bottom,
  1108.     left top,
  1109.     color-stop(0.01, rgb(106,141,190)),
  1110.     color-stop(0.51, rgb(138,170,228))
  1111. ) !important;
  1112. }
  1113.  
  1114. /*Technology*/
  1115. #menu-item-429.current-menu-item, #menu-item-429:hover {
  1116. background: linear-gradient(bottom, rgb(2,134,6) 44%, rgb(28,161,32) 72%) !important;
  1117. background: -o-linear-gradient(bottom, rgb(2,134,6) 44%, rgb(28,161,32) 72%) !important;
  1118. background: -moz-linear-gradient(bottom, rgb(2,134,6) 44%, rgb(28,161,32) 72%) !important;
  1119. background: -webkit-linear-gradient(bottom, rgb(2,134,6) 44%, rgb(28,161,32) 72%) !important;
  1120. background: -ms-linear-gradient(bottom, rgb(2,134,6) 44%, rgb(28,161,32) 72%) !important;
  1121.  
  1122. background: -webkit-gradient(
  1123.     linear,
  1124.     left bottom,
  1125.     left top,
  1126.     color-stop(0.44, rgb(2,134,6)),
  1127.     color-stop(0.72, rgb(28,161,32))
  1128. ) !important;
  1129. }
  1130.  
  1131. /*Linux*/
  1132. #menu-item-430:hover, #menu-item-430.current-menu-item {
  1133. background: linear-gradient(bottom, rgb(132,21,56) 6%, rgb(159,49,84) 53%, rgb(191,79,118) 77%) !important;
  1134. background: -o-linear-gradient(bottom, rgb(132,21,56) 6%, rgb(159,49,84) 53%, rgb(191,79,118) 77%) !important;
  1135. background: -moz-linear-gradient(bottom, rgb(132,21,56) 6%, rgb(159,49,84) 53%, rgb(191,79,118) 77%) !important;
  1136. background: -webkit-linear-gradient(bottom, rgb(132,21,56) 6%, rgb(159,49,84) 53%, rgb(191,79,118) 77%) !important;
  1137. background: -ms-linear-gradient(bottom, rgb(132,21,56) 6%, rgb(159,49,84) 53%, rgb(191,79,118) 77%) !important;
  1138.  
  1139. background: -webkit-gradient(
  1140.     linear,
  1141.     left bottom,
  1142.     left top,
  1143.     color-stop(0.06, rgb(132,21,56)),
  1144.     color-stop(0.53, rgb(159,49,84)),
  1145.     color-stop(0.77, rgb(191,79,118))
  1146. ) !important;
  1147. }
  1148.  
  1149. /*Linux crrent menu item hover*/
  1150. #menu-item-430.current-menu-item:hover {
  1151. background: linear-gradient(bottom, rgb(175,127,235) 32%, rgb(210,166,255) 66%) !important;
  1152. background: -o-linear-gradient(bottom, rgb(175,127,235) 32%, rgb(210,166,255) 66%) !important;
  1153. background: -moz-linear-gradient(bottom, rgb(175,127,235) 32%, rgb(210,166,255) 66%) !important;
  1154. background: -webkit-linear-gradient(bottom, rgb(175,127,235) 32%, rgb(210,166,255) 66%) !important;
  1155. background: -ms-linear-gradient(bottom, rgb(175,127,235) 32%, rgb(210,166,255) 66%) !important;
  1156.  
  1157. background: -webkit-gradient(
  1158.     linear,
  1159.     left bottom,
  1160.     left top,
  1161.     color-stop(0.32, rgb(175,127,235)),
  1162.     color-stop(0.66, rgb(210,166,255))
  1163. ) !important;
  1164. }
  1165.  
  1166. /*Archives current menu item hover*/
  1167. #menu-item-45.current-menu-item:hover {
  1168. background: linear-gradient(bottom, rgb(22,133,58) 1%, rgb(49,160,87) 51%, rgb(79,192,114) 76%) !important;
  1169. background: -o-linear-gradient(bottom, rgb(22,133,58) 1%, rgb(49,160,87) 51%, rgb(79,192,114) 76%) !important;
  1170. background: -moz-linear-gradient(bottom, rgb(22,133,58) 1%, rgb(49,160,87) 51%, rgb(79,192,114) 76%) !important;
  1171. background: -webkit-linear-gradient(bottom, rgb(22,133,58) 1%, rgb(49,160,87) 51%, rgb(79,192,114) 76%) !important;
  1172. background: -ms-linear-gradient(bottom, rgb(22,133,58) 1%, rgb(49,160,87) 51%, rgb(79,192,114) 76%) !important;
  1173.  
  1174. background: -webkit-gradient(
  1175.     linear,
  1176.     left bottom,
  1177.     left top,
  1178.     color-stop(0.01, rgb(22,133,58)),
  1179.     color-stop(0.51, rgb(49,160,87)),
  1180.     color-stop(0.76, rgb(79,192,114))
  1181. ) !important;
  1182. }
  1183.  
  1184. /*Archives Hover and current menu item*/
  1185. #menu-item-45.current-menu-item, #menu-item-45:hover {
  1186. background: linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  1187. background: -o-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  1188. background: -moz-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  1189. background: -webkit-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  1190. background: -ms-linear-gradient(bottom, rgb(54,30,73) 23%, rgb(81,57,103) 62%, rgb(114,86,134) 81%) !important;
  1191.  
  1192. background: -webkit-gradient(
  1193.     linear,
  1194.     left bottom,
  1195.     left top,
  1196.     color-stop(0.23, rgb(54,30,73)),
  1197.     color-stop(0.62, rgb(81,57,103)),
  1198.     color-stop(0.81, rgb(114,86,134))
  1199. ) !important;
  1200. }
  1201.  
  1202.  
  1203. /*Downloads and its child menus*/
  1204. #menu-item-665:hover {
  1205. background: linear-gradient(bottom, rgb(129,98,39) 34%, rgb(155,128,67) 67%) !important;
  1206. background: -o-linear-gradient(bottom, rgb(129,98,39) 34%, rgb(155,128,67) 67%) !important;
  1207. background: -moz-linear-gradient(bottom, rgb(129,98,39) 34%, rgb(155,128,67) 67%) !important;
  1208. background: -webkit-linear-gradient(bottom, rgb(129,98,39) 34%, rgb(155,128,67) 67%) !important;
  1209. background: -ms-linear-gradient(bottom, rgb(129,98,39) 34%, rgb(155,128,67) 67%) !important;
  1210.  
  1211. background-image: -webkit-gradient(
  1212.     linear,
  1213.     left bottom,
  1214.     left top,
  1215.     color-stop(0.34, rgb(129,98,39)),
  1216.     color-stop(0.67, rgb(155,128,67))
  1217. ) !important;
  1218. }
  1219.  
  1220. #menu-item-837:hover {
  1221. background: linear-gradient(bottom, rgb(29,118,180) 18%, rgb(56,154,216) 59%, rgb(84,185,255) 80%) !important;
  1222. background: -o-linear-gradient(bottom, rgb(29,118,180) 18%, rgb(56,154,216) 59%, rgb(84,185,255) 80%) !important;
  1223. background: -moz-linear-gradient(bottom, rgb(29,118,180) 18%, rgb(56,154,216) 59%, rgb(84,185,255) 80%) !important;
  1224. background: -webkit-linear-gradient(bottom, rgb(29,118,180) 18%, rgb(56,154,216) 59%, rgb(84,185,255) 80%) !important;
  1225. background: -ms-linear-gradient(bottom, rgb(29,118,180) 18%, rgb(56,154,216) 59%, rgb(84,185,255) 80%) !important;
  1226.  
  1227. background: -webkit-gradient(
  1228.     linear,
  1229.     left bottom,
  1230.     left top,
  1231.     color-stop(0.18, rgb(29,118,180)),
  1232.     color-stop(0.59, rgb(56,154,216)),
  1233.     color-stop(0.8, rgb(84,185,255))
  1234. ) !important;
  1235. }
  1236.  
  1237. #menu-item-667:hover {
  1238. background: linear-gradient(bottom, rgb(83,118,30) 4%, rgb(117,154,57) 52%) !important;
  1239. background: -o-linear-gradient(bottom, rgb(83,118,30) 4%, rgb(117,154,57) 52%) !important;
  1240. background: -moz-linear-gradient(bottom, rgb(83,118,30) 4%, rgb(117,154,57) 52%) !important;
  1241. background: -webkit-linear-gradient(bottom, rgb(83,118,30) 4%, rgb(117,154,57) 52%) !important;
  1242. background: -ms-linear-gradient(bottom, rgb(83,118,30) 4%, rgb(117,154,57) 52%) !important;
  1243.  
  1244. background: -webkit-gradient(
  1245.     linear,
  1246.     left bottom,
  1247.     left top,
  1248.     color-stop(0.04, rgb(83,118,30)),
  1249.     color-stop(0.52, rgb(117,154,57))
  1250. ) !important;
  1251. }
  1252.  
  1253. #menu-item-666:hover {
  1254. background: linear-gradient(bottom, rgb(142,17,128) 21%, rgb(171,43,154) 61%) !important;
  1255. background: -o-linear-gradient(bottom, rgb(142,17,128) 21%, rgb(171,43,154) 61%) !important;
  1256. background: -moz-linear-gradient(bottom, rgb(142,17,128) 21%, rgb(171,43,154) 61%) !important;
  1257. background: -webkit-linear-gradient(bottom, rgb(142,17,128) 21%, rgb(171,43,154) 61%) !important;
  1258. background: -ms-linear-gradient(bottom, rgb(142,17,128) 21%, rgb(171,43,154) 61%) !important;
  1259.  
  1260. background: -webkit-gradient(
  1261.     linear,
  1262.     left bottom,
  1263.     left top,
  1264.     color-stop(0.21, rgb(142,17,128)),
  1265.     color-stop(0.61, rgb(171,43,154))
  1266. ) !important;
  1267. }
  1268.  
  1269. /*Contact Me*/
  1270. #menu-item-839.current-menu-item, #menu-item-839:hover {
  1271. background: linear-gradient(bottom, rgb(9,87,176) 42%, rgb(36,114,212) 71%, rgb(65,149,255) 86%) !important;
  1272. background: -o-linear-gradient(bottom, rgb(9,87,176) 42%, rgb(36,114,212) 71%, rgb(65,149,255) 86%) !important;
  1273. background: -moz-linear-gradient(bottom, rgb(9,87,176) 42%, rgb(36,114,212) 71%, rgb(65,149,255) 86%) !important;
  1274. background: -webkit-linear-gradient(bottom, rgb(9,87,176) 42%, rgb(36,114,212) 71%, rgb(65,149,255) 86%) !important;
  1275. background: -ms-linear-gradient(bottom, rgb(9,87,176) 42%, rgb(36,114,212) 71%, rgb(65,149,255) 86%) !important;
  1276.  
  1277. background: -webkit-gradient(
  1278.     linear,
  1279.     left bottom,
  1280.     left top,
  1281.     color-stop(0.42, rgb(9,87,176)),
  1282.     color-stop(0.71, rgb(36,114,212)),
  1283.     color-stop(0.86, rgb(65,149,255))
  1284. ) !important;
  1285. }
  1286.  
  1287. /*Contact me and current menu Hover*/
  1288. #menu-item-839.current-menu-item:hover {
  1289. background: linear-gradient(bottom, rgb(116,171,161) 41%, rgb(151,206,194) 71%, rgb(182,248,233) 86%) !important;
  1290. background: -o-linear-gradient(bottom, rgb(116,171,161) 41%, rgb(151,206,194) 71%, rgb(182,248,233) 86%) !important;
  1291. background: -moz-linear-gradient(bottom, rgb(116,171,161) 41%, rgb(151,206,194) 71%, rgb(182,248,233) 86%) !important;
  1292. background: -webkit-linear-gradient(bottom, rgb(116,171,161) 41%, rgb(151,206,194) 71%, rgb(182,248,233) 86%) !important;
  1293. background: -ms-linear-gradient(bottom, rgb(116,171,161) 41%, rgb(151,206,194) 71%, rgb(182,248,233) 86%) !important;
  1294.  
  1295. background: -webkit-gradient(
  1296.     linear,
  1297.     left bottom,
  1298.     left top,
  1299.     color-stop(0.41, rgb(116,171,161)),
  1300.     color-stop(0.71, rgb(151,206,194)),
  1301.     color-stop(0.86, rgb(182,248,233))
  1302. ) !important;
  1303. }
  1304.  
  1305. /*Graphene current menu hover */
  1306.  
  1307. #menu-item-1023.current-menu-item:hover {
  1308. background: linear-gradient(bottom, rgb(110,110,110) 24%, rgb(150,150,150) 62%, rgb(153,157,158) 81%) !important;
  1309. background: -o-linear-gradient(bottom, rgb(110,110,110) 24%, rgb(150,150,150) 62%, rgb(153,157,158) 81%) !important;
  1310. background: -moz-linear-gradient(bottom, rgb(110,110,110) 24%, rgb(150,150,150) 62%, rgb(153,157,158) 81%) !important;
  1311. background: -webkit-linear-gradient(bottom, rgb(110,110,110) 24%, rgb(150,150,150) 62%, rgb(153,157,158) 81%) !important;
  1312. background: -ms-linear-gradient(bottom, rgb(110,110,110) 24%, rgb(150,150,150) 62%, rgb(153,157,158) 81%) !important;
  1313.  
  1314. background: -webkit-gradient(
  1315.     linear,
  1316.     left bottom,
  1317.     left top,
  1318.     color-stop(0.24, rgb(110,110,110)),
  1319.     color-stop(0.62, rgb(150,150,150)),
  1320.     color-stop(0.81, rgb(153,157,158))
  1321. ) !important;
  1322. }
  1323.  
  1324. /*Graphene hover and current menu item*/
  1325. #menu-item-1023:hover, #menu-item-1023.current-menu-item {
  1326. background: linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  1327. background: -o-linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  1328. background: -moz-linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  1329. background: -webkit-linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  1330. background: -ms-linear-gradient(bottom, rgb(53,28,150) 45%, rgb(80,56,180) 73%) !important;
  1331.  
  1332. background: -webkit-gradient(
  1333.     linear,
  1334.     left bottom,
  1335.     left top,
  1336.     color-stop(0.45, rgb(53,28,150)),
  1337.     color-stop(0.73, rgb(80,56,180))
  1338. ) !important;
  1339. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement