User:SOTO/common.css

/* HOME MEDIA    */

.hm-top { padding-bottom: 33px; clear: both; min-height: 100%; height: 455px; margin-bottom: 29px; position: relative; top: 30px; margin-top: -29px; /* box-shadow: 0 45px 0 0 white, 0px 74px 120px #4e7dab; */ /* box-shadow: 0 43px 0 0 white, 0 45px 0 0 #012c57, 0px 89px 120px #4e7dab; */ -moz-box-shadow: 0 43px 0 0 #fafbfd,0 45px 0 0 #012c57,0px 89px 120px #4e7dab; -webkit-box-shadow: 0 43px 0 0 #fafbfd,0 45px 0 0 #012c57,0px 89px 120px #4e7dab; -o-box-shadow: 0 43px 0 0 #fafbfd,0 45px 0 0 #012c57,0px 89px 120px #4e7dab; -ms-box-shadow: 0 43px 0 0 #fafbfd,0 45px 0 0 #012c57,0px 89px 120px #4e7dab; box-shadow: 0 43px 0 0 #fafbfd,0 45px 0 0 #012c57,0px 89px 120px #4e7dab; } .hm-top div { font-family: "Segoe UI",Candara,"Bitstream Vera Sans","DejaVu Sans","Bitstream Vera Sans","Trebuchet MS",Verdana,"Verdana Ref",sans-serif; } .hm-toc a { color: #aecfff!important; font-family: "Raleway",sans-serif; }   font-family: "Raleway",sans-serif; } .hm-toc a:link.new { color: #ffccff!important; } .hm-nav a:hover, text-decoration: underline!important; background: none!important; } .hm-nav { background-color: #012c57; background-image: -moz-linear-gradient(top,#5b585f 35%,#4f4b52 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(65%,#012c57),color-stop(95%,#002244)); background-image: -o-linear-gradient(top,#012c57 65%,#002244 95%); background-image: -ms-linear-gradient(top,#012c57 65%,#002244 95%); width: 94%; max-width: 800px; border-bottom-left-radius: 0; border-bottom-right-radius: 15px; border-top-left-radius: 3px; padding: 10px; margin-left: 1px; margin-bottom: 12px; border: 2px solid #FFF; color: #FFF; clear: both; text-align: center; font-size: 14px; line-height: 1.2em; -moz-box-shadow: 5px 5px 20px #012c57; -webkit-box-shadow: 5px 5px 20px #012c57; -o-box-shadow: 5px 5px 20px #012c57; -ms-box-shadow: 5px 5px 20px #012c57; box-shadow: 5px 5px 20px #012c57; float: left; clear: both; } .hm-nav table { width: 100%; } .hm-head { width:66%; vertical-align:top; font-size:2em; padding:2%; margin:2%; margin-bottom:5px !important; text-align:center; text-decoration: underline; } .hm-head a { color: white!important; } .hm-head a:hover { color: #aecfff!important; text-decoration: none!important; }   width: 50%; text-align: center; padding-top:5px; padding-left:2px; padding-right:2px; vertical-align: middle; line-height:100%; font-size: 90%; color:#FFF; }   width: 50%; text-align: center; padding-top:5px; padding-left:2px; padding-right:2px; vertical-align: middle; line-height:100%; font-size: 1.25em; } .hm-infobox { float: left!important; /* clear: left!important; */ margin: -14px 16px 20px 1px!important; padding: 10px 5px; border-radius: 0 0 10px 0!important; border-top: none!important; -moz-box-shadow: 5px 5px 20px #012c57!important; -webkit-box-shadow: 5px 5px 20px #012c57!important; -o-box-shadow: 5px 5px 20px #012c57!important; -ms-box-shadow: 5px 5px 20px #012c57!important; box-shadow:5px 5px 20px #012c57!important; background: #002244!important; } .hm-infobox td.info-left { width: 42%!important; min-width: 40%!important; font-family: "Raleway",sans-serif; font-size: 1.05em; line-height: .9em!important; color: #012c57; } .hm-infobox .info-left#small { font-size: 1em; line-height:1em!important; }
 * 1) hm-prev a,
 * 2) hm-next a,
 * 1) hm-section-head a {
 * 1) hm-prev a:link.new,
 * 2) hm-next a:link.new,
 * 1) hm-section-head a:hover {
 * 1) hm-navhead {
 * 1) hm-prev, #hm-next {

