/* ***************************************************** ----------------------------------------------------- Theme Name: MoA Wordpress 12.2 Description: MoA'12 Version: 12.2 Author: Sebastian Greger Author URI: http://www.sebastiangreger.net/ Theme URI: http://www.sebastiangreger.net/ Tags: one-column, fixed-width by Sebastian Greger http://www.sebastiangreger.net/ ----------------------------------------------------- ***************************************************** */ /* ==|== normalize ========================================================== HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Force vertical scrollbar in non-IE * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } body { margin:0; font-size:12px; line-height:1.35; } body, button, input, select, textarea { font-family:'Open Sans',Helvetica,Arial,sans-serif; color:#000; } .brightness0 body, .brightness0 button, .brightness0 input, .brightness0 select, .brightness0 textarea, .brightness1 body, .brightness1 button, .brightness1 input, .brightness1 select, .brightness1 textarea { color:#fff; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ::-moz-selection{ background: #000; color:#fff; text-shadow: none; } ::selection { background:#000; color:#fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a, a:visited { color:#6f6f6f; text-decoration:none; } a:hover { } a:focus { outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/e */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; } /* * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */ table button, table input { *overflow: auto; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ==|== primary styles ===================================================== Author: Sebastian Greger ========================================================================== */ #container { padding:0 0 60px; height:100%; } .brightness0 { background-color:#0e1910; } .brightness0 * { border-color:#3f3f3f; color:#b2b2b2; } .brightness0 a, .brightness0 a:visited, .brightness0 #moabar_info em { color:#6f6f6f; } .brightness1 { background-color:#6f6f6f; } .brightness1 * { border-color:#535353; color:#000; } .brightness1 a, .brightness1 a:visited, .brightness1 #moabar_info em { color:#b2b2b2; } .brightness2 { background-color:#b2b2b2; } .brightness2 * { border-color:#858585; color:#000; } .brightness2 a, .brightness2 a:visited, .brightness2 #moabar_info em { color:#6f6f6f; } .brightness3 { background-color:#dadada; } .brightness3 * { border-color:#a3a3a3; color:#000; } .brightness3 a, .brightness3 a:visited, .brightness3 #moabar_info em { color:#6f6f6f; } .brightness4 { background-color:#fff; } .brightness4 * { border-color:#bfbfbf; color:#000; } .brightness4 a, .brightness4 a:visited, .brightness4 #moabar_info em { color:#6f6f6f; } #header { width:940px; height:220px; padding:20px 0; margin:0 auto; position:relative; z-index:100; } #logo { width:218px; height:218px; background:url(img/logo.png) -1px -1px no-repeat; position:absolute; top:20px; left:0; border:1px solid #0e1910; } .brightness0 #logo { border-color:#3f3f3f; } #nav { width:460px; height:220px; position:relative; margin-left:240px; background:url(img/nav.png) 0 0 no-repeat; } .brightness3 #nav { background-position:0 -220px; } .brightness2 #nav { background-position:0 -440px; } .brightness1 #nav { background-position:0 -660px; } .brightness0 #nav { background-position:0 -880px; } #daytime { position:absolute; top:0; left:20px; width:75px; } #daytime span { display:block; height:15px; width:75px; } #daytime a { display:block; height:15px; width:15px; text-align:center; float:left; } #daytime0 { background:#0e1910; } #daytime1 { background:#6f6f6f; } #daytime2 { background:#b2b2b2; } #daytime3 { background:#dadada; } #daytime4 { background:#fff; } #daytime p { display:none; } #daytime:hover p { display:block; width:350px; color:#b2b2b2; font-size:10px; margin-top:3px; overflow:visible; } .brightness3 #daytime:hover p, .brightness2 #daytime:hover p { color:#6f6f6f; } #nav_main { width:460px; position:absolute; bottom:15px; left:0; font-size:14px; } #nav_main li { display:block; float:left; } #nav_main li a { display:block; padding:18px 6px 20px; color:#6f6f6f; } .en #nav_home a { width:47px; } .en #nav_events a { width:51px; } .en #nav_exhibition a { width:75px; } .en #nav_works a { width:58px; } .fi #nav_home a { width:55px; } .fi #nav_events a { width:87px; } .fi #nav_exhibition a { width:61px; } .fi #nav_works a { width:66px; } .brightness1 #nav_main li a { color:#000; } .brightness0 #nav_main li a { color:#6f6f6f; } #nav_main li.selected a { color:#000; text-decoration:underline; font-style:italic; } .brightness1 #nav_main li.selected a, .brightness0 #nav_main li.selected a { color:#dadada; } #nav_main li a:hover { color:#00A8B4; text-decoration:underline; font-style:italic; } #nav_main li#nav_home a { padding-left:20px; } #nav_main li#nav_mymoa { display:none; } #nav_main li#nav_contact { float:right; } #nav_main li#nav_contact a { padding-right:20px; } #nav_search { position:absolute; top:124px; right:20px; width:180px; height:23px; } #nav_search input { width:174px; border-width:1px; border-style:solid; /*border-color:#dadada;*/ color:#dadada; background:transparent; font-size:80%; padding:4px 3px; } #nav_search input.default { background:url(img/search.png) top right no-repeat transparent; } .brightness3 #nav_search input, .brightness3 #nav_search input.default { color:#6f6f6f; } .brightness2 #nav_search input, .brightness2 #nav_search input.default { color:#6f6f6f; } .brightness1 #nav_search input, .brightness1 #nav_search input.default { color:#b2b2b2; } .brightness0 #nav_search input, .brightness0 #nav_search input.default { color:#6f6f6f; } .jsonSuggest { margin:0; padding:0; } .ui-menu-item { } .ui-menu-item a { display:block; background:#fff; padding:5px; cursor:pointer; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; font-size:10px; } .ui-menu-item:hover a { background:#eee; } #nav_extra { position:absolute; top:0; right:10px; width:145px; font-size:9px; } #nav_extra a { display:block; float:right; padding:0 10px 20px; color:#6f6f6f; } .brightness1 #nav_extra a { color:#000; } .brightness0 #nav_extra a { color:#dadada; } #nav_extra a:hover { color:#00A8B4; text-decoration:underline; font-style:italic; } #nav_breadcrumb { position:absolute; bottom:0; left:0; width:420px; padding:0 20px; font-size:9px; color:#b2b2b2; } #nav_breadcrumb a { color:#b2b2b2; } .brightness3 #nav_breadcrumb, .brightness3 #nav_breadcrumb a { color:#6f6f6f; } .brightness2 #nav_breadcrumb, .brightness2 #nav_breadcrumb a { color:#6f6f6f; } .brightness1 #nav_breadcrumb, .brightness1 #nav_breadcrumb a { color:#b2b2b2; } .brightness0 #nav_breadcrumb, .brightness0 #nav_breadcrumb a { color:#6f6f6f; } #nav_breadcrumb a:hover { color:#00A8B4; font-style:italic; } #mymoa { width:220px; height:220px; background:url(img/sprite_bg.png) 0 0 repeat-y; position:absolute; top:20px; right:0; font-size:14px; } #mymoa * { color:#6f6f6f; } #mymoa_header { position:absolute; bottom:70px; left:20px; color:#000; font-size:21px; } #mymoa_default, #mymoa_favs { padding:20px 20px 0; display:none; } #mymoa_favs { cursor:pointer; } #mymoa_open { font-style:italic; text-decoration:underline; cursor:pointer; } #mymoa_open:hover { color:#00A8B4; } #mymoa_tools { padding:0; position:absolute; bottom:14px; left:0; height:39px; width:220px; } #mymoa_tools div { height:29px; margin-right:5px; background:url(img/mymoa_arrow.png) 7px 24px no-repeat rgba(0, 166, 156, 0.6); color:white; font-weight:bold; font-size:12px; float:left; overflow:hidden; } #mymoa_tools div#mymoa_tools_list { width:40px; padding:5px 3px 5px 20px; background-position: 22px 24px; } #mymoa_tools div#mymoa_tools_save { width:55px; padding:5px 3px 5px 5px; } #mymoa_tools div#mymoa_tools_share { width:72px; padding:5px 5px 5px 7px; margin-right:0; } #mymoa_tools div:hover { background-color:#7a9493; font-style:italic; text-decoration:underline; cursor:pointer; } #main { width:940px; margin:0 auto; position:relative; z-index:50; } #content { width:500px; margin-left:220px; float:left; } #content_home { border-width:1px; border-style:solid; padding:8px 19px; margin:240px 20px 20px; } #content_home { font-size:14px; } #content_home_history { border-top-width:1px; border-top-style:dotted; margin:25px 0 15px; } #content_home a { font-style:italic; text-decoration:underline; } #content_home a:hover { color:#00A8B4;} #content_home_history a { padding:0 0 0 10px;} #content_default { border-width:1px; border-style:solid; padding:8px 19px; margin:0 20px 20px; } #content_default, #content_default h1 { font-size:14px; } #content_default p.author { margin:0; color:#6f6f6f; } #content_default p.date { margin:0; color:#6f6f6f; } .brightness1 #content_default p.author, .brightness1 #content_default p.date { color:#b2b2b2; } #content_blogpost { margin:0; width:420px; overflow:hidden; } #content_blogpost p { text-align:left !important; } #content_default figure { margin:20px 0 0 0; } #content_default figcaption { font-size:9px; color:#b2b2b2; margin:10px 0 0; } #content_default a { font-style:italic; text-decoration:underline; } #content_default a:hover { color:#00A8B4;} #content_default ul { list-style:square; padding-left:20px; } #content_default li { margin-bottom:5px; } #content_default img.alignright { float:right; margin-left:20px; margin-bottom:20px; } #content_exhibition { margin:0 20px 20px; } #content_exhibition h1, #content_exhibition h2, #content_exhibition p { margin-top:0; font-size:14px; } #content_exhibition p { font-weight:normal; } #exhibition_intro { border-width:1px; border-style:solid; padding:19px; margin:0 0 20px; min-height:178px; } .exhibition_theme { border-width:1px; border-style:solid; padding:19px; margin:0 0 20px; color:#000; position:relative; min-height:270px; } #exhibition_theme1, #exhibition_theme1 p, #exhibition_theme1 span, #exhibition_theme1 h2 { background:#dadada; color:#000; } #exhibition_theme2, #exhibition_theme2 p, #exhibition_theme2 span, #exhibition_theme2 h2 { background:#b2b2b2; color:#000; } #exhibition_theme3, #exhibition_theme3 p, #exhibition_theme3 span, #exhibition_theme3 h2 { background:#6f6f6f; color:#000; } #exhibition_theme4, #exhibition_theme4 p, #exhibition_theme4 span, #exhibition_theme4 h2 { background:#0e1910; color:#b2b2b2; } #content_exhibition .abstract { cursor:pointer; } #content_exhibition .more { display:block; margin-top:15px; font-size:12px; font-style:italic; text-decoration:underline; color:#6f6f6f; } #exhibition_theme3 .more { color:#b2b2b2; } #content_exhibition .abstract:hover .more { color:#00A8B4; } #content_exhibition .long { display:none; } .exhibition_theme h2, .exhibition_theme p { width:180px; } #content_exhibition .arrows { position:absolute; top:0; right:0; width:220px; height:300px; overflow:hidden; } #content_exhibition .masters_list { width:220px; height:300px; } /* the .masters_list style is mainly based on the one defined under #content_masters */ #content_exhibition .masters_list li { display:none; border:none; margin:0; padding:0; position:relative; width:220px; } #content_exhibition .masters_list li.active { display:block; } #content_exhibition .masters_list a { display:block; margin:0 20px;} #content_exhibition .masters_list img { display:block; width:180px; height:180px; margin:0 0 15px; } #content_exhibition .masters_list p { font-size:12px; padding:0; } #content_exhibition .masters_list p.number { font-size:14px; font-weight:bold; margin-bottom:15px; } #content_exhibition .masters_list li:hover span { display:none; } .arrow_left, .arrow_right { display:block; width:42px; height:42px; position:absolute; background-image:url(img/arrows.png); background-repeat:no-repeat; opacity:.7; } .arrow_left:hover, .arrow_right:hover { opacity:1; cursor:pointer; } .arrow_left { left:0; } .arrow_right { right:0; background-position:top right; } #content_exhibition .arrow_left, #content_exhibition .arrow_right { top:125px; } #content_events { margin:0 20px; } .events_list { width:460px; margin:0; padding:0; border-width:1px; border-style:solid; } .events_list li { display:block; position:relative; } .events_list p.date { left:-1px; margin:20px 0 0 0; display:block; font-size:14px; font-weight:bold; } .events_list p.date span { background:black; color:#fff; padding:1px 5px 1px 20px; } .brightness3 .events_lisat p.date span { color:#dadada; } .brightness2 .events_list p.date span { color:#b2b2b2; } .brightness1 .events_list p.date span { color:#b2b2b2; } .brightness0 .events_list p.date span { background:#b2b2b2; color:#000; } .events_list li.first p.date { margin-top:1px; } .events_list a { display:block; padding:20px 20px 0; } .events_list a * { margin:0; } .events_list p.time { font-size:12px; color:#6f6f6f; } .brightness1 .events_list p.time { color:#000; } .events_list h2 { font-size:14px; font-weight:normal; text-decoration:underline; font-style:italic; } .brightness1 .events_list h2 { color:#fff; } .brightness0 .events_list h2 { color:#fff; } .events_list a:hover h2 { color:#00A8B4; } .events_list p.abstract { font-size:14px; border-bottom-style:dotted; border-bottom-width:1px; padding-bottom:20px; } .brightness0 .events_list p.abstract { color:#6f6f6f; } #content_event { border-width:1px; border-style:solid; padding:19px 19px 44px; margin:0 20px 20px; position:relative; font-size:14px; background:rgba(256,256,256,0.8); } #content_event p.abstract { border-bottom-style:dotted; border-bottom-width:1px; padding-bottom:20px; margin-bottom:10px; } .brightness0 #content_event p.abstract { color:#000; } #content_event p.date { position:absolute; top:-1px; left:-1px; margin:0; display:block; background:black; padding:2px 5px 2px 20px; color:#fff; font-weight:bold; } #content_event p.time { font-size:12px; color:#6f6f6f; margin:20px 0 0; } #content_event h1 { font-size:14px; font-weight:normal; font-weight:bold; margin:0; } .brightness0 #content_event h1 { color:#000; } #content_event a { font-style:italic; text-decoration:underline; color:#6F6F6F; } #content_event a:hover { color:#00A8B4;} #content_masters { margin:0 20px 20px 0; } #masters_navigate { border-top-width:1px; border-top-style:solid; border-bottom-style:dotted; border-bottom-width:1px; width:460px; margin-left:20px; padding:15px 0; } #masters_navigate div { display:block; float:left; width:140px; margin-right:20px; } #masters_navigate div.last { margin-right:0; } #masters_navigate h1 { font-size:14px; color:#b2b2b2; margin:0; padding:0 0 0 20px; } #masters_navigate select { width:140px; font-size:9px; color:#b2b2b2; border-style:solid; border-width:1px; background:transparent; } #masters_navigate h1, #masters_navigate select { color:#6f6f6f; } .brightness1 #masters_navigate h1, .brightness1 #masters_navigate select { color:#000; } .masters_list { width:480px; margin:20px 0 0 0; padding:0; } .masters_list li { display:block; float:left; margin:0 0 20px 20px; width:138px; height:223px; border-width:1px; border-style:solid; position:relative; } .masters_list p { padding:5px 15px; margin:0; font-size:12px; } .masters_list p.number { font-size:14px; font-weight:bold; } .masters_list img { display:block; width:138px; height:138px; overflow:hidden; } .masters_list span { display:none; } .masters_list li:hover span { display:block; position:absolute; top:0; left:0; width:138px; height:223px; background:rgba(0, 168, 180, 0.3); } #content_master { border-width:1px; border-style:solid; padding:19px 19px 29px; margin:0 20px 15px; background:rgba(256,256,256,0.8); position:relative; } #master { border-bottom-style:dotted; border-bottom-width:1px; margin-bottom:10px; padding-bottom:20px; position:relative; } #master_img { display:block; float:right; width:180px; height:180px; margin:0 0 20px 20px; } #content_master h1 { margin-top:0; font-weight:normal; font-size:22px; } .brightness0 #content_master h1 { color:#000; } #content_master span { font-weight:bold; color:#000; } #master_meta { font-size:11px; color:#6f6f6f; line-height:0; padding-top:5px; } #master_title { font-size:14px; color:#6f6f6f; margin-top:0; min-height:45px; } #master_download { font-size:11px; min-height:20px; } #master_download a { color:#6f6f6f; font-style:italic; text-decoration:underline; } #master_download a:hover { color:#00A8B4; } #master_mymoa { position:absolute; top:185px; right:0; width:170px; padding:2px 5px; background:url(img/master_mymoa.png) top left repeat-y; text-align:right; font-style:italic; text-decoration:underline; font-size:12px; color:#000; cursor:pointer; } #master_mymoa:hover { color:#00A8B4; } #master_theme, .brightness0 #master_theme { margin-bottom:0; color:#000; } #master_theme a, .brightness0 #master_theme a { color:#000; font-weight:bold; font-style:italic; text-decoration:underline; } #master_theme a:hover { color:#00A8B4; } #master_school { font-size:12px; color:#b2b2b2; margin-top:2px; } .brightness0 #master_school, .brightness1 #master_school { color:#6f6f6f; } #master .arrow_left, #master .arrow_right { top:118px; display:none; } #master:hover .arrow_left, #master:hover .arrow_right { display:block; } #master .arrow_left { left:-20px; } #master .arrow_right { right:-20px; } #addtomymoa { color:#000; margin:0; position:absolute; bottom:0; left:0; width:420px; background:url(img/sprite_bg.png) -660px 0 repeat-y; cursor:pointer; padding:5px 19px; text-align:right; font-style:italic; text-decoration:underline; font-size:12px; } #addtomymoa:hover { color:#00A8B4; } #gallery { position:relative; } #gallery1, #gallery2, #gallery3 { display:none; } #gallery1.active, #gallery2.active, #gallery3.active { display:block; } #gallery p { font-size:9px; color:#b2b2b2; margin:0 0 10px; } #gallery p span { font-weight:normal; color:#b2b2b2; } .brightness0 #gallery p, .brightness1 #gallery p, .brightness0 #gallery span, .brightness1 #gallery span { color:#6f6f6f; } #gallery .image { width:420px; height:420px; text-align:center; } #gallery .image img { max-width:420px; max-height:420px; } #gallery p.caption { border-bottom-style:dotted; border-bottom-width:1px; margin:10px 0 0; padding-bottom:15px; } #gallery .arrow_left, #gallery .arrow_right { top:200px; display:none; } #gallery:hover .arrow_left, #gallery:hover .arrow_right { display:block; } #gallery .arrow_left { left:-20px; } #gallery .arrow_right { right:-20px; } #abstract { font-size:14px; margin:20px 0; } .brightness0 #abstract * { color:#000; } #contactinfo { font-size:14px; margin:20px 0; border-top-style:dotted; border-top-width:1px; } .brightness0 #contactinfo * {color:#000; } #content_mymoa { } #content_mymoa_intro { border-width:1px; border-style:solid; padding:19px; margin:0 20px 15px; } #content_mymoa_intro * { font-size:14px; } #content_mymoa_intro h1 { margin:0; } #content_mymoa .events_list { margin-left:20px; } #comments, #related { width:220px; float:right; margin-right:20px; } #comments h2, #related h2 { padding:0 20px; font-weight:bold; font-size:14px; color:#b2b2b2; } .brightness2 #comments h2, .brightness2 #related h2 { color:#dadada; } .rel_master { border-width:1px; border-style:solid; margin:0 0 20px; padding:0; } .rel_master a { display:block; width:218px; } .rel_master h3 { font-weight:bold; font-size:14px; margin:0; padding:20px; } .rel_master img { margin:0 0 20px; padding:0; width:218px; overflow:hidden; } #rel_calendar img { margin:0 19px 20px; width:180px; height:180px; } .rel_master p.excerpt, .rel_master p.info { margin:0 20px 20px; } #rel_calendar p.info em { font-style:italic; text-decoration:underline; } #rel_calendar a:hover p.info em { color:#00A8B4; } .rel_master p.more { font-style:italic; text-decoration:underline; color:#6f6f6f; margin:0 20px 20px; word-wrap:break-word; } .brightness1 .rel_master p.more { color:#b2b2b2; } .rel_master p.more span { color:#6f6f6f; } .rel_master a:hover p.more, .rel_master a:hover p.more span { color:#00A8B4; } #rel_twitter_tweets { } .rel_master p.loading { height:24px; width:178px; background:url(img/ajaxloader.gif) center center no-repeat; } #rel_twitter_tweets p, #rel_website_feed p { margin:0 20px 20px; } #rel_twitter_tweets span { font-size:10px; display:block; } #rel_website_feed ul { padding:0; list-style:none; font-style:italic; } #rel_website_feed li { margin:0 20px 15px 20px; } #comment_form { width:220px; margin-bottom:20px; } #comment_form label { display:none; } #comment_form textarea { width:178px; height:90px; border-width:1px; border-style:solid; padding:20px; background:transparent; } #comment_form textarea.default { font-style:italic; text-decoration:underline; } #comment_form textarea.default:hover { color:#00A8B4; } #commentform_details { width:178px; border-width:1px; border-style:solid; border-top:0; padding:20px; } #commentform_details p { margin-top:0; } #commentform_details input { width:180px; border-width:1px; border-style:solid; margin-bottom:2px; background:transparent; } #commentform_details input#submit { width:180px; border-width:1px; border-style:solid; margin-top:20px; } .comment_list { border-width:1px; border-style:solid; margin:0 0 20px; padding:0; } .comment_list li { display:block; position:relative; } .comment_list .url { display:block; width:180px; padding:0 20px 20px; } .comment_list h3 { font-weight:normal; font-size:12px; color:#000; margin:0 0 15px; } .comment_list a h3 { font-style:italic; text-decoration:underline; } .brightness0 .comment_list a h3 { color:#fff; } .comment_list a:hover h3 { color:#00A8B4; } .comment_list p { font-size:12px; color:#6f6f6f; margin:0; padding:0; } .brightness1 .comment_list p { color:#b2b2b2; } .comment_list p a { color:#6f6f6f; font-style:italic; text-decoration:underline; word-wrap:break-word; } .comment_list p a:hover { color:#00A8B4; } .comment_list p.date { font-size:12px; color:#6f6f6f; margin:0; padding:20px 0 0; border-top-style:dotted; border-top-width:1px; } .brightness1 .comment_list p.date { color:#b2b2b2; } .comment_list p.pending { color:#000; margin-top:15px; } .comment_list .first p.date { border-top-style:none; } .comment_list p.note { margin:20px ; } .brightness1 .comment_list p.note { color:#000; } .comment_list a.comment-edit-link { position:absolute; top:20px; right:20px; font-style:italic; text-decoration:underline; color:#6f6f6f; } .comment_list a.comment-edit-link:hover { color:#00A8B4; } #sidebar { float:left; width:220px; } #sidebar_info { background:#0e1910; margin-bottom:20px; } #sidebar_info a { display:block; width:180px; height:180px; padding:19px; color:#fff; border:1px solid transparent; } .brightness0 #sidebar_info a { border-color:#3f3f3f; } #sidebar_info a * { color:#fff; } #sidebar_info h2 { margin-top:0; font-size:14px; border-bottom-style:dotted; border-bottom-width:1px; padding-bottom:15px; margin-bottom:15px; } #sidebar_info p { font-size:14px; } #sidebar_info span { color:#b2b2b2; } #sidebar_info em { display:block; font-style:italic; text-decoration:underline; font-size:12px; margin-top:20px; } #sidebar_info a:hover em { color:#00A8B4; } #sidebar_events { border-width:1px; border-style:solid; min-height:220px; margin-bottom:20px; background:url(img/sprite_bg.png) -441px 0 repeat-y; } #sidebar_events h2 { width:158px; margin:0; font-size:14px; border-bottom-style:dotted; border-bottom-width:1px; border-color:#dadada; padding:20px 20px 15px; color:white; } #sidebar_events ul { padding:0; margin:0; } #sidebar_events li { display:block; margin:0; padding:0; } #sidebar_events a { display:block; padding:0 20px; } #sidebar_events p { margin:0; } #sidebar_events p.date { color:#fff; padding-top:5px; } #sidebar_events p.title { padding-bottom:5px; border-bottom-style:dotted; border-bottom-width:1px; border-color:#dadada; color:#000; text-decoration:underline; font-style:italic; } #sidebar_events a:hover p.title { color:#00a8b4; } #sidebar_events a.more { display:block; font-size:12px; color:#6f6f6f; text-decoration:underline; font-style:italic; padding:15px 20px; } #sidebar_events a.more:hover { color:#00A8B4; } #beta { width:218px; height:218px; border-width:1px; border-style:solid; font-size:12px; padding:0; margin-bottom:20px; position:relative; } #beta h2 { margin:0 20px; font-size:14px; padding:20px 0 15px; border-bottom-style:dotted; border-bottom-width:1px; margin-bottom:15px; } #beta_like, #beta p { margin:0 20px; } #beta p { margin-top:5px; } /* #beta_like { position:absolute; top:68px; left:20px; } #beta p { margin:0 0 15px; padding:0 20px 0 80px; } */ #beta_ppl { position:absolute; bottom:20px; left:20px; border:none; overflow:hidden; width:180px; height:55px; } #sidebar_feed { border-width:1px; border-style:solid; margin-bottom:20px; letter-spacing:0.01em; } #sidebar_feed h2 { margin:0; font-size:14px; color:#b2b2b2; padding:20px 20px 15px; } .feed_list { margin:0; padding:0;} .feed_list li { display:block; } .feed_list a { display:block; padding:0 20px 15px; } .feed_list p.author { border-top-style:dotted; border-top-width:1px; border-color:#3f3f3f; padding-top:15px; } .feed_list p { margin:0; color:#6f6f6f; word-wrap:break-word; } .brightness1 .feed_list p { color:#000; } .feed_list img { width:180px; margin:15px 0; } .feed_list h3 { margin:0; text-decoration:underline; font-style:italic; color:#000; font-size:12px; font-weight:normal; } .brightness1 .feed_list h3 { color:#fff; } .brightness0 .feed_list h3 { color:#fff; } .feed_list a:hover h3 { color:#00a8b4; } #moabar { position:absolute; top:0; left:0; width:220px; } #moabar_animation { width:218px; height:218px; background:url(img/yearshow_220x220px.png) -1px -1px no-repeat; margin-bottom:20px; border:1px solid #0e1910; } .brightness0 #moabar_animation { border-color:#3f3f3f; } .page-template-index-php #moabar_animation { width:698px; background-image:url(img/yearshow_220x700px.png); } /* -- commented out the temporary css used for the "apply now for moa13" banner -- #moabar_animation { width:220px; height:220px; margin-bottom:20px; background:url(img/apply_220x220px.gif) top left no-repeat; } .page-template-index-php #moabar_animation { width:700px; background-image:url(img/apply_700x220px.gif); } #moabar_animation a { display:block; height:220px; } #moabar_animation a:hover { background:rgba(0, 168, 180, 0.3); } /* -- end of temporary version -- */ #moabar_info { border-width:1px; border-style:solid; margin-bottom:20px; } .page-template-index-php #moabar_info { display:none; } #moabar_info a { display:block; width:178px; height:178px; padding:19px; color:#000;} .brightness0 #moabar_info a, .brightness1 #moabar_info a { color:#dadada; } #moabar_info h2 { margin-top:0; font-size:14px; border-bottom-style:dotted; border-bottom-width:1px; padding-bottom:15px; margin-bottom:15px; } #moabar_info p { font-size:12px; } .brightness0 #moabar_info p { color:#6f6f6f; } #moabar_info em { color:#6f6f6f; display:block; font-style:italic; text-decoration:underline; font-size:12px; margin-top:20px; } #moabar_info a:hover em { color:#00A8B4; } .post_list { border-width:1px; border-style:solid; margin:0 0 20px; padding:0; } .post_list li { display:block; } .post_list a { display:block; width:180px; padding:20px 20px 0; } .post_list h3 { font-weight:bold; font-size:14px; margin:0; } .post_list img { width:180px; margin:0; } .post_list p { font-size:12px; } .brightness0 .post_list p { color:#6f6f6f; } .post_list p.date { color:#6f6f6f; margin-top:0; } .brightness1 .post_list p.date { color:#b2b2b2; } .post_list p.more { border-bottom-style:dotted; border-bottom-width:1px; padding-bottom:20px; margin-bottom:0; font-style:italic; text-decoration:underline; color:#6f6f6f; } .brightness1 .post_list p.more { color:#b2b2b2; } .post_list a:hover p.more { color:#00A8B4; font-style:italic; } #moabar_logos { margin-bottom:20px; } #moabar_logos a { display:block; width:220px; height:75px; background:url(img/aalto.png) top left no-repeat; } #moabar_partners { border-width:1px; border-style:solid; margin-bottom:20px; padding:20px 10px 20px 20px; } #moabar_partners h2 { margin-top:0; font-size:14px; border-bottom:dotted 1px #bfbfbf; padding-bottom:15px; margin-bottom:15px; width:180px; } #moabar_partners div { background:url(img/partners3.png) top left no-repeat; width:190px; height:242px; } #moabar_partners p, #moabar_partners a { display:block; height:54px; width:54px; border:1px solid transparent; margin:0 6px 6px 0; float:left; position:relative; } #moabar_partners a span { display:none; } #moabar_partners a:hover span { display:block; position:absolute; top:0; left:0; width:54px; height:54px; background:rgba(0, 168, 180, 0.3); } #moabar_legal { border-top-style:solid; border-top-width:1px; padding:20px; } #moabar_legal p { font-size:9px; margin:0; } #hack_masterlist { display:none; } #footer { } #mymoa_overlay { display:none; background:#000000; opacity:0.9; filter:alpha(opacity=90); position:absolute; top:0; left:0; min-width:100%; min-height:100%; z-index:1000; } #mymoa_overlay_box { display:none; position:absolute; top:150px; left:200px; width:500px; background:url(img/mymoa_bg.png) top left repeat-y; z-index:1001; } #mymoa_overlay_header { position:relative; height:60px; } #mymoa_overlay_header h1 { margin:0; font-weight:normal; color:#000; font-size:21px; padding:16px 0 0 20px; } #mymoa_overlay_tools { padding:0; position:absolute; top:0; right:105px; height:39px; width:210px; } #mymoa_overlay_tools div { height:29px; width:40px; padding:5px; margin-right:5px; background:url(img/mymoa_arrow.png) 7px 24px no-repeat rgba(0, 166, 156, 0.6); color:white; font-weight:bold; font-size:12px; float:left; overflow:hidden; } #mymoa_overlay_tools div#mymoa_overlay_tools_view { width:40px; } #mymoa_overlay_tools div#mymoa_overlay_tools_save { width:58px; } #mymoa_overlay_tools div#mymoa_overlay_tools_share { width:72px; margin-right:0; } #mymoa_overlay_tools div:hover { background-color:#7a9493; font-style:italic; text-decoration:underline; cursor:pointer; } #mymoa_overlay_close { width:80px; height:39px; position:absolute; top:0; right:20px; background:url(img/mymoa_close.png) top left no-repeat; } #mymoa_overlay_close:hover { background-color:#7a9493; font-style:italic; text-decoration:underline; cursor:pointer; } #mymoa_overlay_close span { height:29px; width:70px; padding:5px; margin-right:5px; background:url(img/mymoa_arrow.png) 7px 24px no-repeat transparent; color:white; font-weight:bold; font-size:12px; float:left; overflow:hidden; } #mymoa_overlay_content * { color:#000; /*#6f6f6f*/ border-color:#6f6f6f; } #mymoa_overlay_view, #mymoa_overlay_save, #mymoa_overlay_share { display:none; } #mymoa_overlay_view_ajax { } #mymoa_overlay_facebook { padding:20px 0 10px; margin:0 20px; border-bottom:dotted 1px #6f6f6f; border-top:dotted 1px #6f6f6f; } #mymoa_overlay_view p.loading { height:24px; width:460px; background:url(img/ajaxloader.gif) center center no-repeat; } #mymoa_overlay_view > h2 { padding-left:20px; font-size:14px; font-weight:bold; } #mymoa_overlay_content .masters_list { } #mymoa_overlay_content .events_list { margin:0 0 20px 20px; } #mymoa_overlay_content .masters_list li, #mymoa_overlay_content .events_list li { background:#fff; } #mymoa_overlay_view p.info, #mymoa_overlay_share p, #mymoa_overlay_save p { padding:0 20px; font-size:14px; } #mymoa_overlay_share input { border:solid 1px #dadada; width:458px; margin-top:15px; } #mymoa_overlay_content form { padding:0 20px 20px; font-size:14px; width:460px; overflow:hidden; } #input_mymoaemail { border:solid 1px #dadada; width:373px; } #input_mymoaemail_send { border:0; height:22px; width:85px; background:rgba(0, 166, 156, 0.6); color:white; font-weight:bold; font-size:12px; overflow:hidden; } #input_mymoaemail_send:hover { background:#7a9493; font-style:italic; text-decoration:underline; } /** /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ==|== media queries ====================================================== PLACEHOLDER Media Queries for Responsive Design. These override the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (max-width: 480px) { /* Style adjustments for viewports 480px and below go here */ #container { } #header { } } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }