Advertisement
prasannasp

May 4 Style Sheet

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