SHARE
TWEET

Site Map

Abrar786 Aug 14th, 2016 20 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div id="tabbed-toc">
  2. <span class="loading">Loading, please wait for a moment...</span></div>
  3. <br />
  4. <script type="text/javascript">
  5. var tabbedTOC = {
  6.     blogUrl: "http://informationtechnology127.blogspot.com/", // Enter your blog URL
  7.     containerId: "tabbed-toc", // Container ID
  8.     activeTab: 1, // The default active tab index (default: the first tab)
  9.     showDates: false, // `true` to show the post date
  10.     showSummaries: false, // `true` to show the posts summaries
  11.     numChars: 200, // Number of summary chars
  12.     showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
  13.     thumbSize: 40, // Default thumbnail size
  14.     noThumb: "", // A "no thumbnail" URL
  15.     monthNames: [ // Array of month names
  16.         "January",
  17.         "February",
  18.         "March",
  19.         "April",
  20.         "May",
  21.         "June",
  22.         "July",
  23.         "August",
  24.         "September",
  25.         "October",
  26.         "November",
  27.         "December"
  28.     ],
  29.     newTabLink: true, // Open link in new window. `false` to open in same window
  30.     maxResults: 99999, // Maximum post results
  31.     preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
  32.     sortAlphabetically: true, // `false` to sort posts by published date
  33.     showNew: 7, // `false` to hide the "New!" mark in most recent posts or
  34. //define how many recent posts are to be marked by changing the number
  35.     newText: " - <em style='color: white;padding: 1px 5px;border-radius: 20px;background-color: #F00;'>New!</em>" // HTML/CSS for
  36. //the "New!" text
  37. };
  38. </script>
  39. <script src="https://googledrive.com/host/0B_PLgWpOK_wTazVMekZ3TTBiY2M/" type="text/javascript"></script>
  40. <style>
  41. /*Sitemap  */
  42. #tabbed-toc {
  43.  width: 99%;
  44.  margin: 0 auto;
  45.  overflow: hidden !important;
  46.  position: relative;
  47.  color: #222;
  48.  border: 0;
  49.  border-top: 5px solid #FC0204;
  50.  background-color: #1D1D1D;
  51.  -webkit-transition: all 0.4s ease-in-out;
  52. }
  53. #tabbed-toc .loading {
  54.  display:block;
  55.  padding:5px 15px;
  56.  font:normal bold 11px Arial,Sans-Serif;
  57.  color:#FFF;
  58. }
  59. #tabbed-toc ul,
  60. #tabbed-toc ol,
  61. #tabbed-toc li {
  62.  margin:0;
  63.  padding:0;
  64.  list-style:none;
  65.  }
  66. #tabbed-toc .toc-tabs {
  67.  width: 24.8%;
  68.  float: left !important;
  69. }
  70. #tabbed-toc .toc-tabs li a {
  71.  display:block;
  72.  font:normal bold 10px/28px Arial,Sans-Serif;
  73.  height:28px;
  74.  overflow:hidden;
  75.  text-overflow:ellipsis;
  76.  color:#ccc;
  77.  text-transform:uppercase;
  78.  text-decoration:none;
  79.  padding:0 12px;
  80.  cursor:pointer;
  81.   -webkit-transition: all 0.3s ease-in-out;
  82. }
  83. #tabbed-toc .toc-tabs li a:hover {
  84.  background-color: #515050;
  85.  color: #FFF;
  86.  }
  87. #tabbed-toc .toc-tabs li a.active-tab {
  88.  background-color: #FFFC03;
  89.  color: #222;
  90.  position: relative;
  91.  z-index: 5;
  92.  margin: 0 -2px 0 0;
  93. }
  94. #tabbed-toc .toc-content,
  95. #tabbed-toc .divider-layer {
  96.  width: 75%;
  97.  float: right !important;
  98.  background-color: #F5F5F5;
  99.  border-left: 5px solid #FFFC03;
  100.  -webkit-box-sizing: border-box;
  101.  -moz-box-sizing: border-box;
  102.  box-sizing: border-box;
  103.  -webkit-transition: all 0.3s ease-in-out;
  104. }
  105. #tabbed-toc .divider-layer {
  106.  float:none;
  107.  display:block;
  108.  position:absolute;
  109.  top:0; right:0; bottom:0;
  110. }
  111. #tabbed-toc .panel {
  112.  position:relative;
  113.  z-index:5;
  114.  font:normal normal 10px Arial,Sans-Serif;
  115. }
  116. #tabbed-toc .panel li a {
  117.  display: block;
  118.  position: relative;
  119.  font-weight: bold;
  120.  font-size: 11px;
  121.  color: #222;
  122.  line-height: 2.8em;
  123.  height: 30px;
  124.  padding: 0 10px;
  125.  text-decoration: none;
  126.  outline: none;
  127.  overflow: hidden;
  128.  -webkit-transition: all 0.3s ease-in-out;
  129. }
  130. #tabbed-toc .panel li time {
  131.  display:block;
  132.  font-style:italic;
  133.  font-weight:400;
  134.  font-size:10px;
  135.  color:#666;
  136.  float:right;
  137. }
  138. #tabbed-toc .panel li .summary {
  139.  display:block;
  140.  padding:10px 12px;
  141.  font-style:italic;
  142.  border-bottom:4px solid #275827;
  143.  overflow:hidden;
  144. }
  145. #tabbed-toc .panel li .summary img.thumbnail {
  146.  float:left;
  147.  display:block;
  148.  margin:0 8px 0 0;
  149.  padding:4px;
  150.  width:72px;
  151.  height:72px;
  152.  border:1px solid #dcdcdc;
  153.  background-color:#fafafa;
  154. }
  155. #tabbed-toc .panel li:nth-child(even) {
  156.  background-color: #DBDBDB;
  157.  font-size: 10px;
  158. }
  159. #tabbed-toc .panel li a:hover,
  160. #tabbed-toc .panel li a:focus,
  161. #tabbed-toc .panel li a:hover time,
  162. #tabbed-toc .panel li.bold a {
  163.  background-color:#222;
  164.  color:#FFF;
  165.  outline:none;
  166.  -webkit-transition: all 0.3s ease-in-out;
  167. }
  168. #tabbed-toc .panel li.bold a:hover,
  169. #tabbed-toc .panel li.bold a:hover time {
  170.  background-color:#222;
  171. }
  172. @media (max-width:700px) {
  173. #tabbed-toc {
  174.  background-color:#fff;
  175.  border:0 solid #888;
  176. }
  177. #tabbed-toc .toc-tabs,
  178. #tabbed-toc .toc-content {
  179.  overflow:hidden;
  180.  width:auto;
  181.  float:none !important;
  182.  display:block;
  183. }
  184. #tabbed-toc .toc-tabs li {
  185.  display:inline;
  186.  float:left !important;
  187. }
  188. #tabbed-toc .toc-tabs li a,
  189. #tabbed-toc .toc-tabs li a.active-tab {
  190.  background-color:#222;
  191.  color:#ccc;
  192. }
  193. #tabbed-toc .toc-tabs li a.active-tab {
  194.  color:#000;
  195. }
  196. #tabbed-toc .toc-content {
  197.  border:none;
  198. }
  199. #tabbed-toc .divider-layer,
  200. #tabbed-toc .panel li time {
  201.  display:none;
  202. }
  203. }
  204. </style>
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