Permalink
Browse files

Too many fixes to describe

indescribable.
  • Loading branch information...
1 parent 55aa733 commit 3d5c67cafecd15d943a3d634f99fb04b42b90f9e @impressivewebs committed Jul 1, 2013
View
@@ -0,0 +1,8 @@
+# [Fixed Table of Contents Drop-Down Menu jQuery Plugin](http://www.impressivewebs.com/fixed-table-of-contents-drop-down-menu-jquery-plugin/)
+=========================
+
+A fixed table of contents drop-down menu jQuery plugin.
+
+Just change the markup to add more depth to the menus. The script should automatically recognize deeper menus, as long as you have the corresponding sections in the content area.
+
+If you want to go deeper than three levels, you'll have to add some extra CSS to indent the menus. Just look for the part with "li li li" and adjust accordingly.
@@ -0,0 +1,29 @@
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
+ margin:0;
+ padding:0;
+}
+table {
+ border-collapse:collapse;
+ border-spacing:0;
+}
+fieldset,img {
+ border:0;
+}
+address,caption,cite,code,dfn,em,strong,th,var {
+ font-style:normal;
+ font-weight:normal;
+}
+ol,ul {
+ list-style:none;
+}
+caption,th {
+ text-align:left;
+}
+h1,h2,h3,h4,h5,h6 {
+ font-size:100%;
+ font-weight:normal;
+}
+q:before,q:after {
+ content:'';
+}
+abbr,acronym { border:0;}
@@ -0,0 +1,198 @@
+body {
+ margin: 0 auto;
+ font-family: Georgia, 'Times New Roman', serif;
+ font-size: 20px;
+ color: #343434;
+ background: #ebddba;
+ background: -webkit-linear-gradient(#ebddba, #f9f1dd, #ebddba);
+ background: -moz-linear-gradient(#ebddba, #f9f1dd, #ebddba);
+ background: -o-linear-gradient(#ebddba, #f9f1dd, #ebddba);
+ background: -ms-linear-gradient(#ebddba, #f9f1dd, #ebddba);
+ background: linear-gradient(#ebddba, #f9f1dd, #ebddba);
+ overflow-x: hidden;
+}
+
+a {
+ color: #3381d6;
+ -webkit-transition: color .7s ease;
+ -moz-transition: color .7s ease;
+ -o-transition: color .7s ease;
+ -ms-transition: color .7s ease;
+ transition: color .7s ease;
+}
+
+a:hover, a:active, a:focus {
+ color: #e06c1f;
+}
+
+.container {
+ width: 90%;
+ max-width: 900px;
+ margin: 0 auto;
+ position: relative;
+ padding: 70px 10px 0 10px;
+}
+
+.toc-holder {
+ width: 18%;
+ min-width: 360px;
+}
+
+.toc-holder a {
+ text-decoration: none;
+ -webkit-transition: all .7s ease;
+ -moz-transition: all .7s ease;
+ -o-transition: all .7s ease;
+ -ms-transition: all .7s ease;
+ transition: all .7s ease;
+}
+
+.toc-holder li li a {
+ padding-left: 60px;
+}
+
+.toc-holder li li li a {
+ padding-left: 90px;
+}
+
+.toc-holder li a:hover {
+ background: #666;
+ padding-left: 35px;
+}
+
+.toc-holder li li a:hover {
+ padding-left: 65px;
+}
+
+.toc-holder li li li a:hover {
+ padding-left: 95px;
+}
+
+.toc-holder {
+ position: fixed;
+ margin-top: -70px;
+}
+
+a.toc-link {
+ color: white;
+ position: relative;
+ display: block;
+ z-index: 20;
+ height: 40px;
+ line-height: 40px;
+ padding-left: 10px;
+ width: 100%;
+ background: #444;
+}
+
+a.toc-link:hover {
+ background: #666;
+}
+
+.toc-link span {
+ font-size: 16px;
+ margin-right: 5px;
+ display: inline-block;
+ -webkit-transition: -webkit-transform .4s ease;
+ -moz-transition: -moz-transform .4s ease;
+ -o-transition: -o-transform .4s ease;
+ -ms-transition: -ms-transform .4s ease;
+ transition: transform .4s ease;
+}
+
+.toc-link span.rotate {
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ -o-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+
+.toc {
+ position: absolute;
+ z-index: 10;
+ width: 103%;
+ background: #222;
+ padding: 40px 0 20px 0;
+}
+
+.toc-h1,.toc-h1 ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.toc-h1 a {
+ color: white;
+ padding: 5px 20px 5px 30px;
+ display: block;
+}
+
+.closed {
+ display: block;
+}
+
+h1 {
+ font-family: Georgia, sans-serif;
+ font-size: 2.3em;
+ font-style: italic;
+ margin: 0 0 40px 0;
+ text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 5px;
+}
+
+footer {
+ padding-bottom: 30px;
+}
+
+p {
+ margin-bottom: 30px;
+}
+
+.p1 {
+ color: darkgreen;
+}
+
+h2 {
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 30px;
+ font-weight: bold;
+}
+
+.top-link {
+ display: block;
+ text-decoration: none;
+ position: fixed;
+ bottom: 0;
+ right: 2%;
+ color: white;
+ background: #222;
+ padding: 8px 16px 0 16px;
+ height: 30px;
+ font-size: 14px;
+ -webkit-border-radius: 10px 10px 0 0;
+ -moz-border-radius: 10px 10px 0 0;
+ border-radius: 10px 10px 0 0;
+}
+
+@media (max-width: 480px) {
+
+ .toc-holder {
+ left: 0;
+ right: 0;
+ }
+
+ .toc-link {
+ width: 150%;
+ }
+
+ .toc {
+ width: 155%;
+ }
+
+ .top-link {
+ top: 2px;
+ z-index: 20;
+ background: none;
+ }
+
+}
View
Oops, something went wrong.
Oops, something went wrong.

0 comments on commit 3d5c67c

Please sign in to comment.