.hm-toc { background-color: #012c57; /* border-radius: 15px; */ /* border-radius: 10px 10px 50% 50%/10px 10px 10% 10%; */ border-radius: 10px 10px 195px 195px/10px 10px 29px 29px; padding: 5px!important; padding-bottom: 7px!important; border: 2px solid #FFF!important; color: #FFF!important; font-size: 14px; line-height: 1.2em; -moz-box-shadow: 0 0 20px #012c57, 0 0 6px 5px #002244 inset; -webkit-box-shadow: 0 0 20px #012c57, 0 0 6px 5px #002244 inset; -o-box-shadow: 0 0 20px #012c57, 0 0 6px 5px #002244 inset; -ms-box-shadow: 0 0 20px #012c57, 0 0 6px 5px #002244 inset; box-shadow: 0 0 20px #012c57, 0 0 6px 5px #002244 inset; /* float: right; */ width: 382px; margin: auto; margin-bottom: 20px; position: relative; top: 5px; left: -8px; clear: right; overflow: hidden; } .hm-toc .info-vid img { padding: 6px; padding-bottom: 8px; margin-top: -3px; margin-bottom: -11px; border: solid 1px white; border-top-width: 2px; border-bottom-width: 3px; border-top-left-radius: 5px; /* border-radius: 5px 5px 60px 60px / 5px 5px 20px 20px; */ border-radius: 60px 60px 10px 10px / 20px 20px 20px 20px; background: #002244; } .hm-toc .info-vid img:hover { background: #012c57; } .hm-toc .info-vid .duration { bottom: 11px; right: 12px; } .hm-toc .hm-image img { padding: 6px; padding-bottom: 8px; margin: auto; border: solid 1px white; border-left-width: 2px; border-top-left-radius: 5px; border-radius: 5px 2px 2px 100px / 5px 2px 2px 20px; background: #002244; -moz-box-shadow: 0 0 8px 5px #012c57; -webkit-box-shadow: 0 0 8px 5px #012c57; -o-box-shadow: 0 0 8px 5px #012c57; -ms-box-shadow: 0 0 8px 5px #012c57; box-shadow: 0 0 8px 5px #012c57; } .hm-toc tr:nth-child(2) .hm-image img { border-top-width: 2px; border-right-width: 2px; border-left-width: 1px; border-radius: 5px 3px 2px 100px / 5px 3px 2px 20px; } .hm-toc .hm-image img:hover { background: #012c57; } .hm-toc .toc { border: none!important; background: none!important; color: white!important; width: 200px!important; min-width: 0!important; margin: auto!important; padding: 0!important; } .hm-toc .toc a[href="#External_links"] { display: none; } .hm-toc .toc .toclevel-2 ol { display: none; } .hm-toc .toc .toctoggle { display: none; } .hm-toc .toc #toctitle { display: none!important; } .hm-toc .toc #toctitle h2 { /* font-size: 12px; line-height: 25px; color: white!important; font-weight: normal; border-bottom: solid 1px #9AAFCE; padding: 0 7px 1px!important; position: relative; top: 4px; */ } .hm-toc .toc > ol { position: relative; top: 2px; } .hm-toc .toc li:before { display: none; } .hm-toc .toc .toclevel-1 a { font-size: 1.6em; font-weight: bold; } .hm-toc .toc .toclevel-2 a { font-weight: normal; font-size: 1.4em; line-height: 18px; } .hm-toc .toc .toclevel-1 a:hover { font-size: 1.8em; text-decoration: none!important; background: none!important; } .hm-toc .toc .toclevel-2 a:hover { font-size: 1.7em; line-height: 16px; }

.hm-top p { position: relative; z-index: 2; /* margin-top: -22px; */ margin-top: 22px; top: -16px; }

.hm-section { padding-top: 45px; padding-top: 60px; /* box-shadow: 0px 14px 120px #012c57 inset; */ /* box-shadow: 0px 74px 120px #012c57, 0 5px 0 45px white; */ /* box-shadow: 0 5px 0 40px white, 0px 74px 120px #012c57; */ /* box-shadow: 0 43px 0 0 white, 0 45px 0 0 #012c57, 0px 64px 120px #4e7dab; */ -moz-box-shadow: 0 43px 0 0 #f8f9fb,0 45px 0 0 #012c57,0px 64px 120px #4e7dab; -webkit-box-shadow: 0 43px 0 0 #f8f9fb,0 45px 0 0 #012c57,0px 64px 120px #4e7dab; -o-box-shadow: 0 43px 0 0 #f8f9fb,0 45px 0 0 #012c57,0px 64px 120px #4e7dab; -ms-box-shadow: 0 43px 0 0 #f8f9fb,0 45px 0 0 #012c57,0px 64px 120px #4e7dab; box-shadow: 0 43px 0 0 #f8f9fb,0 45px 0 0 #012c57,0px 64px 120px #4e7dab; top: 1px; overflow: hidden; min-height: 80px; position: relative; z-index: 1; } .hm-section:nth-last-of-type(2) { /* box-shadow: 0px 64px 120px #4e7dab; */ /* box-shadow: 0 600px 800px white, 0px 64px 120px #4E7dab; */ /* box-shadow: 0px 64px 120px #4e7dab; */ -moz-box-shadow: 0 42px 0 0 white, 0 45px 0 0 #012c57, 0 49px 0 0 #4e7dab, 0 56px 50px #4e7dab, 0px 72px 120px #ececec; -webkit-box-shadow: 0 42px 0 0 white, 0 45px 0 0 #012c57, 0 49px 0 0 #4e7dab, 0 56px 50px #4e7dab, 0px 72px 120px #ececec; -o-box-shadow: 0 42px 0 0 white, 0 45px 0 0 #012c57, 0 49px 0 0 #4e7dab, 0 56px 50px #4e7dab, 0px 72px 120px #ececec; -ms-box-shadow: 0 42px 0 0 white, 0 45px 0 0 #012c57, 0 49px 0 0 #4e7dab, 0 56px 50px #4e7dab, 0px 72px 120px #ececec; box-shadow: 0 42px 0 0 white, 0 45px 0 0 #012c57, 0 49px 0 0 #4e7dab, 0 56px 50px #4e7dab, 0px 72px 120px #ececec; /* margin-bottom: 8px; */ /* padding-bottom: 16px; */ padding-bottom: 22px; top: -9px; /* margin-top: -16px; */ } .hm-section #hm-section-head { background: white; border-radius: 50px/10px; padding: 5px!important; padding-bottom: 9px!important; padding-top: 27px!important; border: 2px solid #012c57!important; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; color: #012c57!important; font-family: "Segoe UI",Candara,"Bitstream Vera Sans","DejaVu Sans","Bitstream Vera Sans","Trebuchet MS",Verdana,"Verdana Ref",sans-serif; font-size: 15px; line-height: 1.2em; float: left; margin: -30px 13px 2px 8px; max-width: 180px; text-align: center; vertical-align: middle; position: relative; z-index: 2; } .hm-section h3 { position: absolute; top: 38px; left: 15px; width: 180px; text-align: center; z-index: 2; }   font-family: Adelle,'Cambria','Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; }
 * 1) hm-section h3 a {

.hm-gallery { float: right; margin: 0 -6px 10px 10px; text-align: center; font-size: 75%; } .hm-gallery td { min-width: 100px; padding: 0 1.5px; font-family: "Raleway",sans-serif; }.hm-gallery td { padding: 0 1.5px; font-family: "Raleway",sans-serif; } .hm-gallery td#hm-nocover { font-family: "Roboto Slab"!important; padding-top: 165px; } .hm-gallery #hm-nocover:before { content: "not available"; position: absolute; right: 0px; margin-top: -101px; width: 100px; line-height: 1.2em; font-family: "Raleway",sans-serif; font-size: 1.15em; text-transform: uppercase; /* font-weight: bold; */ /* color: #4e7dab; */ } .hm-gallery #hm-nocover:after { content: "in this region and/or format"; line-height: 1.2em; font-family: "Roboto Slab"; font-size: 1em; font-style: italic; color: #004564; font-weight: bold; position: absolute; right: 0px; margin-top: -106px; width: 100px; } .hm-gallery td span p { margin-top: -7px; } .hm-gallery a.new, .hm-gallery a.new:hover { color: rgba(255,255,255,0)!important; background: white!important; background: #4e7dab!important; -moz-box-shadow: 0 0 0 1px rgba(1,44,87,1), 0 0 0 1px rgba(1,44,87,1) inset; -webkit-box-shadow: 0 0 0 1px rgba(1,44,87,1), 0 0 0 1px rgba(1,44,87,1) inset; -o-box-shadow: 0 0 0 1px rgba(1,44,87,1), 0 0 0 1px rgba(1,44,87,1) inset; -ms-box-shadow: 0 0 0 1px rgba(1,44,87,1), 0 0 0 1px rgba(1,44,87,1) inset; box-shadow: 0 0 0 1px rgba(1,44,87,1), 0 0 0 1px rgba(1,44,87,1) inset; width: 96px!important; height: 137px; margin-bottom: 3px; display: block; } .hm-gallery a.new:hover { /* box-shadow: 0 0 0 2px rgba(1,44,87,1), 0 0 0 1px rgba(255,255,255,1) inset; */ -moz-box-shadow: 0 0 0 2px rgba(1,44,87,1),0 0 2px rgba(255,255,255,1) inset; -webkit-box-shadow: 0 0 0 2px rgba(1,44,87,1),0 0 2px rgba(255,255,255,1) inset; -o-box-shadow: 0 0 0 2px rgba(1,44,87,1),0 0 2px rgba(255,255,255,1) inset; -ms-box-shadow: 0 0 0 2px rgba(1,44,87,1),0 0 2px rgba(255,255,255,1) inset; box-shadow: 0 0 0 2px rgba(1,44,87,1),0 0 2px rgba(255,255,255,1) inset; } .hm-gallery a.new:after { content: "+"; /* font-weight: bold; */ color: #012c57; font-size: 60px; display: block; position: relative; margin-top: 55px; margin-bottom: 55px; top: -24px; left: 0; } .hm-gallery a.new:hover:after { color: #002244; /* text-shadow: 0 2px #012c57, 0 -2px #012c57, -2px 0 #012c57, 2px 0 #012c57; */ /* text-shadow: 0 0 5px #012c57; */ text-shadow: 0 0 2px white; }

.hm-section h4:first-of-type { /* margin-top: 45px; */ /* margin-top: -15px; */ /* margin-top: 2px; */ margin-top: 3px; text-shadow: 0 0 10px white, 0 0 20px white, 0 0 25px white, 0 0 25px white, 0 0 25px white, 0 0 50px white, 0 0 50px white, 0 0 50px white, 0 0 50px white; position: relative; left: 8px; } .hm-section p { text-shadow: 0 0 10px white, 0 0 20px white, 0 0 25px white, 0 0 25px white, 0 0 25px white, 0 0 50px white, 0 0 50px white, 0 0 50px white, 0 0 50px white; } .hm-section p a:hover, .hm-section h4:first-of-type a:hover { text-shadow: none!important; position: relative; z-index: 2; }

.hm-bottom { border-radius: 10px 10px 0 0; border: solid 2px white; -moz-box-shadow: 0 2px white, 0 -2px 25px #012c57; -webkit-box-shadow: 0 2px white, 0 -2px 25px #012c57; -o-box-shadow: 0 2px white, 0 -2px 25px #012c57; -ms-box-shadow: 0 2px white, 0 -2px 25px #012c57; box-shadow: 0 2px white, 0 -2px 25px #012c57; margin: 1px; margin-top: 18px; position: relative; z-index: 2; top: -32px; margin-bottom: -31px; } .hm-bottom .navbox { background: #4e7dab!important; border: none; border-radius: 10px 10px 0 0!important; } .hm-bottom .navbox-title { /* border-radius: 12px 12px 0 0; */ border-radius: 25% 25% 0 0 / 25% 25% 0 0; padding-top: 5px; -moz-box-shadow: 0 3px 0 #4e7dab; -webkit-box-shadow: 0 3px 0 #4e7dab; -o-box-shadow: 0 3px 0 #4e7dab; -ms-box-shadow: 0 3px 0 #4e7dab; box-shadow: 0 3px 0 #4e7dab; border-bottom: solid 1px #4e7dab; /* position: relative; */ /* top: -1px; */ /* left: -2px; */ /* border-bottom-width: 3px; */ /* width: calc(100% + 20px); */ } .hm-bottom .collapsed .navbox-title, .hm-bottom .navbox-subgroup .navbox-title { box-shadow: 0 3px 0 #4e7dab; border-bottom: none; } .hm-bottom .navbox-subgroup { margin-bottom: 0; border-bottom: solid 1px #4e7dab; background: #4e7dab; } .hm-bottom .navbox-subgroup .navbox-title { background: #002244; border-radius: 10px 10px 0 0; padding: 0.25em 1em; } .hm-bottom .navbox-subgroup tr:nth-child(2) { background: #4e7dab; height: 3px!important; } .hm-bottom .navbox-subgroup .navbox-subgroup { /* background: #fdfdfd; */ background: #DCDCDC; /* box-shadow: 2px 4px #4e7dab inset; */ } .hm-bottom .navbox-subgroup .navbox-subgroup .navbox-title { border-radius: 0; background: #012c57; -moz-box-shadow: 0 3px 0 #4e7dab; -webkit-box-shadow: 0 3px 0 #4e7dab; -o-box-shadow: 0 3px 0 #4e7dab; -ms-box-shadow: 0 3px 0 #4e7dab; box-shadow: 0 3px 0 #4e7dab; border-bottom: solid 1px #4e7dab; } .hm-bottom .navbox-subgroup .navbox-subgroup.collapsed .navbox-title { -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -o-box-shadow: none!important; -ms-box-shadow: none!important; box-shadow: none!important; border-bottom: none!important; } /*   -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; .hm-bottom .navbox-subgroup .navbox-subgroup tr:nth-child(2) { background: none!important; height: 2px!important; } .hm-bottom .navbox-subgroup .navbox-subgroup.collapsible tr:nth-child(2) { background: #4e7dab!important; height: 3px!important; } .hm-bottom .navbox-subgroup .navbox-subgroup .navbox-subgroup tr:nth-child(2) { background: none!important; height: 2px!important; } .hm-bottom .navbox-group { font-size: 12px; } .hm-bottom .navbox-group a:last-of-type { font-size: 15px; }