/* Original design: Leaves (v1.0 - Aug 29th, 2013) For more information, see http://andreasviklund.com/dt_portfolio/leaves/ */ /* *{margin:0; padding:0;} */ /* General styles */ body {background-color:#000; color:#ccc; font:80% "Lato",Tahoma,sans-serif; line-height:1.5em;} a {color:#33FF00; text-decoration:none; font-weight:400;} a:hover {text-decoration:underline;} /* p,ul,ol,dl {margin:0 0 15px 0; line-height:1.4em; font-size:1.2em;} */ p {margin:0 0 15px 0; line-height:1.4em; font-size:1.2em;} h1 {color:#44A400; font-size:4.6em; margin-bottom:0;} h1 a {text-transform:none; font-weight:400;} h1 a:hover {text-decoration:none; color:#eee;} h2 {font-size:2.8em; color:#44A400; margin:0 0 10px;} h3 {font-size:2.0em; color:#44A400;margin:0 0 12px 0;} h4 {font-size:1.8em; color:#44A400;margin:0 0 12px 0;} h5 {font-size:1.6em; color:#44A400;margin:0 0 10px 0;} h6 {font-size:1.4em; color:#44A400;margin:0 0 8px 0;} h1,h2,h3,h4,h5,h6,.navmenu a {font-family: sans-serif; color:#44A400; font-weight:400; line-height:1.4em;} /* Main layout container */ #layout {margin:20px auto 0; width:960px;} body.wider #layout {margin:20px auto 0; width:1200px;} /* Footer */ #footer {} #footer .col {color:#555; border-top:1px dotted #1a1a1a; padding:20px 0 0;} #footer p {text-align:center;} #footer a {color:#555; font-weight:400; text-decoration:none; border-bottom:1px dotted #333;} #footer a:hover {color:#aaa; text-decoration:none; border-bottom:1px dotted #888;} /* Grid classes, fixed width, 960px with 12 columns */ .col {float:left; margin:0 10px; overflow:hidden; float:left; display:inline;} .col img {max-width:100%;} .row {width:960px; margin:20px auto 0; overflow:hidden;} .row .row {margin:0 -10px; width:auto; display:inline-block;} .c1 {width:60px;} .c2 {width:140px;} .c3 {width:220px;} .c4 {width:300px;} .c5 {width:380px;} .c6 {width:460px;} .c7 {width:540px;} .c8 {width:620px;} .c9 {width:700px;} .c10 {width:780px;} .c11 {width:860px;} .c12 {width:940px;} /* Grid classes, fixed width, 1200px with 12 columns - add class="wider" to the element to use this */ body.wider .row {width:1200px;} body.wider .c1 {width:80px;} body.wider .c2 {width:180px;} body.wider .c3 {width:280px;} body.wider .c4 {width:380px;} body.wider .c5 {width:480px;} body.wider .c6 {width:580px;} body.wider .c7 {width:680px;} body.wider .c8 {width:780px;} body.wider .c9 {width:880px;} body.wider .c10 {width:980px;} body.wider .c11 {width:1080px;} body.wider .c12 {width:1180px;} /* Menu list styles */ ul.menu {list-style:none; margin:0; padding:0; line-height:2.6em; overflow:auto;} ul.menu li {list-style:none; text-align:center; font-size:1.2em; margin:10px ; color:#888; display:inline-block; position:relative;} ul.menu li a {font-size:1.2em; font-weight:400; color:#44A400;} ul.menu li a:hover{color:gray; text-decoration:none; padding:0 0 10px 0; border-bottom:1px solid #333;} ul.menu li a.active-link {font-weight:800; color:#333; padding:0 0 10px 0; border-bottom:2px solid #333;} /* menu left */ ul.menu-left {list-style:none; margin:0 0 10px 10px; padding:0 10px 0 0; line-height:1.4em; } ul.menu-left li {list-style:none; text-align:left; font-style:italic; font-size:1.0em; margin-top:10px ; color:#888; position:relative; } ul.menu-left li a {font-size:1.2em; font-weight:200; color:#44A400;} ul.menu-left li a:hover{color:gray; text-decoration:none; padding:0 ; border-bottom:1px solid #333;} ul.menu-left li a.active-link {font-weight:400; color:#333; padding:0 ; border-bottom:2px solid #333;} /* Additional text classes */ .slogan {color:#bbb; font-size:1.2em; margin-left:-40px;} .alignleft {text-align:left;} .alignright {text-align:right;} .aligncenter {text-align:center;} .alignjustify {text-align:justify;} .nomargin {margin:0; padding:0;} .larger {font-size:1.2em;} .smaller {font-size:0.9em;} .spacer {margin:0 20px;} .clear {clear:both;} .hide {display:none;} .border {border:1px solid red;} body .navmenu {line-height:2.6em;} /* Light styles, apply by using class="light" on the body HTML element */ body.light {background:#fff; border-top:16px solid #44A400; border-bottom:16px solid #44A400; color:#888; padding:0; margin:0;} body.light a {color:#44A400;} body.light a:hover {color:#555;} body.light h1 {color:#44A400; font-size:4.6em; margin-bottom:0;} body.light h1 a:hover {color:#303030;} body.light h2 {color:#44A400;} body.light h1, body.light h2, body.light h3 {color:#44A400;} /*body.light ul.menu {border-top:1px solid #ddd;} body.light ul.menu li {border-bottom:1px solid #ddd;} body.light ul.menu li a:hover {color:#333;}*/ body.light .slogan {color:#888;} body.light #footer .col {color:#555; border-top:1px dotted #ccc;} body.light #footer a {color:#555; border-bottom:1px dotted #ddd;} body.light #footer a:hover {color:#444; border-bottom:1px dotted #eee;} body.light .navmenu a {font-size:1.2em;} img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 1em 1em} a img.alignleft {float:left; margin:0 1em 1em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} .blockquote { font-style: italic; font-family: Georgia; color:#2F2F2F; margin:10px 0 10px; padding-left:10px; border-left: 2px solid #44A400; } blockquote { border-left: 1px solid #44A400; padding:10px; font-style: italic; } .notes { font-size:85%; } .poetic { text-align:center; font-style: italic; font-family: Georgia; color:#2F2F2F; } .bordered { border: 1px solid #888888; margin:10px 10px 20px 10px; padding:10px; background-image: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 6px 3px 12px rgba(85, 85, 85, 0.8); box-shadow: 6px 3px 12px rgba(85, 85, 85, 0.8); } .gray-line { margin:10px; border-top: 2px solid #c0c0c0;} .sep2 { padding: 4px 0 4px 0; border-bottom: 2px solid #B8B8B8; } #aonet {position:relative; padding:10px 6px 0px 0px;} #aonet a.title, a.dett {color: #555555;text-decoration:none; font-weight:normal;font-size:12px; } #aonet a.dett:hover {color: #d85d5d;text-decoration:none;} #aonet p { text-indent: 0px; text-align: left;font-weight: normal; color: #555555;border:0px;line-height: 1} .navmenu a {font-size:1.2em; margin: 0 20px 30px;} .headerimage img {border-radius:12px;} @media only screen and (max-width : 960px){ #layout, body.wider #layout {width:auto; margin:0; padding:4px;} .row {width:100%;} .col {margin:0 0 20px 0;} .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width:100%;} h1 {margin:-15px auto 5px; line-height:1.4em;} body .navmenu {margin:0px 0 -15px;} body .navmenu a {font-size:1.4em; display:inline-block; line-height:2.0em;padding:7px 12px; margin:0 10px 8px 0; background-color:#111; border:1px solid #222; border-radius:10px;} body.light .navmenu a {font-size:1.4em; display:inline-block; line-height:2.0em;padding:7px 12px; margin:0 10px 8px 0; background-color:#fff; border:1px solid #eee; border-radius:10px;} body .menu > a.current {border-color:#444;} body.light .menu > a.current {border-color:#ddd;} .headerimage img {width:100%; height:auto; } }