1 2 3/* The header tease 4 the message on the top of the page 5*/ 6.header-tease { 7 background-color: darkturquoise; 8 color: #fff; 9 display: block; 10 font-weight: bold; 11 padding: 15px 20px; 12 text-align: center; 13} 14 15/* no padding as in container-fluid*/ 16.container-tease { 17 margin-left: auto; 18 margin-right: auto; 19} 20 21 22 23/* Max 100% of the containing container */ 24/* Otherwise the image may overflow */ 25img, embed, object, video { 26 max-width: 100%; 27} 28 29/** The input summary when editing a page is 50px fix **/ 30input { 31 max-width: 100%; 32} 33 34/** The icon were clipped **/ 35ul.bookmarkme li { 36 height: unset; 37} 38 39/** 40 MathJax becomes mobile and will not overflow 41**/ 42.MJXc-display, .mjx-chtml { 43 overflow-y: hidden; 44 max-width: 100%; 45 overflow-x: auto; 46} 47 48 49