SHARE
TWEET

Repalcement style.css - sticky header for Twenty Eleven them

w0lfiesmith Sep 20th, 2012 752 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2. Theme Name: MakeUseOf NEW
  3. Theme URI: http://wordpress.org/
  4. Description:
  5. Author:  team
  6. Version: 1.0
  7. License: GNU General Public License
  8. License URI: license.txt
  9.  
  10. */
  11.  
  12.  
  13.  
  14. /* 1. BASE
  15. --------------------------------------------------------------------------------
  16. ==============================================================================*/
  17.  
  18.  
  19. /* 1.1 Reset
  20. ------------------------------------------------------------------------------*/
  21.  
  22. html, body, div, span, applet, object, iframe,
  23. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  24. a, abbr, acronym, address, big, cite, code,
  25. del, dfn, em, img, ins, kbd, q, s, samp,
  26. small, strike, strong, sub, sup, tt, var,
  27. b, u, i, center,
  28. dl, dt, dd, ol, ul, li,
  29. fieldset, form, label, legend,
  30. table, caption, tbody, tfoot, thead, tr, th, td,
  31. article, aside, canvas, details, figcaption, figure,
  32. footer, header, hgroup, menu, nav, section, summary,
  33. time, mark, audio, video {
  34.         margin: 0;
  35.         padding: 0;
  36.         border: 0;
  37.         font-size: 100%;
  38.         font: inherit;
  39.         vertical-align: baseline;
  40. }
  41.  
  42. article, aside, details, figcaption, figure,
  43. footer, header, hgroup, menu, nav, section {
  44.         display: block;
  45. }
  46.  
  47. ol, ul {
  48.         list-style:none;       
  49. }
  50.  
  51. q {
  52.         quotes: none;
  53. }
  54.  
  55. q:before, q:after {
  56.         content: '';
  57.         content: none;
  58. }
  59.  
  60. table {
  61.         border-collapse: collapse;
  62.         border-spacing: 0;
  63.         clear:both;
  64. }
  65.  
  66.  
  67. /* 1.2 Accessibility Navigation & Hide
  68. ------------------------------------------------------------------------------*/
  69.  
  70. #accessibility-nav,
  71. .hide {
  72.         position: absolute;
  73.         top: -999em;
  74.         left: -999em;
  75.         height: 1px;
  76.         width: 1px;
  77. }
  78.  
  79.  
  80. /* 1.3 Clearfix
  81. ------------------------------------------------------------------------------*/
  82.  
  83. .clearfix:after {
  84.         content: ".";
  85.         display: block;
  86.         visibility: hidden;
  87.         clear: both;
  88.         height: 0;
  89. }
  90.  
  91.  
  92. /* 1.4 Default Styles
  93. ------------------------------------------------------------------------------*/
  94.  
  95. body {
  96.         font: 75%/1.25 Arial, Helvetica, sans-serif;
  97.         color: #666;
  98.         background: #fff url(_ui/images/common/bg.png) repeat left top;
  99. }
  100.  
  101. hr {
  102.         //display: none;
  103. }
  104.  
  105. strong {
  106.         font-weight: bold;
  107. }
  108.  
  109. em {
  110.         font-style: italic;
  111. }
  112.  
  113. del {
  114.         text-decoration: line-through;
  115. }
  116.  
  117. th, td {
  118.         vertical-align: top;
  119.         padding:5px;
  120. }
  121.  
  122.  
  123. th {
  124.         font-weight: normal;
  125.         text-align: left;
  126. }
  127.  
  128. address, cite, dfn {
  129.         font-style: normal;
  130. }
  131.  
  132. abbr, acronym {
  133.         border-bottom: 1px dotted #999;
  134.         cursor: help;
  135. }
  136.  
  137. input, textarea, select {
  138.         font-family: Arial, Helvetica, sans-serif;
  139. }
  140.  
  141. textarea {
  142.          overflow: auto;
  143. }
  144.  
  145. a, a:visited {
  146.         text-decoration: none;
  147.         color: #0477cd;
  148.        
  149. }
  150.  
  151. a:hover, a:active, a:focus {
  152.         text-decoration: underline;
  153. }
  154.  
  155. .left {
  156.         float: left;
  157. }
  158.  
  159. .right {
  160.         float: right;
  161. }
  162.  
  163. .text ul {
  164.         padding: 10px 0;
  165. }
  166. .text ul li {
  167.         list-style: square inside;
  168.         padding:5px 10px 0 50px;
  169. }
  170.  
  171. /* 2. COMMON
  172. --------------------------------------------------------------------------------
  173. ==============================================================================*/
  174.  
  175.  
  176. /* 2.1 Container
  177. ------------------------------------------------------------------------------*/
  178.  
  179. .container {
  180.         /*position: relative;*/
  181.         width: 960px;
  182.         margin: 0 auto;
  183. }
  184.  
  185.  
  186. /* 2.2 Header
  187. ------------------------------------------------------------------------------*/
  188.  
  189. .header-container {
  190.         background: #000;
  191. }
  192.  
  193. #header {
  194.         height: 52px;
  195. }
  196.  
  197. #header .site-name,
  198. #header .site-name a,
  199. #header .site-name span {
  200.         display: block;
  201.         width: 280px;
  202.         height: 52px;
  203. }
  204.  
  205. #header .site-name a {
  206.         cursor: pointer;
  207. }
  208.  
  209. #header .site-name {
  210.         float: left;
  211.         position: relative;
  212.         width: 290px;
  213. }
  214.  
  215. #header .site-name span {
  216.         position: absolute;
  217.         top: 0;
  218.         left: 0;
  219.         z-index: 10;
  220.         background: url(_ui/images/common/logo.png) no-repeat;
  221. }
  222.  
  223. #header a.site-name span {
  224.         cursor: pointer;
  225. }
  226.  
  227.  
  228. /* 2.3 Navigation
  229. ------------------------------------------------------------------------------*/
  230.  
  231. #navigation {
  232.         height: 52px;
  233.         width: 960px;
  234. }
  235.  
  236. #navigation li {
  237.         height: 47px;
  238.         float: left;
  239. }
  240.  
  241. #navigation ul li a {
  242.         /*border-bottom: 5px solid #c70909;*/
  243.         border-right: 1px solid #fff;
  244.         color: #fff;
  245.         cursor: pointer;
  246.         font-size: 16px;
  247.         font-family: "Arial Black", Arial;
  248.         font-weight: 900;
  249.         display: block;
  250.         padding: 4px 15px;
  251.         height: 39px;
  252.         text-decoration: none;
  253.         text-transform: uppercase;
  254. }
  255.  
  256. #navigation .last a {
  257.         border-right: 0;
  258. }
  259.  
  260. #navigation a span {
  261.         display: block;
  262.         font-size: 13px;
  263.         font-family: Arial;
  264.         font-weight: bold;
  265. }
  266.  
  267. #navigation li ul {
  268.         border-top: 6px solid #c70909;
  269.         -moz-box-shadow: 0 5px 5px #ccc;
  270.         -webkit-box-shadow: 0 5px 5px #ccc;
  271.         box-shadow: 0 5px 5px #ccc;
  272.         background: #fff;
  273.         position: absolute;
  274.         //left: -9999px;
  275.         visibility: hidden;
  276. }
  277.  
  278. #navigation li.subnav:hover,
  279. #navigation li.subnav.hover,
  280. #navigation li.subnav li:hover,
  281. #navigation li.subnav li.hover {
  282.         background-color: #c70909;
  283. }
  284.  
  285. #navigation li:hover,
  286. #navigation li.hover,
  287. #navigation li.on {
  288.         cursor: pointer;
  289.         border-bottom: 5px solid #c70909;
  290.         position: relative;
  291. }
  292.  
  293. #navigation li:hover ul,
  294. #navigation li.hover ul {
  295.         //position: absolute;
  296.         //top: 52px;
  297.         //left: -130px;
  298.         visibility:visible;
  299.         z-index: 99;
  300. }
  301.  
  302. #navigation li ul li,
  303. #navigation li ul li a {
  304.         border-right: 0;
  305.         //clear: both;
  306.         color: #000;
  307.         float: none;
  308.         font-size: 12px;
  309.         font-family: "Arial Black", Arial;
  310.         font-weight: 900;
  311.         height: auto;
  312.         padding: 0;
  313.         white-space: nowrap;
  314. }
  315.  
  316. #navigation li ul li:hover,
  317. #navigation li ul li.hover,
  318. #navigation li ul li a:hover {
  319.         //background-image: none;
  320.         //color: #fff;
  321.         //border: 0;
  322. }
  323.  
  324. #navigation li ul li.last {
  325.         border-bottom: 6px solid #c70909;
  326.         padding-bottom: 9px;
  327. }
  328.  
  329. #navigation li ul li.last,
  330. #navigation li ul li.no-bg {
  331.         background-image: none;
  332. }
  333.  
  334. #navigation li ul li,
  335. #navigation li ul li:hover {
  336.         border-bottom: 1px dotted gray;
  337.         padding-left: 18px;
  338.         padding-right: 16px;
  339. }
  340.  
  341. #navigation li ul li a {
  342.         padding: 8px 20px 8px 25px;
  343. }
  344.  
  345. #navigation li ul li a {
  346.         background-position: left top;
  347. }
  348.  
  349.  
  350. #navigation li ul li:hover {
  351.         background-color: #c70909;
  352.         color: white;
  353. }
  354. #navigation li ul li:hover a{
  355.         color:white;
  356. }
  357.  
  358. /* 2.4 Content
  359. ------------------------------------------------------------------------------*/
  360.  
  361. .main-banners {
  362.         padding-top:10px;
  363.         text-align: center;
  364. }
  365.  
  366. .main-banners .text-banner {
  367.         //background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom,url(_ui/images/common/dotted_line.gif) repeat-x left top;
  368.         margin-top:10px;
  369.         padding: 0;
  370.         background-color: #E8F0F9;
  371.         border: 1px solid #ABD2E9;
  372. }
  373.  
  374. .main-banners .text-banner a {
  375.         text-decoration: none;
  376.         padding: 3px 0;
  377. }
  378.  
  379. .main-banners .text-banner a span {
  380.        
  381.         color: #0477CD;
  382.         display: block;
  383.         font-size: 20px;
  384.         text-transform: uppercase;
  385.         font-weight: bold;
  386.         padding: 5px 0;
  387.         height:20px;
  388. }
  389.  
  390. #content {
  391.         overflow: hidden;
  392.         padding: 0  0 8px;
  393. }
  394.  
  395. .content-header h1 {
  396.         background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
  397.         font-size: 18px;
  398.         padding-bottom: 10px;
  399. }
  400.  
  401. #posts-entries,
  402. #post-entry {
  403.         float: left;
  404.         width: 590px;
  405. }
  406.  
  407.  
  408.  
  409. section header h1 span {
  410.         font-family: "Arial Black", Arial;
  411.         font-weight: 900;
  412. }
  413.  
  414.  
  415. #content section header h1 a {
  416.         color: #000;
  417.         text-decoration: none;
  418. }
  419.  
  420. #posts-entries,
  421. #post-entry {
  422.         background: url(_ui/images/common/dotted_line.gif) repeat-x left top;
  423. }
  424.  
  425. #posts-header {
  426.         background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
  427.         overflow: hidden;
  428.         padding: 10px 0;
  429. }
  430.  
  431. #posts-header h1 {
  432.         float: left;
  433.         font-size: 26px;
  434.         padding-right: 0;
  435.         width: 290px;
  436. }
  437.  
  438. .post-filters {
  439.         float: right;
  440.         width: 266px;
  441. }
  442.  
  443. .post-filters li {
  444.         float: right;
  445.         padding-right: 6px;
  446. }
  447.  
  448. .post-filters li a {
  449.         color: #fff;
  450.         background: #000;
  451.         display: block;
  452.         font-size: 12px;
  453.         font-weight: bold;
  454.         padding: 8px 10px;
  455.         text-transform: uppercase;
  456. }
  457.  
  458. #posts-entries article.hentry:hover {
  459.         background-color: #f0f0f0;
  460. }
  461.  
  462. article.hentry {
  463.         background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
  464.         overflow: hidden;
  465.         padding: 0;
  466. }
  467.  
  468.  
  469. .hentry header {
  470.         overflow: hidden;
  471.         padding: 10px;
  472. }
  473.  
  474. .hentry header abbr {
  475.         background-color: #000;
  476.         cursor: default;
  477.         float: left;
  478.         height: 73px;
  479.         margin-right: 10px;
  480.         width: 64px;
  481. }
  482.  
  483. .hentry header abbr span {
  484.         color: #fff;
  485.         display: block;
  486.         font-weight: bold;
  487.         text-align: center;
  488. }
  489.  
  490. .hentry header abbr span.month {
  491.         font-size: 17px;
  492.         text-transform: uppercase;
  493.         height: 17px;
  494.         padding-top: 4px;
  495. }
  496.  
  497. .hentry header abbr span.day {
  498.         font-size: 24px;
  499.         height: 28px;
  500.         padding-top: 2px;
  501.         line-height: 26px;
  502. }
  503.  
  504. .hentry header abbr span.year {
  505.         background-color: #c70909;
  506.         font-size: 14px;
  507.         padding: 2px 0 4px;
  508.         height: 17px;
  509. }
  510.  
  511. .hentry header h2,h1{
  512.         color: #000;
  513.         font-size: 26px;
  514.         font-weight: bold;
  515.         line-height: 36px;
  516.         letter-spacing: -0.03em;
  517. }
  518.  
  519.  
  520.  
  521. .hentry header h2 a {
  522.         color: #000;
  523. }
  524.  
  525. .hentry header h1{
  526.         color: #000;
  527.         font-size: 26px;
  528.         font-weight: bold;
  529.         line-height: 36px;
  530.         letter-spacing: -0.03em;
  531.         text-transform: none;
  532. }
  533.  
  534.  
  535.  
  536. .hentry header h1 a {
  537.         color: #000;
  538. }
  539.  
  540. .hentry .entry-content {
  541.         overflow: hidden;
  542.         padding: 0 0 18px 10px;
  543. }
  544.  
  545. .hentry .entry-content .text {
  546.         color: #3B3128;
  547.         font-size: 14px;
  548.         line-height: 20px;
  549.         overflow: hidden;
  550. }
  551.  
  552. .hentry .entry-content p {
  553.         padding: 5px 0;
  554.                 font-size: 14px;
  555.  
  556. }
  557.  
  558. .hentry .entry-content .img-more {
  559.         float: left;
  560.         margin-right: 20px;
  561. }
  562.  
  563. /* OLD STYLE with dash lines
  564. .hentry footer {
  565.         clear: both;
  566.         background: url(_ui/images/common/dotted_line.gif) repeat-x left top;
  567.         overflow: hidden;
  568.         padding: 8px 0 0 8px;
  569. }*/
  570.  
  571. .hentry footer {
  572.         clear: both;
  573.         background: none;
  574.         overflow: hidden;
  575.         padding: 0;
  576. }
  577.  
  578. .hentry .post-info {
  579.         float: left;
  580.         width: 430px;
  581. }
  582.  
  583. .hentry .post-info li {
  584.         float: left;
  585. }
  586.  
  587. li.post-category {
  588.  width:250px;
  589. }
  590.  
  591.  
  592. .hentry .post-info .author-img {
  593.         float: left;
  594.         margin-right: 5px;
  595.         width: 30px;
  596. }
  597.  
  598. .hentry .post-info .url {
  599.         display: block;
  600. }
  601.  
  602. .hentry .post-info address {
  603.         color: #666;
  604.         font-size: 12px;
  605.         padding-right: 5px;
  606.         min-width: 150px;
  607. }
  608.  
  609. .post-category a {
  610.         background: url("_ui/images/common/sprite-post-icons.png") no-repeat top left;
  611.         color: #666;
  612.         font-size: 12px;
  613.         display: inline-block;
  614.         text-transform: uppercase;
  615.         padding: 8px 0 0 38px;
  616.         height: 22px;
  617.         margin-right:10px;
  618. }
  619.  
  620. .post-category .best {
  621.         background-position: 0 0;
  622. }
  623.  
  624. .post-category .browser {
  625.         background-position: 0 -32px;
  626. }
  627.  
  628. .post-category .cool {
  629.         background-position: 0 -64px;
  630. }
  631.  
  632. .post-category .deals {
  633.         background-position: 0 -96px;
  634. }
  635.  
  636. .post-category .gaming {
  637.         background-position: 0 -128px;
  638. }
  639.  
  640. .post-category .geeky {
  641.         background-position: 0 -160px;
  642. }
  643.  
  644. .post-category .howto {
  645.         background-position: 0 -192px;
  646. }
  647.  
  648. .post-category .linux {
  649.         background-position: 0 -224px;
  650. }
  651.  
  652. .post-category .mac {
  653.         background-position: 0 -256px;
  654. }
  655.  
  656. .post-category .mobile {
  657.         background-position: 0 -288px;
  658. }
  659.  
  660. .post-category .music {
  661.         background-position: 0 -320px;
  662. }
  663.  
  664. .post-category .polls {
  665.         background-position: 0 -352px;
  666. }
  667.  
  668. .post-category .webapps {
  669.         background-position: 0 -384px;
  670. }
  671.  
  672. .post-category .windows {
  673.         background-position: 0 -416px;
  674. }
  675.  
  676. .hentry .post-info address a {
  677.         color: #0066cc;
  678.         font-weight: bold;
  679. }
  680.  
  681. .hentry .post-social {
  682.         float: right;
  683.         padding: 4px 0 0;
  684.         width: 150px;
  685. }
  686.  
  687. .hentry .post-social li {
  688.         float: right;
  689.         padding-right: 4px;
  690. }
  691.  
  692. .hentry .post-social .comments {
  693.         //background: url(_ui/images/common/icon-comments.png) no-repeat left center;
  694.         color: #5f5f5f;
  695.         font-size: 14px;
  696.         font-style: italic;
  697.         display: block;
  698.         padding: 3px 0 3px 22px;
  699. }
  700.  
  701. #pagination {
  702.         overflow: hidden;
  703.         padding: 46px 0 20px;
  704. }
  705.  
  706. #pagination ul {
  707.         float: right;
  708. }
  709.  
  710. #pagination li {
  711.         float: left;
  712.         padding-left: 2px;
  713.         text-align: center;
  714. }
  715.  
  716. #pagination li a {
  717.         background-color: #f7f7f7;
  718.         border: 1px solid #c7c7c7;
  719.         color: #666;
  720.         display: block;
  721.         height: 15px;
  722.         padding: 4px 6px 3px;
  723. }
  724.  
  725. #pagination li a.prev,
  726. #pagination li a.next {
  727.         height: 17px;
  728.         padding: 2px 6px 3px;
  729. }
  730.  
  731. #pagination li a.current,
  732. #pagination li a:hover {
  733.         background-color: #046fca;
  734.         border: 1px solid #6baae0;
  735.         color: #fff;
  736.         text-decoration: none;
  737. }
  738.  
  739. #pagination li span {
  740.         display: block;
  741.         padding: 12px 4px 0;
  742. }
  743.  
  744. /* 2.5 Sidebar
  745. ------------------------------------------------------------------------------*/
  746.  
  747. #sidebar {
  748.         float: right;
  749.         width: 354px;
  750. }
  751.  
  752. #sidebar section {
  753.         background: url(_ui/images/common/dotted_line.gif) repeat-x left top;
  754. }
  755.  
  756. #sidebar #searcher {
  757.         padding: 10px 0;
  758. }
  759.  
  760. #sidebar .input-wrap {
  761.         background: url(_ui/images/common/sidebar-input.png) no-repeat left top;
  762.         height: 35px;
  763.         padding: 0 0px;
  764.         width: 354px;
  765. }
  766.  
  767. #sidebar .input-wrap input {
  768.         background: none;
  769.         border: 0;
  770.         color: #999;
  771.         float: left;
  772.         font-size: 12px;
  773.         height: 16px;
  774.         line-height: 15px;
  775.         padding: 10px 6px 9px;
  776. }
  777.  
  778. #sidebar .input-wrap .blue-btn, #sidebar .input-wrap .red-btn {
  779.         color: #fff;
  780.         cursor: pointer;
  781.         font-size: 12px;
  782.         float: right;
  783.         height: 23px;
  784.         text-align: center;
  785.         margin: 6px;
  786.         padding: 4px 0 5px;
  787.         min-width: 66px;
  788.         width: auto;
  789. }
  790. #sidebar .input-wrap .blue-btn {
  791.         background-color: #0477CD;
  792. }
  793. #sidebar .input-wrap .red-btn {
  794.         background-color: #C70909;
  795. }
  796. #sidebar .input-wrap input#search {
  797.         width: 238px;
  798. }
  799.  
  800. #sidebar #searcher .input-wrap .blue-btn,.red-btn {
  801.         width: 66px;
  802. }
  803.  
  804. #sidebar .input-wrap input#subscribe {
  805.         width: 222px;
  806. }
  807.  
  808. #sidebar #subscriber .input-wrap .blue-btn,.red-btn {
  809.         width: 76px;
  810. }
  811.  
  812. #sidebar section header {
  813.         background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
  814.         padding: 4px 0;
  815. }
  816.  
  817. #sidebar section header h1 {
  818.         background-color: #f0f0f0;
  819.         font-size: 18px;
  820.         padding: 0 15px;
  821.         text-transform:uppercase;
  822. }
  823.  
  824. #sidebar .text {
  825.         color: #666;
  826.         font-size: 14px;
  827.         line-height: 18px;
  828.         padding: 16px;
  829. }
  830.  
  831. #sidebar #subscriber {
  832.         padding: 0 10px 20px;
  833. }
  834.  
  835. #sidebar .subscribe-icons {
  836.         background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
  837.         overflow: hidden;
  838.         padding: 0 10px 20px;
  839. }
  840.  
  841. #sidebar .subscribe-icons li {
  842.         float: left;
  843.         padding: 0 5px;
  844. }
  845.  
  846. #sidebar .subscribe-icons a {
  847.         background-image: url(_ui/images/common/sprite-social-icons.png);
  848.         background-repeat: none;
  849.         display: block;
  850.         height: 32px;
  851.         text-indent: -9999px;
  852.         width: 32px;
  853. }
  854.  
  855. #sidebar .subscribe-icons a.subs-fb {
  856.         background-position: 0 0;
  857. }
  858.  
  859. #sidebar .subscribe-icons a.subs-tw {
  860.         background-position: -42px 0;
  861. }
  862.  
  863. #sidebar .subscribe-icons a.subs-su {
  864.         background-position: -84px 0;
  865. }
  866.  
  867. #sidebar .subscribe-icons a.subs-gp {
  868.         background-position: -126px 0;
  869. }
  870.  
  871. #sidebar .subscribe-icons a.subs-rss {
  872.         background-position: -168px 0;
  873. }
  874.  
  875. #sidebar .fb-widget {
  876.         padding: 10px;
  877. }
  878.  
  879. #sidebar .sidebar-banner {
  880.         padding: 18px;
  881.         text-align: center;
  882. }
  883.  
  884. #sidebar .items-list {
  885.         background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
  886.         overflow: hidden;
  887.         padding: 6px 8px;
  888. }
  889.  
  890. #sidebar .items-list li {
  891.         float: left;
  892.         padding: 6px 8px;
  893.         width: 96px;
  894. }
  895.  
  896. #sidebar .items-list li a,
  897. #sidebar .items-list li img,
  898. #sidebar .items-list li .img-wrap {
  899.         cursor: pointer;
  900.         display: block;
  901.         text-decoration: none;
  902. }
  903.  
  904. #sidebar .items-list li .img-wrap {
  905.         background: url(_ui/images/common/bg-sidebar-box.png) no-repeat center top;
  906.         padding: 5px 8px 0 6px;
  907.         height: 91px;
  908.         width: 82px;
  909. }
  910.  
  911. #sidebar .items-list li .title {
  912.         color: #666;
  913.         display: block;
  914.         font-size: 12px;
  915.         padding: 6px 10px 0;
  916. }
  917.  
  918. #sidebar .more {
  919.         background-image: url(_ui/images/common/sprite-more.png);
  920.         background-repeat: no-repeat;
  921.         color: #0477cd;
  922.         display: block;
  923.         text-align: right;
  924.         padding: 18px 54px 18px;
  925. }
  926.  
  927. #sidebar .arrow {
  928.         background-position: right -2px;
  929. }
  930.  
  931. #sidebar .random {
  932.         background-position: right -55px;
  933. }
  934.  
  935. #sidebar .askq-intro {
  936.         display: block;
  937.         padding: 20px 0 0;
  938.         text-align: center;
  939. }
  940.  
  941. #sidebar .questions-list {
  942.         background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
  943.         padding: 10px 0 14px 16px;
  944. }
  945.  
  946. #sidebar .questions-list li {
  947.         clear: both;
  948.         overflow: hidden;
  949.         padding: 8px 0;
  950. }
  951.  
  952. #sidebar .questions-list li a {
  953.         cursor: pointer;
  954.         text-decoration: none;
  955. }
  956.  
  957. #sidebar .questions-list li span {
  958.         float: left;
  959. }
  960.  
  961. #sidebar .questions-list li .number {
  962.         background: url(_ui/images/common/bg-number.png) no-repeat left top;
  963.         color: #fff;
  964.         float: left;
  965.         font-size: 19px;
  966.         font-family: "Arial Black", Arial;
  967.         font-weight: 900;      
  968.         height: 27px;
  969.         line-height: 20px;
  970.         padding: 5px 0 0;
  971.         text-align: center;
  972.         width: 32px;
  973. }
  974.  
  975. #sidebar .questions-list li .question {
  976.         color: #666;
  977.         font-size: 14px;
  978.         line-height: 18px;
  979.         padding-left: 20px;
  980.         width: 240px;
  981. }
  982.  
  983. #sidebar .cols-banner {
  984.         overflow: hidden;
  985.         padding: 28px 0 18px;
  986. }
  987.  
  988. #sidebar .soft-list {
  989.         float: left;
  990.         text-align: center;
  991.         width: 178px;
  992. }
  993.  
  994. #sidebar .soft-list li {
  995.         padding-bottom: 15px;
  996. }
  997.  
  998. #sidebar .bottom-banner {
  999.         text-align: center;
  1000. }
  1001.  
  1002. #sidebar section.no-border {
  1003.         background: none;
  1004. }
  1005.  
  1006. /* 2.6 Footer
  1007. ------------------------------------------------------------------------------*/
  1008.  
  1009. #footer {
  1010.         clear: both;
  1011. }
  1012.  
  1013. #footer a {
  1014.         color: #fff;
  1015. }
  1016.  
  1017. #footer h2 {
  1018.         color: #fff;
  1019.         font-size: 18px;
  1020.         padding-bottom: 18px;
  1021.         text-transform: uppercase;
  1022. }
  1023.  
  1024. #footer h2 span {
  1025.         font-weight: bold;
  1026. }
  1027.  
  1028. #footer-top {
  1029.         background-color: #000;
  1030.         overflow: hidden;
  1031.         padding: 36px 0;
  1032. }
  1033.  
  1034. #credits {
  1035.         overflow: hidden;
  1036. }
  1037.  
  1038. #credits .col {
  1039.         float: left;
  1040. }
  1041.  
  1042. #credits #social {
  1043.         padding-right: 20px;
  1044.         width: 222px;
  1045. }
  1046.  
  1047. #credits #social li {
  1048.         padding-bottom: 12px;
  1049. }
  1050.  
  1051. #credits #social li a {
  1052.         background: url(_ui/images/common/sprite-footer-social.png) no-repeat 0 0;
  1053.         display: block;
  1054.         padding: 1px 0 2px 34px;
  1055. }
  1056.  
  1057. #credits #social li a.credits-tw {
  1058.         background-position: 0 -30px;
  1059. }
  1060.  
  1061. #credits #social li a.credits-rss {
  1062.         background-position: 0 -60px;
  1063. }
  1064.  
  1065. #credits #social li a.credits-gplus {
  1066.         background-position: 0 -90px;
  1067. }
  1068.  
  1069. #credits #staff {
  1070.         padding-right: 20px;
  1071.         width: 332px;
  1072. }
  1073.  
  1074. #credits #staff ul li {
  1075.         float: left;
  1076.         padding-bottom: 10px;
  1077.         width: 155px;
  1078. }
  1079.  
  1080. #credits #editors {
  1081.         float: right;
  1082.         width: 366px;
  1083. }
  1084.  
  1085. #credits #editors ul li {
  1086.         float: left;
  1087.         padding: 0 8px 16px;
  1088.         width: 166px;
  1089. }
  1090.  
  1091. #credits #editors ul li a {
  1092.         line-height: 16px;
  1093. }
  1094.  
  1095. #credits #editors ul li a img {
  1096.         float: left;
  1097.         padding-right: 10px;
  1098. }
  1099.  
  1100. #credits #editors ul li a span {
  1101.         color: #ccc;
  1102.         float: left;
  1103.         width: 112px;
  1104. }
  1105.  
  1106. #footer-bottom {
  1107.         background-color: #333;
  1108.         overflow: hidden;
  1109.         padding: 20px 0;
  1110. }
  1111.  
  1112. #footer-bottom .copyright {
  1113.         color: #fff;
  1114.         float: left;
  1115.         width: 45%;
  1116. }
  1117.  
  1118. #footer-bottom #footer-nav {
  1119.         float: right;
  1120.         text-align: right;
  1121. }
  1122.  
  1123. #footer-bottom #footer-nav li {
  1124.         color: #fff;
  1125.         display: inline;
  1126. }
  1127.  
  1128. #footer-bottom #footer-nav .sep {
  1129.         padding: 0 7px 0 11px;
  1130. }
  1131.  
  1132.  
  1133. /* 3. PAGES
  1134. --------------------------------------------------------------------------------
  1135. ==============================================================================*/
  1136.  
  1137.  
  1138. /* 3.1 Home
  1139. ------------------------------------------------------------------------------*/
  1140.  
  1141. #featured {
  1142.         overflow: hidden;
  1143.         padding: 10px 0 0;
  1144.         clear:both;
  1145. }
  1146.  
  1147. #featured li {
  1148.         float: left;
  1149.         padding-right: 11px;
  1150.         height: 184px;
  1151.         width: 183px;
  1152. }
  1153.  
  1154. #featured li.last {
  1155.         padding-right: 0;
  1156. }
  1157.  
  1158. #featured li a {
  1159.         border: 1px solid #ccc;
  1160.         cursor: pointer;
  1161.         display: block;
  1162.         position: relative;
  1163.         text-align: center;
  1164.         text-decoration: none;
  1165. }
  1166.  
  1167. #featured li a span {
  1168.         background: url(_ui/images/home/sprite-featured.png) repeat-x left top;
  1169.         color: #fff;
  1170.         display: block;
  1171.         font-size: 13px;
  1172.         font-weight: bold;
  1173.         height: 60px;
  1174.         padding: 10px 12px 5px;
  1175.         position: absolute;
  1176.         left: 0;
  1177.         bottom: 0;
  1178.         width: 158px;
  1179.         z-index: 2;
  1180. }
  1181.  
  1182. #featured li a:hover span {
  1183.         background-position: left bottom;
  1184. }
  1185.  
  1186.  
  1187. /* 3.2 Inner
  1188. ------------------------------------------------------------------------------*/
  1189.  
  1190. #posts-list li {
  1191.         padding-bottom:10px;
  1192. }
  1193. #entry-details {
  1194.         background: url(_ui/images/common/dotted_line.gif) repeat-x left top;
  1195.         padding: 24px 0 0 0;
  1196. }
  1197.  
  1198. .text img.left {
  1199.         margin: 5px 20px 10px 0;
  1200. }
  1201.  
  1202. .text img.right {
  1203.         margin: 5px 0 10px 20px;
  1204. }
  1205.  
  1206. .with-border, .comment-item > img {
  1207.         border: 3px solid #fff;
  1208.         -moz-box-shadow: 0 0 10px #999;
  1209.         -webkit-box-shadow: 0 0 10px #999;     
  1210.         box-shadow: 0 0 4px #999;
  1211. }
  1212.  
  1213. .with-padding {
  1214.         padding: 10px 0 5px;
  1215. }
  1216.  
  1217. .text h2,h3 {
  1218.         color: #3B3128;
  1219.         font-size: 18px;
  1220.         font-weight: bold;
  1221.         padding: 20px 0;
  1222. }
  1223.  
  1224. #entry-details .entry-wrap {
  1225.         background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
  1226.         padding-bottom: 15px;
  1227. }
  1228.  
  1229. #entry-details .author-details {
  1230.         background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
  1231.         clear: both;
  1232.         padding: 3px 0 4px;
  1233. }
  1234.  
  1235. #entry-details .author-details .about {
  1236.         background-color: #f1f0f0;
  1237.         overflow: hidden;
  1238.         padding: 14px;
  1239. }
  1240.  
  1241. #entry-details .author-details .entry-author-img, #entry-details .author-details img {
  1242.         float: left;
  1243.         margin-right: 10px;
  1244.         border: 3px solid #fff;
  1245.         -moz-box-shadow: 0 0 10px #999;
  1246.         -webkit-box-shadow: 0 0 10px #999;     
  1247.         box-shadow: 0 0 10px #999;
  1248. }
  1249.  
  1250. #entry-details .author-details h3 {
  1251.         color: #0477cd;
  1252.         font-weight: bold;
  1253.         font-size: 12px;
  1254.         padding:0;
  1255. }
  1256.  
  1257. #entry-details .author-details .text {
  1258.         color: #666;
  1259.         font-size: 12px;
  1260.         line-height: 16px;
  1261. }
  1262.  
  1263. .under-entry {
  1264.         padding-top: 22px;
  1265. }
  1266.  
  1267. .stuff-list {
  1268.         overflow: hidden;
  1269.         padding: 20px 0;
  1270. }
  1271.  
  1272. #similar-stuff {
  1273.         background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
  1274.         padding-top: 10px;
  1275. }
  1276.  
  1277. .stuff-list li {
  1278.         float: left;
  1279.         padding: 8px !important;
  1280.         width: 128px;
  1281. }
  1282.  
  1283. .stuff-list li.last {
  1284.         padding-right: 0;
  1285. }
  1286.  
  1287. .stuff-list li:last-child {     padding-right: 0;}
  1288.  
  1289. .stuff-list li .title {
  1290.         color: #444;
  1291.         display: block;
  1292.         font-size: 12px;
  1293.         line-height: 18px;
  1294.         padding: 15px 8px 8px 1px;
  1295. }
  1296.  
  1297.  
  1298. #comments header h2,
  1299. #comments header h2 a {
  1300.         color: #333;
  1301.         font-size: 16px;
  1302. }
  1303.  
  1304. #comments header h2 a {
  1305.         background: url(_ui/images/inner/arrow-down.png) no-repeat right center;       
  1306.         display: block;
  1307. }
  1308.  
  1309.  
  1310. #comments header h2 {
  1311.         padding: 12px 0;
  1312.         background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;       
  1313. }
  1314.  
  1315. .comments-list {
  1316.         padding-top: 5px;
  1317.         overflow: hidden;
  1318. }
  1319.  
  1320. /* highlighting */
  1321. .comment{
  1322.         background-color: #F7f7f7;
  1323.         border:5px solid white;
  1324.         //background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
  1325.         clear: both;
  1326.         padding: 10px;
  1327.         margin:5px;
  1328.         overflow: hidden;
  1329.         -webkit-border-radius: 10px;
  1330.         -moz-border-radius: 10px;
  1331.         -o-border-radius: 10px;
  1332.         -ms-border-radius: 10px;
  1333.         -khtml-border-radius: 10px;
  1334.         border-radius: 10px;
  1335.         font-size:14px !important;
  1336.         color: black;
  1337. }
  1338.  
  1339. .comment p {
  1340.         clear:both;
  1341.         margin-top:10px;
  1342.  
  1343. }
  1344.  
  1345. .byuser{
  1346.         background-color: #F1F8DF;     
  1347.         //border: 1px solid #A8CC45;
  1348. }
  1349.  
  1350. .bypostauthor {
  1351.         background-color:#E8F0F9;
  1352.         //border: 1px solid #ABD2E9;
  1353. }
  1354.  
  1355. /* vcard */
  1356. .comments-list .vcard {
  1357.         overflow: auto;
  1358. }
  1359.  
  1360. .comments-list .vcard .name{
  1361.         font-size:20px;
  1362.         font-weight:bold;
  1363.         float:left;
  1364.         margin: 5px 0 0 20px;
  1365. }
  1366.  
  1367. .vcard .avatar{
  1368.         -webkit-border-radius: 5px;
  1369.         -moz-border-radius: 5px;
  1370.         -o-border-radius: 5px;
  1371.         -ms-border-radius: 5px;
  1372.         -khtml-border-radius: 5px;
  1373.         border-radius: 5px;
  1374.         float:left;
  1375.  
  1376. }
  1377. .vcard .date {
  1378.         font-size:12px;
  1379.         font-weight: normal;
  1380.         color:gray !important;
  1381.         float:right;
  1382. }
  1383.  
  1384. .reply {
  1385.         float:right;
  1386. }
  1387.  
  1388. #commentform{
  1389.         width:95%;
  1390.         padding:10px;
  1391.         clear:both;
  1392.         overflow: auto;
  1393. }
  1394. #commentform input,textarea {
  1395.         width:97%;
  1396.         clear:both;
  1397.         padding:10px;
  1398.         font-size:14px;
  1399.         -webkit-border-radius: 5px;
  1400.         -moz-border-radius: 5px;
  1401.         -o-border-radius: 5px;
  1402.         -ms-border-radius: 5px;
  1403.         -khtml-border-radius: 5px;
  1404.         border-radius: 5px;
  1405.         border:0;
  1406.         -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4);
  1407.         -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4);
  1408.         box-shadow: inset 1px 1px 5px rgba(0,0, 0, 0.4);
  1409. }
  1410.  
  1411.  
  1412. #commentform #submit {
  1413.         float:right;
  1414.         width:150px;
  1415.         background-color: #0057AC;
  1416.         border: 1px solid #0057AC;
  1417.         color: white;
  1418. }
  1419. #commentform #submit:hover{
  1420.         background-color: #E8F0F9;
  1421.         border: 1px solid #ABD2E9;
  1422.         color:black;
  1423. }
  1424.  
  1425. #reply-title{
  1426.         display:none;
  1427. }
  1428.  
  1429. .screen-reader-text {
  1430. position: absolute;
  1431. top: -9999px;
  1432. left: -9999px;
  1433. }
  1434.  
  1435. /* below here is old stuff */
  1436. .comment-item {
  1437.         background: url(_ui/images/common/dotted_line.gif) repeat-x left bottom;
  1438.         clear: both;
  1439.         padding: 25px 0 20px 5px;
  1440.         overflow: hidden;
  1441. }
  1442.  
  1443. .comment-item header {
  1444.         padding-bottom: 5px;
  1445. }
  1446.  
  1447. .comment-item header span.date {
  1448.         color: #999;
  1449.         font-size: 12px;
  1450.         font-style: italic;
  1451.         font-family: Georgia;
  1452. }
  1453.  
  1454. .comment-item header .author {
  1455.         color: #333;
  1456.         font-size: 14px;
  1457.         font-style: normal;
  1458.         font-weight: bold;
  1459.         padding-right: 5px;
  1460.         font-family: Arial;
  1461. }
  1462.  
  1463. .comment-item header.with-blue .author,
  1464. .comment-item header.with-blue a {
  1465.         color: #0477cd;
  1466. }
  1467.  
  1468. .comment-item .text {
  1469.         color: #666;
  1470.         line-height: 20px;
  1471.         font-size: 14px;
  1472.         float: left;
  1473.         width: 468px;
  1474. }
  1475.  
  1476. .comment-item img {
  1477.         float: left;
  1478.         margin-right: 20px;
  1479. }
  1480.  
  1481. .comment-answers, .children {
  1482.         //background: url(_ui/images/inner/vertical-line.gif) repeat-y left top;
  1483.         margin-left: 10px;
  1484.         overflow: hidden;
  1485.         clear: both;
  1486. }
  1487.  
  1488. .comment-answers .comment-item , .children .comment-item {
  1489.         background: url(_ui/images/inner/comment-line.gif) no-repeat 5px 66px;
  1490.         padding-left: 46px;
  1491.        
  1492. }
  1493.  
  1494. .comment-answers .comment-item .text, .children .comment-item .text{
  1495.         color: #444;
  1496.         width: 382px;
  1497. }
  1498.  
  1499. #leave-comment {
  1500.         padding-top: 13px;
  1501. }
  1502.  
  1503. #comment-form li {
  1504.         clear: both;
  1505.         overflow: hidden;
  1506.         padding: 10px 0;
  1507. }
  1508.  
  1509. #comment-form .input-wrap {
  1510.         background: url(_ui/images/inner/comment-input.png) no-repeat left top;
  1511.         float: left;
  1512.         width: 220px;
  1513.         height: 35px;
  1514. }
  1515.  
  1516. #comment-form .input-wrap input {
  1517.         background: none;
  1518.         border: 0;
  1519.         font-size: 12px;
  1520.         color: #444;
  1521.         padding: 6px;
  1522.         line-height: 22px;
  1523.         width: 202px;
  1524.         height: 22px;
  1525. }
  1526.  
  1527. #comment-form .textarea-wrap {
  1528.         background: url(_ui/images/inner/comment-textarea.png) no-repeat left top;
  1529.         width: 555px;
  1530.         height: 178px;
  1531. }
  1532.  
  1533. #comment-form .textarea-wrap textarea {
  1534.         background: none;
  1535.         border: 0;
  1536.         font-size: 12px;
  1537.         color: #444;
  1538.         padding: 6px;  
  1539.         width: 537px;
  1540.         height: 160px;
  1541. }
  1542.  
  1543. #comment-form label {
  1544.         color: #444;
  1545.         float: left;
  1546.         padding: 10px 0 0 12px;
  1547.         font-size: 12px;
  1548. }
  1549.  
  1550. #comment-form .btns input {
  1551.         background: #000;
  1552.         border: 0;
  1553.         color: #fff;
  1554.         cursor: pointer;
  1555.         font-size: 13px;
  1556.         font-weight: bold;
  1557.         height: 27px;
  1558.         text-align: center;
  1559.         width: 134px;
  1560. }
  1561.  
  1562.  
  1563. /* 4. PRINT
  1564. --------------------------------------------------------------------------------
  1565. ==============================================================================*/
  1566.  
  1567.  
  1568. @media print {
  1569.  
  1570.         body {
  1571.                 font: normal normal 12pt/1.5em "Times New Roman", Times, serif;
  1572.         }
  1573.  
  1574.         a[href]:after {
  1575.                 content: " (" attr(href) ") ";
  1576.                 font-size: 90%;
  1577.         }
  1578.  
  1579.         a[href^="/"]:after {
  1580.                 content: " (http://domain.com" attr(href) ") ";
  1581.         }
  1582.  
  1583.         ol#accessibility-nav,
  1584.         .hide {
  1585.                 display: none !important;
  1586.         }
  1587. }      
  1588.  
  1589.  
  1590. /* 5. GIGYA and NEW THEME ADJUSTMENTS
  1591. --------------------------------------------------------------------------------
  1592. ==============================================================================*/
  1593. .align-right {float:right;margin: 0 0 10px 10px;width:250px;}
  1594. .align-left {float:right;margin: 0 0 10px 10px;width:250px;}
  1595. .aligncenter {display:block;margin: 10px auto;}
  1596.  
  1597. .gig-userStatus-name{
  1598.         width:150px !important;
  1599. }
  1600.  
  1601. .navbutton {font-size: 100px;font-weight:bold;}
  1602. .navbutton a {color:gray;text-decoration:none;}
  1603. .navbutton a:hover {text-decoration:none;color:black;}
  1604.  
  1605.  
  1606. #ticker {overflow:hidden;height:30px;}
  1607.  
  1608. .banner-468x60 {
  1609. padding:10px;}
  1610.  
  1611. .shadowed{
  1612.             -moz-box-shadow: 0px 0px 10px #000000;
  1613.     -webkit-box-shadow: 0px 0px 10px #000000;
  1614.     box-shadow: 0px 0px 10px #000000;
  1615.  
  1616.  
  1617. }
  1618.  
  1619. hr {   
  1620.         background: url("../makeuseofnew/_ui/images/common/dotted_line.gif") repeat-x scroll left bottom transparent;
  1621.         height:20px;
  1622.         border:none;
  1623.         clear:both;
  1624. }
  1625.  
  1626.  
  1627.  
  1628.  
  1629.    
  1630.  
  1631.  
  1632.  
  1633. #navigation li.subnav li.sprite{
  1634.         background: url("_ui/images/menu-sprites.png") no-repeat top left !important;
  1635.         }
  1636. #navigation li.subnav li.sprite:hover{
  1637.         background-color:#C70909 !important;
  1638. }
  1639. #navigation li.subnav li.sprite.windows {
  1640.         background-position:0px 0px !important;
  1641. }
  1642. #navigation li.subnav li.sprite.mac {
  1643.         background-position:0px -40px !important;
  1644. }
  1645. #navigation li.subnav li.sprite.linux {
  1646.         background-position:0px -80px !important;
  1647. }
  1648. #navigation li.subnav li.sprite.ios {
  1649.         background-position:0px -120px !important;
  1650. }
  1651. #navigation li.subnav li.sprite.android {
  1652.         background-position:0px -160px !important;
  1653. }
  1654.  
  1655.  
  1656.  
  1657. .wp-pagenavi span {
  1658.         border:none !important;
  1659. }
  1660.  
  1661.  
  1662.  
  1663. /* custom pagenavi */
  1664. .wp-pagenavi {
  1665.         clear: both;
  1666.         width:570px;
  1667.         margin:20px auto;
  1668.         font-size:15px;
  1669.         font-weight:bold;
  1670. }
  1671.  
  1672. .wp-pagenavi a, .wp-pagenavi span {
  1673.         text-decoration: none;
  1674.         border: 1px solid #BFBFBF;
  1675.         padding: 2px 3px;
  1676.         margin: 2px;
  1677. }
  1678.  
  1679. .wp-pagenavi a:hover, .wp-pagenavi span.current {
  1680.         border-color: #000;
  1681. }
  1682.  
  1683. .wp-pagenavi span.current {
  1684.         font-weight: bold;
  1685. }
  1686.  
  1687. .links ul {
  1688.         list-style:square inside;
  1689.         padding: 30px 0;
  1690.         font-weight:bold;
  1691. }
  1692.  
  1693. @media screen and (max-width: 1250px) {
  1694.         .navbutton {display:none;}
  1695. }
  1696.  
  1697. .alignright {
  1698.         float:right;
  1699. }
  1700. .alignleft {
  1701.         float:left;
  1702. }
  1703. .alignnone {margin-right:10px;}
  1704.  
  1705.  
  1706.  
  1707.  
  1708.  
  1709.  
  1710. blockquote {
  1711. background:#f9f9f9;
  1712. border-left:1em solid #75C6E8;
  1713. quotes:\201C\201D;
  1714. margin:1.5em 1em;
  1715. padding:.5em 1em;
  1716. }
  1717.  
  1718. blockquote:before {
  1719. color:#75C6E8;
  1720. content:open-quote;
  1721. font-size:4em;
  1722. line-height:.1em;
  1723. margin-right:.25em;
  1724. vertical-align:-.4em;
  1725. }
  1726.  
  1727. blockquote p {
  1728. display: inline;
  1729. font-size: 110% !important;
  1730. font-style: italic;
  1731. }  
  1732.  
  1733. blockquote :last-child {
  1734. margin-bottom:0;
  1735. }
  1736.  
  1737.    
  1738. small {
  1739.         font-size:x-small;
  1740. }
  1741.  
  1742. wp_syntax {
  1743.         width:580px !important;
  1744. }
  1745.  
  1746. .entry-content ol {
  1747.         padding-left:50px;
  1748.         list-style:decimal;
  1749. }
  1750. .entry-content ol li {
  1751.         margin:5px 0;
  1752. }
  1753.  
  1754. .wp-syntax {
  1755.         width:95% !important;
  1756.        
  1757. }
  1758.  
  1759. pre {
  1760.  
  1761. width: 580px;
  1762. float: none;
  1763. clear: none;
  1764. overflow: visible;
  1765. font-size: 12px;
  1766. line-height: 1.333;
  1767. white-space: pre;
  1768. font-family: monospace;
  1769. color: #100;
  1770. background-color: #F9F9F9;
  1771. border: 1px solid silver;
  1772. margin: 0 0 1.5em 0;
  1773. overflow: auto;
  1774.  
  1775. }
  1776.  
  1777. #slidebox{
  1778.     width:450px;
  1779.     height:125px;
  1780.     padding:10px;
  1781.     background-color:#ffffff;
  1782.     position:fixed;
  1783.     bottom:0px;
  1784.     right:-480px;
  1785.     -moz-box-shadow:-2px 0px 5px #aaa;
  1786.     -webkit-box-shadow:-2px 0px 5px #aaa;
  1787.     box-shadow: 0 4px 10px #555555;
  1788. }
  1789. #slidebox span{
  1790.     font-size: 0.9em;
  1791.     padding-bottom: 5px;
  1792.     text-transform: uppercase;
  1793. }
  1794. #slidebox h2{
  1795.     font-size: 1.0em;
  1796. }
  1797. #slidebox .next-article{
  1798.     margin-top: 5px;
  1799. }
  1800. #slidebox .next-article a{
  1801.     display: inline-block;
  1802. }
  1803. #slidebox .close{
  1804.     background: url(close-card.png) no-repeat;
  1805.     display: block;
  1806.     height: 15px;
  1807.     margin: 3px;
  1808.     float: right;
  1809.     width: 16px;
  1810.     text-indent: -99999px;
  1811. }
  1812. #slidebox .close:hover{
  1813.     background:transparent url(close-card.png) -16px 0px no-repeat;
  1814. }
  1815. #slidebox strong{
  1816.     display: inline-block;
  1817.     color: #000000;
  1818.     font-family:"Verdana";
  1819.     font-size:1.2em;
  1820.     margin-left: 10px;
  1821.     vertical-align: top;
  1822.     max-width: 240px;
  1823. }
  1824.  
  1825. /* OUTBRAIN RELATED POSTS FEATURE */
  1826.  
  1827. #ob_strip_container_0_stripBox .item-container {
  1828.  padding: 14px;
  1829. }
  1830.  
  1831. #outbrain_widget_0{
  1832.         margin-top:20px;
  1833. }
  1834.  
  1835. #breadcrumbs{
  1836.         font-size:14px;
  1837.         margin: 5px 0;
  1838. }
  1839.  
  1840. .headermenu2column{
  1841.         width:500px !important;
  1842.         border-bottom: 6px solid #C70909;
  1843.         padding-bottom: 9px;
  1844. }
  1845. .headermenu2column li{
  1846.         display:inline;
  1847.         width:230px !important;
  1848.         float:left !important;
  1849.         margin:0px !important;
  1850.         padding:0 0 0 20px!important;
  1851. }
  1852.  
  1853. .thetags {
  1854.         float:left;
  1855. }
  1856. .thetags li{
  1857.         background-color:#0477CD;
  1858.         margin:3px ;
  1859.         color:white !important;
  1860.         display:inline-block;
  1861.         padding:3px;
  1862.         font-weight:bold;
  1863. }
  1864.  
  1865. .thetags li a{
  1866.         color:white;
  1867.         link-decoration:none;
  1868. }
  1869.  
  1870. /* REWARD RELATED */
  1871. .blueButton {
  1872.         -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
  1873.         -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
  1874.         box-shadow:inset 0px 1px 0px 0px #bbdaf7;
  1875.         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
  1876.         background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
  1877.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
  1878.         background-color:#79bbff;
  1879.         -moz-border-radius:6px;
  1880.         -webkit-border-radius:6px;
  1881.         border-radius:6px;
  1882.         border:1px solid #84bbf3;
  1883.         display:inline-block;
  1884.         color:#ffffff;
  1885.         font-family:arial;
  1886.         font-size:15px;
  1887.         font-weight:bold;
  1888.         padding:6px 24px;
  1889.         text-decoration:none;
  1890.         text-shadow:1px 1px 0px #528ecc;
  1891.         float:right;
  1892.         clear:both;
  1893. }.blueButton:hover {
  1894.         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
  1895.         background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
  1896.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
  1897.         background-color:#378de5;
  1898.         text-decoration: none;
  1899.         cursor: pointer;
  1900. }
  1901. .reward .redButton,.blueButton {
  1902.        
  1903.         clear:both;
  1904.         float:right;
  1905. }
  1906. .reward{
  1907.         //border:1px solid #E2E2E2;
  1908.         //border-bottom: 2px dotted gray;
  1909.         background: url(http://www.makeuseof.com/wp-content/themes/makeuseofnew/_ui/images/common/dotted_line.gif) repeat-x left bottom;       
  1910.         margin:20px 0;
  1911.         padding-bottom:20px;
  1912.         position:relative;
  1913.         overflow:auto;
  1914.         clear:both;
  1915.         font-size:14px;
  1916.         line-height:24px;
  1917. }
  1918.  
  1919. .redButton {
  1920.         -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
  1921.         -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
  1922.         box-shadow:inset 0px 1px 0px 0px #f29c93;
  1923.         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
  1924.         background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
  1925.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
  1926.         background-color:#fe1a00;
  1927.         -moz-border-radius:6px;
  1928.         -webkit-border-radius:6px;
  1929.         border-radius:6px;
  1930.         border:1px solid #d83526;
  1931.         display:inline-block;
  1932.         color:#ffffff !important;
  1933.         font-family:arial;
  1934.         font-size:15px;
  1935.         font-weight:bold;
  1936.         padding:6px 24px;
  1937.         text-decoration:none;
  1938.         text-shadow:1px 1px 0px #b23e35;
  1939. }.redButton:hover {
  1940.         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
  1941.         background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
  1942.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
  1943.         background-color:#ce0100;
  1944.         text-decoration: none;
  1945.         cursor: pointer;
  1946. }
  1947.  
  1948. .reward-standout{
  1949.         font-size:14px;
  1950.         margin: 5px 0;
  1951.         font-weight:bold;
  1952. }
  1953.  
  1954. .reward-standout span{
  1955.         color: blue;
  1956. }
  1957.  
  1958. /* JAMES CHANGES 11/JULY/2012 */
  1959.  
  1960.  
  1961. /* SUBNAV and NEW SEARCH */
  1962.  
  1963.  
  1964.  
  1965. /* reset webkit search input browser style */
  1966. input {
  1967.         outline: none;
  1968. }
  1969. input[type=search] {
  1970.         -webkit-appearance: textfield;
  1971.         -webkit-box-sizing: content-box;
  1972.         font-family: inherit;
  1973.         font-size: 100%;
  1974.         margin-top:8px;
  1975.         margin-right:10px;
  1976. }
  1977. input::-webkit-search-decoration,
  1978. input::-webkit-search-cancel-button {
  1979.         display: none; /* remove the search and cancel icon */
  1980. }
  1981.  
  1982. /* search input field */
  1983. input[type=search] {
  1984.         background: white url("_ui/images/search-icon.png") no-repeat 9px center;
  1985.         border: solid 1px #ccc;
  1986.         padding: 5px 5px 5px 32px;
  1987.         width: 120px;
  1988.         font-size:16px;
  1989.         float:left;
  1990.         /*-webkit-border-radius: 20px;
  1991.         -moz-border-radius: 20px;
  1992.         border-radius: 20px;*/
  1993.         height:20px;
  1994.        
  1995.         -webkit-transition: all .5s;
  1996.         -moz-transition: all .5s;
  1997.         transition: all .5s;
  1998. }
  1999. input[type=search]:focus {
  2000.         width: 700px;
  2001.         background-color: #fff;
  2002.         border-color: #6dcff6;
  2003.        
  2004.  
  2005.         -webkit-box-shadow: 0 0 2px 2px rgba(109,207,246,.5);
  2006.         -moz-box-shadow: 0 0 2px 2px rgba(109,207,246,.5);
  2007.         box-shadow: 0 0 2px 2px rgba(109,207,246,.5);
  2008. }
  2009.  
  2010. /* placeholder */
  2011. input:-moz-placeholder {
  2012.         color: #999;
  2013. }
  2014. input::-webkit-input-placeholder {
  2015.         color: #999;
  2016. }
  2017.  
  2018. /* maybe dont need this */
  2019.  
  2020. .blueButton {
  2021.         -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
  2022.         -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
  2023.         box-shadow:inset 0px 1px 0px 0px #bbdaf7;
  2024.         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
  2025.         background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
  2026.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
  2027.         background-color:#79bbff;
  2028.         -moz-border-radius:6px;
  2029.         -webkit-border-radius:6px;
  2030.         border-radius:6px;
  2031.         border:1px solid #84bbf3;
  2032.         display:inline-block;
  2033.         color:#ffffff;
  2034.         font-size:16px;
  2035.         padding:6px 24px;
  2036.         margin-left:10px;
  2037.         text-decoration:none;
  2038.         text-shadow:1px 1px 0px #528ecc;
  2039. }.blueButton:hover {
  2040.         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
  2041.         background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
  2042.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
  2043.         background-color:#378de5;
  2044.         text-decoration: none;
  2045.         cursor: pointer;
  2046. }
  2047.  
  2048.  
  2049. .redButton {
  2050.         -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
  2051.         -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
  2052.         box-shadow:inset 0px 1px 0px 0px #f29c93;
  2053.         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
  2054.         background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
  2055.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
  2056.         background-color:#fe1a00;
  2057.         -moz-border-radius:6px;
  2058.         -webkit-border-radius:6px;
  2059.         border-radius:6px;
  2060.         border:1px solid #d83526;
  2061.         display:inline-block;
  2062.         color:#ffffff !important;
  2063.         font-size:16px;
  2064.         margin-left:10px;
  2065.         padding:6px 24px;
  2066.         text-decoration:none;
  2067.         text-shadow:1px 1px 0px #b23e35;
  2068. }.redButton:hover {
  2069.         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
  2070.         background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
  2071.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
  2072.         background-color:#ce0100;
  2073.         text-decoration: none;
  2074.         cursor: pointer;
  2075. }
  2076.  
  2077. .greenButton {
  2078.         -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
  2079.         -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
  2080.         box-shadow:inset 0px 1px 0px 0px #a4e271;
  2081.         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
  2082.         background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
  2083.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
  2084.         background-color:#89c403;
  2085.         -moz-border-radius:6px;
  2086.         -webkit-border-radius:6px;
  2087.         border-radius:6px;
  2088.         border:1px solid #74b807;
  2089.         display:inline-block;
  2090.         color:#ffffff;
  2091.         font-size:16px;
  2092.         padding:6px 24px;
  2093.         margin-left:10px;
  2094.         text-decoration:none;
  2095.         text-shadow:1px 1px 0px #528009;
  2096. }.greenButton:hover {
  2097.         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
  2098.         background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
  2099.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
  2100.         background-color:#77a809;
  2101. }.greenButton:active {
  2102.         top:1px;
  2103. }
  2104.  
  2105.  
  2106.  
  2107. .button, .button-bevel {
  2108.   font-family: Arial, Helvetica, sans-serif;
  2109.   font-size: 16px;
  2110.   color: #fff;
  2111.   text-decoration: none;
  2112.   display: inline-block;
  2113.   text-align: center;
  2114.   padding: 5px 10px 5px;
  2115.   margin: .5em .5em .5em 0;
  2116.   cursor: pointer;
  2117.   text-shadow: 0 1px 1px rgba(0,0,0,0.4);
  2118.   -webkit-transition: 0.1s linear;
  2119.   -moz-transition: 0.1s linear;
  2120.   -ms-transition: 0.1s linear;
  2121.   -o-transition: 0.1s linear;
  2122.   transition: 0.1s linear;
  2123. }
  2124.  
  2125. .button {
  2126.   border-radius: 2px;
  2127.   box-shadow: inset rgba(255,255,255,0.3) 1px 1px 0;
  2128.   color:white !important;
  2129.   text-decoration:none !important;
  2130. }
  2131.  
  2132.   .button:active {
  2133.     box-shadow: inset rgba(0,0,0,0.4) 0px 0px 6px;
  2134.   }
  2135.  
  2136. .rounded {
  2137.         border-radius: 20px;
  2138. }
  2139.  
  2140. .orange {
  2141.   background: rgb(255,183,0);
  2142.   background: -moz-linear-gradient(top,  rgba(255,183,0,1) 0%, rgba(255,140,0,1) 100%);
  2143.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,0,1)), color-stop(100%,rgba(255,140,0,1)));
  2144.   background: -webkit-linear-gradient(top,  rgba(255,183,0,1) 0%,rgba(255,140,0,1) 100%);
  2145.   background: -o-linear-gradient(top,  rgba(255,183,0,1) 0%,rgba(255,140,0,1) 100%);
  2146.   background: -ms-linear-gradient(top,  rgba(255,183,0,1) 0%,rgba(255,140,0,1) 100%);
  2147.   background: linear-gradient(to bottom,  rgba(255,183,0,1) 0%,rgba(255,140,0,1) 100%);
  2148.   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb700', endColorstr='#ff8c00',GradientType=0 );
  2149.   border: 1px solid #e59500;
  2150. }
  2151.  
  2152.   .orange:hover {
  2153.     background: rgb(255,203,72);
  2154.     background: -moz-linear-gradient(top,  rgba(255,203,72,1) 0%, rgba(255,156,35,1) 100%);
  2155.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,203,72,1)), color-stop(100%,rgba(255,156,35,1)));
  2156.     background: -webkit-linear-gradient(top,  rgba(255,203,72,1) 0%,rgba(255,156,35,1) 100%);
  2157.     background: -o-linear-gradient(top,  rgba(255,203,72,1) 0%,rgba(255,156,35,1) 100%);
  2158.     background: -ms-linear-gradient(top,  rgba(255,203,72,1) 0%,rgba(255,156,35,1) 100%);
  2159.     background: linear-gradient(to bottom,  rgba(255,203,72,1) 0%,rgba(255,156,35,1) 100%);
  2160.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb48', endColorstr='#ff9c23',GradientType=0 );
  2161.   }
  2162.  
  2163. .magenta {
  2164.   background: rgb(255,130,172);
  2165.   background: -moz-linear-gradient(top,  rgba(255,130,172,1) 0%, rgba(247,37,129,1) 100%);
  2166.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,130,172,1)), color-stop(100%,rgba(247,37,129,1)));
  2167.   background: -webkit-linear-gradient(top,  rgba(255,130,172,1) 0%,rgba(247,37,129,1) 100%);
  2168.   background: -o-linear-gradient(top,  rgba(255,130,172,1) 0%,rgba(247,37,129,1) 100%);
  2169.   background: -ms-linear-gradient(top,  rgba(255,130,172,1) 0%,rgba(247,37,129,1) 100%);
  2170.   background: linear-gradient(to bottom,  rgba(255,130,172,1) 0%,rgba(247,37,129,1) 100%);
  2171.   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff82ac', endColorstr='#f72581',GradientType=0 );
  2172.   border: 1px solid #c60a56;
  2173. }
  2174.  
  2175.   .magenta:hover {
  2176.     background: rgb(255,155,189);
  2177.     background: -moz-linear-gradient(top,  rgba(255,155,189,1) 0%, rgba(248,62,143,1) 100%);
  2178.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,155,189,1)), color-stop(100%,rgba(248,62,143,1)));
  2179.     background: -webkit-linear-gradient(top,  rgba(255,155,189,1) 0%,rgba(248,62,143,1) 100%);
  2180.     background: -o-linear-gradient(top,  rgba(255,155,189,1) 0%,rgba(248,62,143,1) 100%);
  2181.     background: -ms-linear-gradient(top,  rgba(255,155,189,1) 0%,rgba(248,62,143,1) 100%);
  2182.     background: linear-gradient(to bottom,  rgba(255,155,189,1) 0%,rgba(248,62,143,1) 100%);
  2183.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9bbd', endColorstr='#f83e8f',GradientType=0 );
  2184.   }
  2185.  
  2186. .cyan {
  2187.   background: rgb(130,207,241);
  2188.   background: -moz-linear-gradient(top,  rgba(130,207,241,1) 0%, rgba(56,174,234,1) 100%);
  2189.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,207,241,1)), color-stop(100%,rgba(56,174,234,1)));
  2190.   background: -webkit-linear-gradient(top,  rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%);
  2191.   background: -o-linear-gradient(top,  rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%);
  2192.   background: -ms-linear-gradient(top,  rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%);
  2193.   background: linear-gradient(to bottom,  rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%);
  2194.   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cff1', endColorstr='#38aeea',GradientType=0 );
  2195.   border: 1px solid #3cafcf;
  2196. }
  2197.  
  2198.   .cyan:hover {
  2199.     background: rgb(153,216,244);
  2200.     background: -moz-linear-gradient(top,  rgba(153,216,244,1) 0%, rgba(79,183,236,1) 100%);
  2201.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,216,244,1)), color-stop(100%,rgba(79,183,236,1)));
  2202.     background: -webkit-linear-gradient(top,  rgba(153,216,244,1) 0%,rgba(79,183,236,1) 100%);
  2203.     background: -o-linear-gradient(top,  rgba(153,216,244,1) 0%,rgba(79,183,236,1) 100%);
  2204.     background: -ms-linear-gradient(top,  rgba(153,216,244,1) 0%,rgba(79,183,236,1) 100%);
  2205.     background: linear-gradient(to bottom,  rgba(153,216,244,1) 0%,rgba(79,183,236,1) 100%);
  2206.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d8f4', endColorstr='#4fb7ec',GradientType=0 );
  2207.   }
  2208.  
  2209. .red {
  2210.   background: #e25b53;
  2211.   background: -moz-linear-gradient(top,  #e25b53 0%, #dd2011 100%);
  2212.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e25b53), color-stop(100%,#dd2011));
  2213.   background: -webkit-linear-gradient(top,  #e25b53 0%,#dd2011 100%);
  2214.   background: -o-linear-gradient(top,  #e25b53 0%,#dd2011 100%);
  2215.   background: -ms-linear-gradient(top,  #e25b53 0%,#dd2011 100%);
  2216.   background: linear-gradient(to bottom,  #e25b53 0%,#dd2011 100%);
  2217.   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25b53', endColorstr='#dd2011',GradientType=0 );
  2218.   border: 1px solid #c42222;
  2219. }
  2220.  
  2221.   .red:hover {
  2222.     background: #dd7671;
  2223.     background: -moz-linear-gradient(top,  #dd7671 0%, #dd2011 100%);
  2224.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd7671), color-stop(100%,#dd2011));
  2225.     background: -webkit-linear-gradient(top,  #dd7671 0%,#dd2011 100%);
  2226.     background: -o-linear-gradient(top,  #dd7671 0%,#dd2011 100%);
  2227.     background: -ms-linear-gradient(top,  #dd7671 0%,#dd2011 100%);
  2228.     background: linear-gradient(to bottom,  #dd7671 0%,#dd2011 100%);
  2229.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd7671', endColorstr='#dd2011',GradientType=0 );
  2230.   }
  2231.  
  2232. .black {
  2233.   background: #444444;
  2234.   background: -moz-linear-gradient(top,  #444444 0%, #1c1c1c 100%);
  2235.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#1c1c1c));
  2236.   background: -webkit-linear-gradient(top,  #444444 0%,#1c1c1c 100%);
  2237.   background: -o-linear-gradient(top,  #444444 0%,#1c1c1c 100%);
  2238.   background: -ms-linear-gradient(top,  #444444 0%,#1c1c1c 100%);
  2239.   background: linear-gradient(to bottom,  #444444 0%,#1c1c1c 100%);
  2240.   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#1c1c1c',GradientType=0 );
  2241.   border: 1px solid #2a2a2a;
  2242. }
  2243.  
  2244.   .black:hover {
  2245.     background: #686868;
  2246.     background: -moz-linear-gradient(top,  #686868 0%, #1c1c1c 100%);
  2247.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686868), color-stop(100%,#1c1c1c));
  2248.     background: -webkit-linear-gradient(top,  #686868 0%,#1c1c1c 100%);
  2249.     background: -o-linear-gradient(top,  #686868 0%,#1c1c1c 100%);
  2250.     background: -ms-linear-gradient(top,  #686868 0%,#1c1c1c 100%);
  2251.     background: linear-gradient(to bottom,  #686868 0%,#1c1c1c 100%);
  2252.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#1c1c1c',GradientType=0 );
  2253.   }
  2254.  
  2255. .green {
  2256.   background: #82cc5d;
  2257.   background: -moz-linear-gradient(top,  #82cc5d 0%, #53b73c 100%);
  2258.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82cc5d), color-stop(100%,#53b73c));
  2259.   background: -webkit-linear-gradient(top,  #82cc5d 0%,#53b73c 100%);
  2260.   background: -o-linear-gradient(top,  #82cc5d 0%,#53b73c 100%);
  2261.   background: -ms-linear-gradient(top,  #82cc5d 0%,#53b73c 100%);
  2262.   background: linear-gradient(to bottom,  #82cc5d 0%,#53b73c 100%);
  2263.   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cc5d', endColorstr='#53b73c',GradientType=0 );
  2264.   border: 1px solid #429E34;
  2265. }
  2266.  
  2267.   .green:hover {
  2268.     background: #99cc80;
  2269.     background: -moz-linear-gradient(top,  #99cc80 0%, #53b73c 100%);
  2270.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99cc80), color-stop(100%,#53b73c));
  2271.     background: -webkit-linear-gradient(top,  #99cc80 0%,#53b73c 100%);
  2272.     background: -o-linear-gradient(top,  #99cc80 0%,#53b73c 100%);
  2273.     background: -ms-linear-gradient(top,  #99cc80 0%,#53b73c 100%);
  2274.     background: linear-gradient(to bottom,  #99cc80 0%,#53b73c 100%);
  2275.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc80', endColorstr='#53b73c',GradientType=0 );
  2276.   }
  2277.  
  2278.  
  2279. .button-bevel {
  2280.   vertical-align: top;
  2281.   border-radius: 4px;
  2282.   border: none;
  2283.   padding: 10px 25px 12px;
  2284. }
  2285.  
  2286.   .button-bevel:active {
  2287.     position: relative;
  2288.     top: 5px;
  2289.   }
  2290.  
  2291. .button-bevel.orange {
  2292.   box-shadow: #c46d00 0 6px 0px, rgba(0, 0, 0, 0.3) 0 10px 3px;
  2293. }
  2294.  
  2295.   .button-bevel.orange:active {
  2296.     box-shadow: #c46d00 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px;  
  2297.   }
  2298.  
  2299. .button-bevel.magenta {
  2300.   box-shadow: #ca075c 0 6px 0px, rgba(0, 0, 0, 0.3) 0 10px 3px;
  2301. }
  2302.  
  2303.   .button-bevel.magenta:active {
  2304.     box-shadow: #ca075c 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px;  
  2305.   }
  2306.  
  2307. .button-bevel.cyan {
  2308.   box-shadow: #1994d3 0 6px 0px, rgba(0, 0, 0, 0.3) 0 10px 3px;
  2309. }
  2310.  
  2311.   .button-bevel.cyan:active {
  2312.     box-shadow: #1994d3 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px;  
  2313.   }
  2314.  
  2315. .button-bevel.red {
  2316.   box-shadow: #88180e 0 6px 0px, rgba(0, 0, 0, 0.3) 0 10px 3px;
  2317. }
  2318.  
  2319.   .button-bevel.red:active {
  2320.     box-shadow: #88180e 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px;  
  2321.   }
  2322.  
  2323. .button-bevel.black {
  2324.   box-shadow: #000 0 6px 0px, rgba(0, 0, 0, 0.3) 0 10px 3px, inset rgba(255, 255, 255, 0.3) 0 0 3px;
  2325. }
  2326.  
  2327.   .button-bevel.black:active {
  2328.     box-shadow: #000 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px, inset rgba(255, 255, 255, 0.3) 0 0 3px;  
  2329.   }
  2330.  
  2331. .button-bevel.green {
  2332.   box-shadow: #439230 0 6px 0px, rgba(0, 0, 0, 0.3) 0 10px 3px;
  2333. }
  2334.  
  2335.   .button-bevel.green:active {
  2336.     box-shadow: #439230 0 3px 0, rgba(0, 0, 0, 0.2) 0 6px 3px;  
  2337.   }
  2338.  
  2339.  
  2340.   .navbar-badge{
  2341.         float:right;height:50px;display:block;margin:5px 0 0 5px;
  2342.   }
  2343.  
  2344.   /* SEARCH RESULTS OVERLAY */
  2345.   .ui-widget-overlay{
  2346.         background-color: #000 !important;
  2347.         opacity: 80% !important;
  2348.   }
  2349.    .ui-dialog-buttonpane { text-align: center !important; }
  2350.    .ui-dialog-buttonset { float:none !important; }
  2351.  
  2352.  
  2353.  
  2354. /* GIGYA STUFF, MOVED FROM GIGYA WIDGET */
  2355. #login-dialog .message {
  2356.     -moz-border-radius: 3px 3px 3px 3px;
  2357.     border-style: solid;
  2358.     border-width: 1px;
  2359.     margin: 0 0 16px 8px;
  2360.     padding: 12px;
  2361. }
  2362.  
  2363. .widget_gigya_user {
  2364.         margin: 10px 0 10px 0; 
  2365. }
  2366.  
  2367. .widget_gigya_user .thumbnail,
  2368. .widget_gigya_user .text {
  2369.         float:left;
  2370.         margin-left: 7px;
  2371. }
  2372.  
  2373. .widget_gigya_user .text {
  2374.         width: 60%;    
  2375. }
  2376.  
  2377. #dialog-header {
  2378.         padding-bottom: 20px;
  2379.         margin-bottom: 15px;
  2380.         border-bottom: 1px solid #777777;
  2381.         min-width: 680px;
  2382. }
  2383.  
  2384. #dialog-header img.thumbnail {
  2385.         width  : 50px;
  2386.         height : 50px;
  2387.         float  : left;
  2388. }
  2389.  
  2390. #dialog-header .text {
  2391.         float  : left;
  2392.         margin : 20px 10px 10px 10px;  
  2393. }
  2394.  
  2395. #gigya-account-linking-wrap {}
  2396.  
  2397. #gigya-account-linking-wrap,
  2398. #gigya-new-user-wrap {
  2399.         float:left;
  2400.         width: 280px;
  2401. }
  2402.  
  2403. #gigya-sep-wrap {
  2404.         float:left;    
  2405.         text-align: center;
  2406.         width: 30px;
  2407.         margin-left: 25px;
  2408.         margin-right: 25px;
  2409. }
  2410.  
  2411. #gigya-sep-wrap h3 {
  2412.        
  2413. }
  2414.  
  2415. #gigya-sep-wrap .sep-line {
  2416.         width:1px;
  2417.         background-color:#000000;
  2418.         height:120px;
  2419.         margin:auto;
  2420. }
  2421.  
  2422. #gigya-sep-wrap h3 {
  2423.         margin-top: 5px;
  2424.         margin-bottom: 5px;    
  2425. }
  2426.  
  2427. #login-dialog p.close {
  2428.         margin: 10px 20px 20px;
  2429.         text-align: right;
  2430. }
  2431.  
  2432. #login-dialog h3.label {
  2433.         margin-bottom: 5px;
  2434.         height       : 50px;
  2435.         font-size    : 12px;
  2436. }
  2437.  
  2438. #login-dialog input.input {
  2439.     background: none repeat scroll 0 0 #FBFBFB;
  2440.     border: 1px solid #E5E5E5;
  2441.     font-size: 24px;
  2442.     margin-bottom: 16px;
  2443.     margin-right: 6px;
  2444.     margin-top: 2px;
  2445.     padding: 3px;
  2446.     width: 97%;
  2447. }
  2448.  
  2449. #login-dialog p.error {
  2450.         background-color: #FFEBE8;
  2451.         border-color: #CC0000;
  2452.         margin-left:0px;
  2453.         margin-bottom: 15px;
  2454. }
  2455.  
  2456. #login-dialog p {
  2457.         margin-bottom: 5px;
  2458. }
  2459.  
  2460. #login-dialog .button-wrap {
  2461.         margin-bottom: 5px;
  2462.         text-align: right;
  2463. }
  2464.  
  2465. .ui-dialog-titlebar {
  2466.         display: none;
  2467. }
  2468.  
  2469. .float-left {
  2470.         float:left;
  2471. }
  2472.  
  2473. #login-dialog {
  2474.         display: none;
  2475.         text-align: left;
  2476. }
  2477.  
  2478. #wpadminbar img.avatar {
  2479.         width: 16px;
  2480.         height: 16px;  
  2481. }
  2482.  
  2483. .gig-share-button-top {
  2484.         margin: 0 0 10px 0;    
  2485. }
  2486.  
  2487. .gig-share-button-bottom {
  2488.         margin: 0 0 10px 0;    
  2489. }
  2490.  
  2491. /* Author sprites for footer */
  2492.  
  2493. #credits #editors ul li span.authorsprite{
  2494.         display: block;float:left;height:30px;width:30px;margin-right:10px;background-image:url('http://www.makeuseof.com/wp-content/themes/makeuseofnew/_ui/images/author_sprite.jpg');
  2495. }
  2496.  
  2497. .authorsprite.aibek {
  2498.                 background-position:0px 0px;
  2499. }
  2500. .authorsprite.mark {
  2501.                 background-position:0px -30px;
  2502. }
  2503. .authorsprite.jackson {
  2504.                 background-position:0px -60px;
  2505. }
  2506. .authorsprite.ryan {
  2507.                 background-position:0px -90px;
  2508. }
  2509. .authorsprite.james {
  2510.         background-position:0px -120px;
  2511. }
  2512. .authorsprite.erez {
  2513.                 background-position:0px -150px;
  2514. }
  2515. .authorsprite.kaly {
  2516.                 background-position:0px -180px;
  2517. }
  2518. .authorsprite.tina {
  2519.                 background-position:0px -210px;
  2520. }
  2521. .authorsprite.saikat {
  2522.                 background-position:0px -240px;
  2523. }
  2524. .authorsprite.justin {
  2525.                 background-position:0px -270px;
  2526. }
  2527. .authorsprite.angela {
  2528.                 background-position:0px -300px;
  2529. }
  2530. .authorsprite.chris {
  2531.                 background-position:0px -330px;
  2532. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top