/* Original design: Origo (v1.1 - Oct 04, 2012) - A free xhtml/css website template by Andreas Viklund. For more information, see http://andreasviklund.com/templates/origo/ */ *{margin:0; padding:0;} /* General styles */ body {background:#0a0a0a url(images/background.jpg) top center no-repeat; color:#ccc; font:110% 'Economica',Tahoma,sans-serif; line-height:1.3em;} a {color:#d06060; text-decoration:none; font-weight:400;} a:hover {text-decoration:underline;} p,ul,ol,dl {margin:0 0 15px 0; line-height:1.5em;} h1 {color:#888; font-size:3.6em; margin-bottom:0;} h1 a {text-transform:none; font-weight:400;} h1 a:hover {text-decoration:none; color:#eee;} h2 {font-size:2.2em; color:#333; margin:0 0 5px;} h3 {font-size:1.6em; margin:0 0 5px 0;} h1,h2,h3 {color:#d06060; font-weight:400; line-height:1.2em; font-family:'Economica', sans-serif;} /* Main layout container */ #layout {background:#fff; margin:40px auto 0; width:960px;} body.wider #layout {margin:40px auto 0; width:1200px;} /* Footer */ #footer {background:#0a0a0a url(images/insidebg.jpg) top center no-repeat;} #footer .col {color:#555; border-top:1px dotted #1a1a1a; padding:20px 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;} .pic {margin:0px;margin-left:10px;width:140px;height:170px;overflow:hidden;} .pic img {display:block} 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:10px 0; border-top:1px solid #333;} ul.menu li {list-style:none; text-align:center; font-size:1.2em; margin:0 0 10px; padding:0 0 8px 0; color:#888; border-bottom:1px solid #333;} ul.menu li a {font-size:1.2em; font-weight:400;} ul.menu li a:hover {color:#eee; text-decoration:none;} /* Additional text classes */ .slogan {color:#bbb; font-size:1.2em;} .alignleft {text-align:left;} .alignright {text-align:right;} .aligncenter {text-align:center;} .alignjustify {text-align:justify;} .nomargin {margin:0; padding:0;} .separator {height:100px; margin:0; padding:0; background: #0a0a0a url(images/insidebg2.jpg) bottom center no-repeat; border-bottom:1px dotted #1a1a1a;} .larger {font-size:1.2em;} .smaller {font-size:0.9em;} .spacer {margin:0 20px;} .clear {clear:both;} .hide {display:none;} /* Light styles, apply by using class="light" on the body HTML element */ body.light {background:#f4f4f4 url(images/background-light.jpg) top center no-repeat; color:#555;} body.light a {color:#d06060;} body.light a:hover {color:#555;} body.light h1 {color:#888; font-size:3.6em; margin-bottom:0;} body.light h1 a:hover {color:#303030;} body.light h2 {color:#555;} body.light h1, body.light h2, body.light h3 {color:#d06060;} 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 .separator {background: #f5f5f5 url(images/insidebg2-light.jpg) bottom center no-repeat; border-bottom:1px dotted #ccc;} body.light .slogan {color:#888;} body.light #footer {background:#fff url(images/insidebg-light.jpg) top center no-repeat;} 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;} /* Alternate colors, apply by adding class="blue" (or any of the other available colors) to the body HTML element */ body.blue a {color:#3288a8;} body.blue h1, body.blue h2, body.blue h3 {color:#3288a8;} body.pink a {color:#f06ba0;} body.pink h1, body.pink h2, body.pink h3 {color:#f06ba0;} body.orange a {color:#e58c24;} body.orange h1, body.orange h2, body.orange h3 {color:#e58c24;} /* Freestyle01 additions */ body.freestyle01 {font:84% Tahoma,sans-serif;} body.freestyle01 #layout {margin:20px auto 0; width:960px;} body.freestyle01 h1, body.freestyle01 h2, body.freestyle01 h3, body.freestyle01 ul.menu li a {font-family: 'Dosis', sans-serif; text-transform:uppercase;} body.freestyle01 p.slogan {font-family: 'Dosis', sans-serif; text-transform:uppercase; margin-top:10px; font-size:1.4em;} body.freestyle01 h1 {line-height:1.7em;} body.freestyle01 h1 {font-size:2.6em;} body.freestyle01 h2 {font-size:1.8em;} body.freestyle01 h3 {font-size:1.3em;} body.freestyle01 ul.menu {list-style:none; margin:0 0 15px 0; border:0; padding:0; position:relative;} body.freestyle01 ul.menu li {list-style:none; text-align:left; font-size:1.2em; margin:0 0 1px; border:0; color:#888;} body.freestyle01 ul.menu li a {font-size:1em; color:#555; padding:7px 5px 7px 8px; border-left:5px solid #ccc; background-color:#eaeaea; display:block; font-weight:400;} body.freestyle01 ul.menu li a:hover, body.freestyle01 ul.menu li a.current {color:#333; border-color:#3288a8; background-color:#dadada;text-decoration:none;} body.freestyle01 ul.menu ul.subpages {margin:9px 0 -10px 15px;} body.freestyle01 ul.menu ul.subpages a {font-size:0.8em; padding:4px 5px 4px 8px;} body.freestyle01 #footer {font-size:0.9em; color:#999;} body.freestyle01 #footer p {color:#999;} body.freestyle01 #footer p a {color:#999;} body.freestyle01 #footer p a:hover {color:#555;} /* ADDED BY MATT */ h3 { margin-top: 1ex } .paper { margin-top: 2ex; margin-bottom: 2ex; } .paper-authors { } .paper-title { font-style: italic } img.logo { margin-bottom: 30px; } .session { margin:0 0 15px 0; line-height:1.5em; } .session-heading, .talk-title { font-size: 1.8ex } .session-contents { margin-left: 5ex; margin-right: 2ex; } .session-time { font-weight: bold } .talk-title { margin-top: 1.5ex; } .authors, .speaker { font-style: italic; text-align: right } input[type=text], input[type=submit] { width: 30em; padding: 2pt; margin: 3pt 0pt; border: solid 1px #ccc; border-radius: 2pt; background-color: #eee; } form { width: 30em; padding: 3em; border: solid 1px #ccc; margin: auto; border-radius: 2pt;} .info { cursor: help; margin: 10px 0 0 0; line-height: 1.2em;} .session p { margin-top: 0 } .info + p { margin: 0 1em 5px 1px; padding-left:1em; padding-top: 1pt; margin-top:2pt; border-left:solid 1px #ccddee; text-align:justify; line-height: 1.2em; font-size: 92%} .info + p::before { content:"Abstract. "; font-weight: bold } .break { color: #888; background-color: #fafafa; margin-bottom: 0} body.blue .break a { color: #888; } .session { margin-bottom: 0; border-top: solid 1px #ccddee } .session h4 + p { font-size: 70%; border-bottom: solid 1px #ccddee; margin-bottom: 0 } .talk { padding-left: 6.15em; border-bottom: solid 1px #ccddee; padding-top: 1pt; padding-bottom: 1pt } .talk p:first-child { text-indent: -6.15em; } .invited { background-color: #e5ecf9 } .day { margin-top: 1.7em } .slack::before, a[href*="slack.com"]::before { padding-right: .5ex; margin-bottom:-5px; line-height: 12px; content: url(images/slack-icon-small.png)} .session h4 + p a[href*="slack.com"]::before { padding-right: .5ex; margin-bottom:-5px; line-height: 8px; content: url(images/slack-icon-tiny.png)} body.blue .break a[href*="slack.com"]::before { padding-right: .5ex; margin-bottom:-5px; line-height: 10px; content: url(images/slack-icon-gray.png)} .zoom::before, a[href*="zoom.us"]::before { padding-right: .5ex; margin-bottom:-5px; line-height: 12px; content: url(images/zoom-icon-small.png)} .session h4 + p a[href*="zoom.us"]::before { padding-right: .5ex; margin-bottom:-5px; line-height: 8px; content: url(images/zoom-icon-tiny.png)} a[href*="arxiv.org"]::before { padding-right: .5ex; margin-bottom:-5px; line-height: 12px; content: url(images/arxiv-icon-small.png)} a[href*="doi.org"]::before { padding-right: .5ex; margin-bottom:-5px; line-height: 12px; content: url(images/doi-icon-small.png)} .gather::before, a[href*="gather.town"]::before { padding-right: .5ex; margin-bottom:-5px; line-height: 12px; content: url(images/gather-icon-small.png)} .springer::before, a[href*="link.springer.com"]::before { padding-right: .5ex; margin-bottom:-5px; line-height: 12px; content: url(images/springer-icon-small.png)} .youtube::before, a[href*="youtube.com"]::before, a[href*="youtu.be"]::before { padding-right: .5ex; margin-bottom:-5px; line-height: 12px; content: url(images/youtube-icon-small.png)}