/* mamp-2.0.0.css */ @font-face { font-family: 'roboto'; font-style: normal; src: local('roboto'), local('Roboto'), url('/fonts/lato/Lato-Regular.ttf') format('truetype'); } @font-face { font-family: 'roboto-bold'; font-weight: bold; src: local('roboto-bold'), local('Roboto-Bold'), url('/fonts/lato/Lato-Bold.ttf') format('truetype'); } @font-face { font-family: 'roboto-italic'; font-style: italic; src: local('roboto-italic'), local('Roboto-Italic'), url('/fonts/lato/Lato-Italic.ttf') format('truetype'); } @font-face { font-family: 'roboto-thin'; font-style: thin; src: local('roboto-thin'), local('Roboto-Thin'), url('/fonts/lato/Lato-Thin.ttf') format('truetype'); } @font-face { font-family: 'roboto-thinitalic'; font-style: thin; font-style: italic; src: local('roboto-thinitalic'), local('Roboto-ThinItalic'), url('/fonts/lato/Lato-ThinItalic.ttf') format('truetype'); } @font-face { font-family: 'roboto-bolditalic'; font-weight: bold; font-style: italic; src: local('roboto-bolditalic'), local('Roboto-BoldItalic'), url('/fonts/lato/Lato-BoldItalic.ttf') format('truetype'); } @font-face { font-family: 'roboto-light'; src: local('roboto-light'), local('Roboto-Light'), url('/fonts/lato/Lato-Light.ttf') format('truetype'); } @font-face { font-family: 'roboto-lightitalic'; src: local('roboto-lightitalic'), local('Roboto-LightItalic'), url('/fonts/lato/Lato-LightItalic.ttf') format('truetype'); } @font-face { font-family: 'roboto-medium'; src: local('roboto-medium'), local('Roboto-Medium'), url('/fonts/lato/Lato-Black.ttf') format('truetype'); } @font-face { font-family: 'roboto-mediumitalic'; src: local('roboto-mediumitalic'), local('Roboto-MediumItalic'), url('/fonts/lato/Lato-BlackItalic.ttf') format('truetype'); } /* ----- Site-wide ----- */ body { background-color: #fff; margin:0; letter-spacing:0.04em; } a:link { color:RGB(220,0,0); text-decoration: underline; font-family:'roboto-light'; letter-spacing:0.06em; } a:visited { color:RGB(220,0,0); text-decoration: underline; font-family:'roboto-light'; letter-spacing:0.06em; } a:hover { color:RGB(220,0,0); text-decoration: underline; font-family:'roboto-light'; letter-spacing:0.06em; } a:active { color:RGB(220,0,0); text-decoration: underline; font-family:'roboto-light'; letter-spacing:0.06em; } .mamp_color1 { width:40px; height:40px; background-color:RGB( 199, 55, 47 ); } .mamp_color2 { width:40px; height:40px; background-color:RGB( 244, 187, 41 ); } .mamp_color3 { width:40px; height:40px; background-color:RGB( 168, 228, 160 ); } .mamp2_body { width:100%; color: #000; padding:2px 0 2px 0; font-family:'roboto-light'; } .border0 { border:1px #f00 solid; } .border1 { border:1px #0f0 solid; } .border2 { border:1px #00f solid; } .border3 { border:1px #0ff solid; } /* ----- Audio ----- */ .not_used_audio { filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%); width: 280px; height: 25px; } .mamp2_song_lede { font-size:12pt; } .mamp2_songlist { clear:both; width:100%; margin:0 0 1em 0; } .mamp2_song { clear:both; width:100%; margin:0 0 0.3em 0; } .mamp2_song_title { clear:both; float:left; width:55%; font-size:10pt; font-family:'roboto-lightitalic'; text-align:right; } .mamp2_song_ctrls { clear:none; float:left; width:42%; margin-left:2%; } .mamp2_song_space { clear:both; width:100%; height:6px; font-size:6pt; } .mamp2_song_tags { font-size:7pt; vertical-align: super; color:RGB(220,0,0); } .mamp2_song_status { clear:both; float:left; width:98%; font-size:9pt; color:RGB(220,0,0); text-align:right; } .mamp2_song_status_loading { color:RGB(220,0,0); } .mamp2_song_status_ready { color:#000; } .mamp2_cd { clear:both; float:none; width:76%; margin:1em auto 3em auto; font-size:12pt; padding:12px; border:1px RGB(120,120,120) solid; padding:24px 12px 36px 12px; box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), 0 0 0 2px rgb(255,255,255), 0.3em 0.3em 1em rgba(0,0,0,0.3); } .mamp2_cd::after { content:""; display:table; clear:both; } .mamp2_cd_title { clear:none; float:left; width:62%; text-align:left; font-family:'roboto'; font-size:12pt; letter-spacing:0.04em; } .mamp2_cd_desc { clear:none; float:left; width:62%; text-align:left; font-family:'roboto-light'; font-size:12pt; letter-spacing:0.04em; padding-top:0.2em; } .mamp2_cd_download { clear:none; float:left; width:62%; padding-top:0.5em; text-align:left; } .mamp2_cd_tracklist { clear:none; float:left; width:62%; letter-spacing:0.04em; } .mamp2_cd_tracklist_hdr { clear:none; float:left; width:50%; font-family:'roboto-medium'; padding-top:0.5em; } .mamp2_cd_track { clear:both; float:left; width:96%; text-align:left; font-family:'roboto-lightitalic'; padding-left:12px; } .mamp2_cd_tags { font-size:7pt; vertical-align: super; color:RGB(220,0,0); } .mamp2_cd_download A { font-size:8pt; } .mamp2_cd_text_quote { font-family:'roboto-lightitalic'; } .mamp2_cd_cover { clear:none; float:right; width:180px; height:180px; border:1px #000 solid; } /* ----- Header ----- */ .mamp2_header { clear:both; float:none; margin:2em auto 1em auto; max-width:1024px; min-width:640px; } .mamp2_header_graphic { clear:both; height:200px; width:100%; cursor:pointer; border:1px #000 solid; background: url("/i/header2.png"); background-size:cover; background-position:0 0; background-repeat:no-repeat; } .mamp2_header_txt { clear:both; float:none; width:100%; font-family:'roboto-light'; font-size:10pt; padding:4px 0 4px 0; text-align:center; } .mamp2_header_emphasis { font-family:'roboto'; } .mamp2_header_def { font-family:'roboto-lightitalic'; font-size:10pt; } .mamp2_header::after { content:""; display:table; clear:both; } .mamp2_header_band { clear:both; float:left; width:100%; padding:0; height:6px; margin:0 0 1em 0; background-color:black; color:white; } .mamp2_header_links { clear:both; width:100%; font-family:'roboto-bold'; font-size:10pt; } /* ----- Debug ----- */ .mamp2_Bar { clear:both; width:100%; height:6px; background-color:red; } /* ----- Main ----- */ .mamp2_main { clear:both; float:none; width:100%; margin:0 auto 0 auto; max-width:700px; min-width:640px; text-align:left; padding:0.5em 0 2.5em; font-family:'roboto-light'; font-size:12pt; letter-spacing:0.06em; min-height:600px; } .mamp2_main::after { content:""; display:table; clear:both; } .mamp2_main A { font-size:11pt; } /* ----- Entry ----- */ .mamp2_AuthorsNote { clear:both; float:left; width:100%; font-family:'roboto-lightitalic'; font-size;16pt; letter-spacing:0.06em; margin:2em 0 2em 0; } .mamp2_ImgWithCaption { clear:both; float:none; width:100%; text-align:center; margin:0 0 0 0; } .mamp2_ImgNoCaption { clear:both; float:none; width:100%; text-align:center; margin:0 0 2em 0; } .mamp2_ImgCaption { clear:both; float:none; width:100%; text-align:center; font-family:'roboto-medium'; font-size:9pt; letter-spacing:0.06em; margin:0 0 2em 0; } .mamp2_Img50 { display:inline-block; width:50%; } .mamp2_Img60 { display:inline-block; width:60%; } .mamp2_Img70 { display:inline-block; width:70%; } .mamp2_Img80 { display:inline-block; width:80%; } .mamp2_Img90 { display:inline-block; width:90%; } .mamp2_Img100 { display:inline-block; width:100%; } .mamp2_Img120 { display:inline-block; width:120%; position:relative; left:-10%; } .mamp2_Img140 { display:inline-block; width:140%; position:relative; left:-20%; } .mamp2_ImgClickable { cursor:pointer; } .mamp2_Disclaimer { clear:both; float:none; width:90%; font-family:'roboto-light'; letter-spacing:0.06em; margin:0 auto 2em auto; border:1px #ddd solid; padding:10px 4px 10px 14px; font-size: 10pt; } .mamp2_Disclaimer p { margin:0.6em 0 0 0.6em; } .mamp2_Code { clear:both; float:left; width:90%; margin:0 0 1.4em 2em; padding:0 0 0 1em; border-left:1px #aaa solid; color:#000; overflow: hidden; } .mamp2_Code::after { content:""; display:table; clear:both; } .mamp2_Quote { clear:both; float:left; width:94%; margin:0 0 1.4em 1em; padding:0 0 0 1em; border-left:1px #aaa solid; color:#666; } .mamp2_Quote::after { content:""; display:table; clear:both; } .mamp2_Poem { clear:both; float:left; width:94%; margin:0 0 1.4em 1em; padding:0 0 0 1em; color:#666; font-family:'roboto-lightitalic'; font-size:12pt; text-align:center; } .mamp2_Poen::after { content:""; display:table; clear:both; } .mamp2_EntryExample { clear:both; float:none; width:90%; margin:1em auto 2em auto; padding:0.5em 3% 0.5em 3%; border-left:1px #ccc solid; border-right:1px #ccc solid; } .mamp2_EntryExample::after { content:""; display:table; clear:both; } .mamp2_OneSpace { clear:both; float:none; width:100%; height:1em; } .mamp2_TwoSpace { clear:both; float:none; width:100%; height:1em; } .mamp2_ItalicLarge { font-family:'roboto-lightitalic'; font-size:13pt; } .mamp2_BoldItalicLarge { font-family:'roboto-italic'; font-size:13pt; font-weight:700; } .mamp2_Italic { font-family:'roboto-lightitalic'; } .mamp2_BoldItalic { font-family:'roboto-italic'; font-weight:700; } .mamp2_Emphasis { font-weight:bolder; font-family:'roboto-lightitalic'; color:#b00; } .mamp2_Name { font-weight:bolder; font-family:'roboto-lightitalic'; } .mamp2_Bold { font-family:'roboto-bold'; } .mamp2_Underline { text-decoration: underline; } .mamp2_Red { color:RGB(220,0,0); } .mamp2_Medium { font-family:'roboto-medium'; } .mamp2_Header { clear:both; float:left; width:100%; font-family:'roboto'; font-size:14pt; margin:0 0 1em 0; } .mamp2_SubHeader { clear:both; float:left; width:100%; font-family:'roboto'; font-size:13pt; margin:0.2em 0 0.6em 0; } /* metadata */ .mamp2_Metadata { clear:both; float:left; width:96%; padding:4px 0 4px 0; margin:2em 0 2em 0; font-size:10pt; } .mamp2_Metaname_fixed { clear:both; float:left; width:18%; font-family:'roboto-medium'; padding:0 5px 0 0; border:0px #66f solid; overflow:hidden; text-align:right; } .mamp2_Metavalue_fixed { clear:none; float:left; width:25%; font-family:'roboto-light'; padding:0 5px 0 0; border:0px #f66 solid; } .mamp2_Metavalue_wide { clear:none; float:left; max-width:80%; font-family:'roboto-light'; border:0px #6f6 solid; } .mamp2_pagePrev_fixed { clear:none; float:right; width:50%; font-family:'roboto-medium'; padding:0; border:0px #f6f solid; overflow:hidden; } .mamp2_pageNext_fixed { clear:none; float:right; width:50%; font-family:'roboto-medium'; padding:0; border:0px #ff6 solid; overflow:hidden; } .mamp2_Contact { clear:both; float:left; width:100%; text-align:center; padding:4em 0 4em 0; border:0px #fdd solid; } /* data */ .mamp2_Dataset { clear:both; float:left; width:99%; padding:4px 0 4px 0; margin:0 0 1em 0; font-size:10pt; } .mamp2_Datarow { clear:both; float:left; width:100%; padding:0; margin:0 0 0.4em 0; } .mamp2_DataName { clear:none; float:left; font-family:'roboto-medium'; margin-right:1%; overflow:hidden; } .mamp2_DataValue { clear:none; float:left; font-family:'roboto-light'; margin-right:1%; overflow:hidden; } /* stats data */ .mamp2_statsDataCtrlHdr { clear:both; float:left; width:99%; padding:4px 0 4px 0; margin:0; font-size:11pt; font-family:'roboto-medium'; text-align:center; } .mamp2_statsDataCtrlHdr::after { content:""; display:table; clear:both; } .mamp2_statsDataCtrl { clear:none; float:left; margin-left:1%; } .mamp2_statsDataHdr { clear:both; float:left; width:99%; padding:4px 0 4px 0; margin:0; font-size:11pt; font-family:'roboto-medium'; text-align:center; } .mamp2_statsDataSet { clear:both; float:left; width:99%; padding:4px 0 4px 0; margin:0 0 1em 0; font-size:9pt; } .mamp2_statsDataRow { clear:both; float:left; width:100%; padding:0; margin:0 0 0.4em 0; border-left:4px white solid; } .mamp2_statsDataHot { border-left:4px red solid; } .mamp2_statsDataName { clear:none; float:left; font-family:'roboto-medium'; margin:0; padding:0 2px 0 2px; overflow:hidden; background-color:RGB(240,240,240); min-height:3em; } .mamp2_statsDataValue { clear:none; float:left; font-family:'roboto-light'; margin:0; padding:0 2px 0 2px; overflow:hidden; } .mamp2_statsDataRowAlt { background-color:RGBA(220,0,0,0.05); } .mamp2_statsDetailsHdr { font-family:'roboto-medium'; background-color:RGB(240,240,240); min-height:3em; } .mamp2_statsType1 { background-color: RGBA( 186, 250, 216, 0.6); } /* Training */ .mamp2_statsType2 { background-color: RGBA( 248, 216, 175, 0.6); } /* Maintaining */ .mamp2_statsType3 { background-color: RGBA( 213, 215, 253, 0.6); } /* Recreational */ .mamp2_statsType4 { background-color: RGBA( 255, 120, 89, 0.3); } /* Hiking */ .mamp2_statsText1 { color: RGBA( 186, 250, 216, 0.6); } /* Training */ .mamp2_statsText2 { color: RGBA( 248, 216, 175, 0.6); } /* Maintaining */ .mamp2_statsText3 { color: RGBA( 213, 215, 253, 0.6); } /* Recreational */ .mamp2_statsText4 { color: RGBA( 255, 120, 89, 0.5); } /* Hiking */ .mamp2_statsNotes { clear:both; float:left; width:99%; padding:0; margin:0; font-size:10pt; font-family:'roboto-medium'; } .mamp2_statsNote { clear:both; float:left; width:96%; padding:4px 0 0 0; margin-left:3%; font-size:9pt; font-family:'roboto-light'; } .mamp2_statsLessMore { color:RGB(220,0,0); font-family:'roboto-medium'; font-size:12pt; text-align:center; cursor:pointer; } .mamp2_statsMoreHdr { clear:both; float:left; width:99%; text-align:center; margin:0; font-size:10pt; font-family:'roboto-medium'; padding: 0 0 10px 0; color:#aaa; } .mamp2_statsMoreName { clear:both; float:left; width:49%; text-align:right; margin:0; font-size:10pt; font-family:'roboto-medium'; } .mamp2_statsMoreValue { clear:none; float:left; width:48%; text-align:left; margin:0; font-size:10pt; font-family:'roboto-light'; padding:0 0 0 6px; } /* Generic site stuff */ .mamp2_Definition { clear:both; float:left; width:96%; margin:0 0 1em 0; padding:8px 1em 8px 1em; font-size:11pt; font-family:monospace; background-color:RGB(248,248,248); } .mamp2_Reference { clear:both; float:left; width:100%; margin:0 0 1em 0; font-family:'roboto-light'; font-size:11pt; } .mamp2_Reference A { font-size:11pt; } .mamp2_Footnote { clear:both; float:left; width:100%; margin:0 0 2em 0; font-size:10pt; } .mamp2_Footnote A { font-size:10pt; color:RGB(220,0,0); } .mamp2_FootnoteMark { vertical-align:super; font-size:8pt; color:#f00; } .mamp2_FootnoteL { clear:both; float:left; width:5%; margin:0; padding:0; border:0px #99f solid; font-size:10pt; } .mamp2_FootnoteR { clear:none; float:left; width:93%; margin:0; padding:0; border:0px #9f9 solid; font-size:10pt; } .mamp2_Aside { clear:both; float:none; width:90%; margin:0 auto 0 auto; background-color:RGBA(220,200,200,0.2); padding:0.5em 1em 0.5em 1em; border:1px #ccc solid; } .mamp2_EntryDataNo { clear:both; float:left; padding:2px 0.5em 2px 1em; font-family:'roboto-medium'; border:0px #fdd solid; margin:0 0 8px 0; } .mamp2_EntryDataLabel { clear:none; float:left; padding:2px 0 2px 2px; font-family:'roboto-medium'; border:0px #dfd solid; margin:0 0 8px 0; } .mamp2_EntryDataValue { clear:none; float:left; padding:2px 0.8em 2px 2px; font-family:'roboto-light'; border:0px #ddf solid; margin:0 0 8px 0; } .mamp2_EntryHeadsUp { clear:both; width;100%; float:left; font-family:'roboto-lightitalic'; color:#f00; margin-bottom:1em; } /* --- separator --- */ .mamp2_EntryGraphic { clear:both; float:left; width:100%; height:32px; margin-top:2.0em; margin-bottom:1em; background: url("/i/divider02.png") 50% top no-repeat; background-size:auto 32px; } .mamp2_EntryBreakTiny { clear:both; width:100%; height:0.7em; font-size:7pt; } .mamp2_EntryBreakTiny::after { content:""; display:table; clear:both; } .mamp2_EntryBreakSmall { clear:both; width:100%; height:1.5em; font-size:7pt; } .mamp2_EntryBreakSmall::after { content:""; display:table; clear:both; } .mamp2_EntryBreakMedium { clear:both; width:100%; height:3em; font-size:7pt; } .mamp2_EntryBreakMedium::after { content:""; display:table; clear:both; } .mamp2_EntryBreakLarge { clear:both; width:100%; height:6em; font-size:7pt; } .mamp2_EntryBreakLarge::after { content:""; display:table; clear:both; } /* ------- Oversized ------ */ .mamp2_EntryBulbous { clear:both; position:relative; left:-5%; width:110%; min-height:1em; } .mamp2_EntryBulbous::after { content:""; display:table; clear:both; } /* ------- Panel ------ */ .mamp2_Panel { clear:both; float:none; width:86%; margin:0 auto 0 auto; border:2px #000 solid; min-height:12em; margin-bottom:2em; padding:1em 1em 1.5em 1em; } /* ------- Transcript ------ */ .mamp2_Transcript { clear:both; float:left; width:98; margin:0 auto 0 auto; border:2px #000 solid; min-height:12em; margin-bottom:2em; padding:1em 1em 1.5em 1em; background:RGBA(200,200,200,0.1); } /* ------- Image Gallery ------ */ .mamp2_ImageGallery { clear:both; position:relative; width:100%; left:0; text-align:center; min-height:12px; margin-bottom;4em; padding:8px 0 8px 0; } .mamp2_ImageGallery::after { content:""; display:table; clear:both; } .mamp2_GalleryImgMax { clear:none; float:left; display:'inline-block'; width:22%; min-height:1em; background-color:#fff; margin:0 0.5em 0 0.5em; border:1px #ccc dotted; } .mamp2_GalleryImg { clear:both; float:none; width:96%; margin:0 auto 0 auto; } .mamp2_GalleryImgRow { clear:both; float:none; width:100%; margin:0; padding:0; margin-bottom:16px; } .mamp2_GalleryImgRow::after { content:""; display:table; clear:both; } .mamp2_GalleryImgCaption { clear:both; float:none; width:96%; margin:0 auto 0 auto; font-size:8pt; } /* ------ static content ------ */ .mamp2_static_hdr { clear:both; width:100%; margin:0 0 1em 0; font-family:'roboto'; font-size:12pt; } .mamp2_static_entry { clear:both; width:100%; margin:0 0 2em 0; font-size:11pt; } .mamp2_static_url { clear:both; float:left; width:20%; font-family:'roboto'; } .mamp2_static_desc { clear:none; float:left; width:78%; font-family:'roboto-light'; text-align:left; } .mamp2_static_entry::after { content:""; display:table; clear:both; } /* ------ Override styles for Jquery UI ------ */ /* The very top - titlebar */ .ui-dialog-titlebar { display: none; } .ui-dialog-titlebar-close { display: none; } /* Stop the grey overlay at the top */ .ui-widget-content { background-color:white; background: url(''); } /* The middle section of the dialog */ .ui-dialog { background-color:transparent; padding:0px; margin:0; z-index:6501; } /* The dialog button pane at the bottom (above the buttonset) */ .ui-dialog-buttonpane { border:none; margin:0; padding:0.1em; } /* The container for the dialog buttons at the bottom */ .ui-dialog-buttonset { display:none; border:none; margin:0 0 20px 0; width:100%; text-align:center; } /* The buttons themselves */ .ui-dialog-buttonset button { border:none; font-family:'roboto-medium'; font-size:12pt; letter-spacing:0.06em; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #fff; color:#0ff; } /* .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #f0f; } */ /* ------- Custom overlay for modals ------- */ .ui-widget-overlay.mamp-overlay { background-color: black; background-image: none; opacity: 0.7; position:fixed; left:0; top:0; width:100%; height:100%; } /* ------ These are the overrides for image locations in JQuery UI, so they come from the CDN ------ */ .ui-widget-content { background: #fff; border:0px; } .ui-widget-header { background: none; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none; } .ui-widget-header .ui-state-focus { background: none; } .ui-widget-header .ui-state-active { background: none; } .ui-widget-header .ui-state-highlight { background: none; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { background: none; } .ui-icon, .ui-widget-content .ui-icon { background: none; } .ui-widget-header .ui-icon { background: none; } .ui-state-default .ui-icon { background: none; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background: none; } .ui-state-active .ui-icon { background: none; } .ui-state-highlight .ui-icon { background: none; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background: none; } .ui-widget-overlay { background: none; } .ui-widget-shadow { background: none; } /* ----- index ----- */ .mamp2_index_entry { clear:both; float:left; width:100%; margin:0 0 1em 0; } .mamp2_index_year { clear:both; float:left; width:98%; padding:0; margin:0 0 1em 0; font-family:'roboto-medium'; font-size:14pt; text-align:center; } .mamp2_index_metaset { clear:both; float:left; width:100%; border:0px #f00 solid; } .mamp2_index_meta { clear:none; float:left; padding: 4px 0 4px 0; margin:0 2em 0 0; } .mamp2_index_name { font-family:'roboto-medium'; font-size:10pt; } .mamp2_index_value { font-family:'roboto-light'; font-size:10pt; padding:0 0 0 4px; } .mamp2_index_themes { clear:both; float:left; width:98%; padding:0; margin:0 0 0.6em 0; font-family:'roboto-light'; font-size:9pt; text-align:center; } .mamp_index_themes A { font-size:9pt; } /* ----- Pagination ----- */ .mamp2_pageHdr { clear:both; float:left; width:100%; height:10px; border:1px #00f solid; } /* ----- Social share ----- */ .mamp2_shareFooter { clear:both; width:100%; margin:0 auto 0 auto; max-width:700px; min-width:640px; padding:1em 0 1em 0; background-color:RGBA( 200,200,200, 0.1 ); font-family:'roboto-light'; font-size:10pt; text-align:center; } .mamp2_shareFooter img { border: 0 } .mamp2_shareFooter A { font-size:10pt; } /* ----- Footer ----- */ .mamp2_footer { clear:both; float:none; width:100%; margin:1em auto 8em auto; max-width:700px; min-width:640px; text-align:center; padding:0.5em 0 0.5em; font-family:'roboto-light'; color:#000; font-size:10pt; } .mamp2_footer::after { content:""; display:table; clear:both; } /* ----- japanese ----- */ .mamp2_hiragana { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /* ----- used to be broken out into a distinct file ----- */ select { font-family:'roboto-light'; font-size:12pt; letter-spacing:0.04em; border:1px RGB(166,166,166) solid; background-color:#fff; padding:4px; } /* ------ Placeholder fonts are all light grey ------ */ ::-webkit-input-placeholder { color: RGB(222,222,222); } :-moz-placeholder { color: RGB(222,222,222); } ::-moz-placeholder { color: RGB(222,222,222); } :-ms-input-placeholder { color: RGB(222,222,222); } p { margin-bottom:1.4em; clear:both; } ol li { border:0px #00f solid; margin-bottom:0.8em; } ul li { border:0px #00f solid; margin-bottom:0.8em; } img { border:1px #000 solid; } ol { margin-bottom:2em; } ul { margin-bottom:2em; } .mamp2_tightList ol li { border:0px #ddf solid; margin-bottom:0.1em; } .mamp2_tightList ul li { border:0px #ddf solid; margin-bottom:0.1em; } h1 { clear:both; width:100%; float:left; font-family:'roboto-bold'; font-size:16pt; letter-spacing:0.04em; margin:0.5em 0 0.5em 0; } h2 { clear:both; width:100%; float:left; font-family:'roboto'; font-size:11pt; letter-spacing:0.04em; margin:0.2em 0 0.4em 0; } pre { color: #aaa; white-space: pre; margin:0; padding:0; } .mamp2_SubTitle { clear:both; float:left; width:100%; font-family:'roboto-lightitalic'; font-size:14pt; margin:0 0 1.7em 0; border:0px #00f solid; } .mamp2_SubTitle_empty { clear:both; float:left; width:100%; font-family:'roboto-lightitalic'; font-size:14pt; height:1.2em; border:0px #00f solid; } /* ------ Image View Dialog ------ */ #MampImageDialog { color:RGB(10,10,10); padding:2px; display:none; } .mampImgViewClose { width:120px; text-align:center; position: absolute; top: 6px; right: 6px; border:1px #f00 solid; } .mampImgViewCaption { width:2px; height:2px; z-index:2002; font-size:9pt; font-family:'roboto-medium'; color:#000; text-align:center; padding:6px 0 6px 0; float:none; margin:0 auto 0 auto; } .mampImgViewImage { width:2px; height:2px; z-index:2001; } /* Chrome will put a border around a dialog because it's in focus. Let's get rid of it */ .ui-widget-content { outline-color: transparent; outline-style: none; } .mampTinyList { display: inline; margin:0; padding:0; } ul.mampTinyList li { margin-bottom:0.1em; padding-left:0.2em; margin-left:2em; } ol.mampTinyList li { margin-bottom:0.1em; padding-left:0.2em; margin-left:2em; } /* Checkbox */ .mamp2_CheckFrame { float:left; clear:none; border:1px #a91e1f solid; height:16px; width:16px; background-color:#fff; position: relative; cursor:pointer; margin-top:2px; } .mamp2_CheckMark:after { font: normal normal normal 16px 'arial'; content: '\2713'; position: absolute; top:-1px; left:2px; color: #a91e1f; padding:0; } .mamp2_CheckLabel { float:left; clear:none; padding:0 4px 0 4px; font-family:'roboto-light'; font-size:11pt; } /* first inset is the right side and the second is the left */ .mamp2_CheckChecked { width:16px; height:16px; box-shadow: inset -7px 0px 12px -8px rgba(169,30,31, 0.1), inset 7px 0px 12px -8px rgba(169,30,31, 0.1); } .mamp2_CheckDisabled { background-color:#ddd; } /* Big check / mobile only */ .mamp2_BigCheckFrame { float:left; clear:none; border:1px #a91e1f solid; height:60px; width:60px; background-color:#fff; position: relative; cursor:pointer; margin-top:4px; } .mamp2_BigCheckMark:after { font: normal normal normal 64px 'arial'; content: '\2713'; padding:0; position: absolute; top:-10px; left:3px; color: #a91e1f; } .mamp2_BigCheckChecked { width:60px; height:60px; box-shadow: inset -7px 0px 12px -8px rgba(169,30,31, 0.2), inset 7px 0px 12px -8px rgba(169,30,31, 0.2); }