diff --git a/refreshed/main.css b/refreshed/main.css index b3e5bff..7c6cb53 100644 --- a/refreshed/main.css +++ b/refreshed/main.css @@ -1,970 +1,1005 @@ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff'); } @font-face { font-family: 'Lato body'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff'); } body { font-family: "Lato", sans-serif; margin: 0; background-color: #194a8d; -webkit-tap-highlight-color: transparent; /* preventing gray overlay when pressed on mobile webkit browsers (e.g. mobile Safari) */ } #fade-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: block; opacity: 0; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease, left; background: #fff; cursor: pointer; } #header { -webkit-font-smoothing: antialiased; width: 100%; height: 3em; z-index: 10000; /* very high value to guarantee no elements on wikis will appear above it */ position: fixed; } #headerinner { height: 100%; background-color: #103ca2; background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0, #040f28), color-stop(50%, #103ca2), color-stop(100%, #040f28)); /* IE5.5-IE7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#040f28', endColorstr='#103ca2', GradientType=1); /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#040f28,EndColorStr=#103ca2)"; /* IE9+ */ background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #040f28), color-stop(50%, #103ca2), to(#040f28)); background-image: -webkit-linear-gradient(right, #040f28 0, #103ca2 50%, #040f28 100%); background-image: linear-gradient(to left, #040f28 0, #103ca2 50%, #040f28 100%); } #header-categories { list-style: none; height: 3em; margin: 0; } + #header-categories > .page_item { height: 3em; } #header-categories > .page_item:hover { background: midnightblue; } .clickableregion { cursor: pointer; padding-left: .5em; } #header-categories > li .clickableregion a { display: inline-block; height: 2em; padding: .5em .5em .5em 0; line-height: 2em; /*padding: .5em .5em .5em 0;*/ font-family: "Lato Body", sans-serif; color: #ffffff !important; white-space: nowrap; } + #header-categories li { display: inline-block; width: 8em; text-decoration: none; } + #header-categories li a:hover { text-decoration: none; } + #header-categories li img { margin: 0 0 3px 4px; } + #header-categories .children { background: rgba(0,0,0,0.8); margin: 0; } + .children { display: none; position: absolute; width: 10em; padding: 0 .2em .2em .2em; } + .children a { display: inline-block; width: 9.2em; /* 10em (width of .children) - .75em */ color: #fff; padding: .2em 0 .2em .7em; } + .children a:hover { background: midnightblue; } #maintitle { padding: 0 .9em; /* 1em (#content padding-left) * .9em (#content font-size) */ } + #maintitle h1 { font-size: 32pt; font-family: "Lato Body", sans-serif; padding-top: 0.2em; margin-bottom: 0.1em; padding-bottom: .05em; } + .scrollshadow { background: none; } + #standardtoolbox, #standardtoolboxscrolloverlay { font-family: "Lato", sans-serif; /* assigning here so em values match em values of the links inside */ -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; top: 0; } + #standardtoolbox a, #standardtoolboxscrolloverlay a { margin-left: .5em; padding-top: .25em; padding-bottom: .25em; text-transform: lowercase; font-weight: normal; text-decoration: none; } + #standardtoolbox > a:first-of-type, #standardtoolboxscrolloverlay > a:first-of-type { margin-left: 0; } + #standardtoolbox a:hover, #standardtoolboxscrolloverlay a:hover { border-bottom: .25em solid #0645ad; } #standardtoolbox a:visited:hover, #standardtoolboxscrolloverlay a:visited:hover, #standardtoolbox a.selected, #standardtoolboxscrolloverlay a.selected, #standardtoolbox a.selected:visited, #standardtoolboxscrolloverlay a.selected:visited { border-bottom: .25em solid #0b0080; } #standardtoolbox a.new:hover, #standardtoolboxscrolloverlay a.new:hover { border-bottom: .25em solid #ba0000; } #standardtoolbox a.new:visited:hover, #standardtoolboxscrolloverlay a.new:visited:hover, #standardtoolbox a.new.selected, #standardtoolboxscrolloverlay a.new.selected, #standardtoolbox a.new.selected:visited, #standardtoolboxscrolloverlay a.new.selected:visited { border-bottom: .25em solid #a55858; } #standardtoolboxdropdown { left: .5em; z-index: 3; background: #fff; position: absolute; width: 12em; list-style-type: none; margin-left: 0; -webkit-box-shadow: 0 3px 9px 0 rgba(75, 75, 75, 0.4); box-shadow: 0 3px 9px 0 rgba(75, 75, 75, 0.4); border: 1px solid #ddd; margin-top: .25em; } .dropdowntriangle { width: 0; height: 0; border-left: .5em solid transparent; border-right: .5em solid transparent; border-bottom: .5em solid #ccc; position: absolute; top: -.5em; left: .1em; } + #standardtoolboxdropdown a { width: 100%; height: 100%; display: inline-block; padding-top: 0; padding-bottom: 0; } + #standardtoolboxdropdown a:hover { border: 0; } + #standardtoolboxdropdown a:hover span { border-bottom: .25em solid #0645ad; } + #standardtoolboxdropdown a:visited:hover span { border-bottom: .25em solid #0b0080; } + #standardtoolboxscrolloverlay { padding-left: .9em; /* 1em (#content padding-left) * .9em (#content font-size) */ position: fixed; border-bottom: .25em solid #eee; background: #fff; padding-top: .25em; padding-bottom: .25em; width: -webkit-calc(100% - 13.4em); width: calc(100% - 13.4em); margin-left: -.9em; /* 1em (#content padding-left) * .9em (#content font-size) */ z-index: 9999; /* very high value to guarantee no elements on wikis will appear above it */ } + .dropdown-open { -webkit-transform: translateY(3em); -ms-transform: translateY(3em); transform: translateY(3em); } #maintitlemessages { font-size: .9em; padding-top: 1.25em; padding-bottom: .5em; } + #siteSub { font-size: .9em; padding-bottom: .25em; } + #contentSub, #contentSub2 { margin: 0; padding: 0; font-size: .9em; } #back-to-subject { display: none; } #smalltoolboxwrapper { display: none; } #site-notice { width: 100%; text-align: center; } #newtalk { margin-left: 2em; } #contentwrapper { min-height: 100%; position: relative; top: 3em; background-color: white; z-index: 2; font-family: sans-serif; border-bottom: .25em solid #eee; } #contentwrapper * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.4); } #content { padding: 0em 1em; line-height: 1.5em; font-size: 0.875em; word-wrap: break-word; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #252525; } #sidebarwrapper { width: 12em; position: fixed; top: 0; color: white; z-index: 2; height: 100%; } /* * Hide the list bullet icons. This is not terribly useful by default, but there * are extensions which can add entire portlets to the sidebarwrapper, and said portlets * might be using the