Abrar786

Site Map

Aug 14th, 2016
451
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.00 KB | None | 0 0
  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>
Add Comment
Please, Sign In to add comment