body { background-color: #fff; font-family: "Open Sans", sans-serif; overflow: auto; -webkit-overflow-scrolling: touch; max-width: 1000px; margin: auto; } article { margin-left: 300px; /* Same as the width of the sidenav */ padding: 10px 10px 10px 20px; height: 100%; overflow: visible; -webkit-overflow-scrolling: touch; } .sidenav { height: 100%; width: 300px; position: fixed; z-index: 1; overflow: auto; /*background-color: #F2F2F2;*/ padding-top: 25px; padding-bottom: 25px; /*border-right: 1px solid #818181;*/ } .sidenav a { padding: 6px 8px 6px 16px; text-decoration: none; color: #9A9A9A; display: block; } .sidenav a:hover { color: #575556; } .toc2{ font-size: 100%; padding-left: 5px; } .toc3{ font-size: 90%; padding-left: 15px; } .toc4{ font-size: 85%; padding-left: 25px; } @media screen and (max-width: 700px) { .sidenav { display: none; } article { margin-left: 0px; } figure { margin-left: 0px; } } h1, h2, h3, h4 { display: block; margin: 0px 0px 0px 0px; font-weight: bold; color: #575556; } h1 { font-size: 200%; padding: 10px 0px 20px 0px; line-height:120%; } h2 { font-size: 130%; padding: 20px 0px 0px 0px; } h3 { font-size: 110%; padding: 15px 0px 0px 0px; } h4 { padding: 10px 0px 0px 0px; font-size: 100%; } p { margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; line-height: 150%; } p a { color: #4B7D92; text-decoration: none; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } hr { border: 0; width: 80%; background-color: #8FA190; height: 3px; } figure { margin: 0px 0px 0px 0px; padding: 20px 10px 20px 10px; } img { width: auto; max-width: 100%; } table { font-size: 80%; width: 100%; border-top: 1px solid; border-bottom: 1px solid; border-collapse: collapse; } thead { background-color: #D2D9D2; border-bottom: 1px solid; } th, td{ vertical-align: top; padding: 3px 3px 3px 3px; margin: 0px 0px 0px 0px; } th p, td p{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 130%; } .header { font-size: 80%; color: #575556; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: center; } .abstract { background-color: #D2D9D2; border-left: 5px solid #8fa190; padding: 0px 10px 5px 20px; margin-top: 10px; } .doi a { color: #4B7D92; text-decoration: none } .article-authors { font-size: 115%; font-weight: bold; } .article-authors a{ text-decoration: none; color: #4B7D92; font-weight: normal; } .ref-list { background-color: #D2D9D2; padding: 10px 10px 10px 10px; font-size: 75%; } .ref-list a { color: #4B7D92; text-decoration: none } .disp-formula-group{ padding: 10px 0px 10px 0px; } .article-label{ font-size: 80%; padding: 0px 50px 10px 0px; } .title { font-size: 80%; font-weight: normal; padding: 10px 3px 10px 3px; color: #575556; } .title a{ color: #4B7D92; text-decoration: none; }