Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Jul 30th, 2014  |  syntax: CSS  |  size: 2.79 KB  |  views: 161  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /* ==================================================================
  2.         14.0 Dotstyle
  3. ================================================================== */
  4.  
  5. .dotstyle {
  6.         overflow: hidden;
  7.         padding: 31px;
  8.         padding-top: 60px;
  9.         width: 100%;
  10.         text-align: center;
  11.         margin: 0 auto;
  12.         position: fixed;
  13.         bottom: 0;
  14.         left: 0;
  15.         right: 0;
  16.         z-index: 10000;
  17.         /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  18.         background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  19.         background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
  20.         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
  21.         background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
  22.         background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
  23.         background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
  24.         background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
  25.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-8 */
  26. }
  27.  
  28. .dot-container {
  29.         display: table;
  30.         margin: 0 auto;
  31. }
  32.  
  33. /* Common styles and resets */
  34.  
  35. .dotstyle ul {
  36.         position: relative;
  37.         display: table;
  38.         margin: 0 16px;
  39.         padding: 0;
  40.         list-style: none;
  41.         cursor: default;
  42.         -webkit-touch-callout: none;
  43.         -webkit-user-select: none;
  44.         -khtml-user-select: none;
  45.         -moz-user-select: none;
  46.         -ms-user-select: none;
  47.         user-select: none;
  48.         float: left;
  49. }
  50.  
  51. .dotstyle li {
  52.         position: relative;
  53.         display: block;
  54.         float: left;
  55.         margin: 0 16px;
  56.         cursor: pointer;
  57. }
  58.  
  59. .dotstyle li a {
  60.         width: 100%;
  61.         height: 100%;
  62.         cursor: pointer;
  63. }
  64.  
  65. .dotstyle li a:focus {
  66.         outline: none;
  67. }
  68.  
  69. .dotstyle li a:hover {
  70.         color: #fff;
  71. }
  72.  
  73. /* Tooltip */
  74.  
  75. .dotstyle-tooltip li {
  76.         z-index: 1;
  77.         position: relative;
  78.         display: block;
  79. }
  80.  
  81. .dotstyle-tooltip li a {
  82.         padding: 0 10px;
  83.         color: #fff;
  84.         line-height: 1;
  85.         -webkit-transition: all 0.3s ease;
  86.         transition: all 0.3s ease;
  87. }
  88.  
  89. .dotstyle-tooltip li.current {
  90.         color: #fff;
  91. }
clone this paste RAW Paste Data