-.pageheader {
- position: absolute;
- top: 0;
- height: 0;
- background: none;
- box-shadow: none;
+@media screen and (min-width: 45em) {
+ #logo {
+ width: auto;
+ height: 200px;
+ background: url(home-logo.png) no-repeat -490px center;
+ }
+ .body-wrapper > header {background: none;}
}
-
-.pageheader .title {
- display: none;
-}
-
-#pagebody {
- padding: 0.1em 2em;
+@media screen and (min-width: 45em) and (max-width: 900px) {
+ #logo {
+ background-position: right center;
+ }
}
-.sidebar {
- border-top: none;
- padding-top: 31px; /* need to add 1px normaly used by the sidebar */
-}
+h1.title {display: none;}
-#content {
- margin-top: 188px; /* same as #logo-home:height */
- padding-top: 0;
-}
-
-/* {{{ #logo-home */
-#logo-container {
- position: absolute;
- top: 0;
- left: -11.44em; /* same as .sidebar: width */
- width: 54em;
-}
-
-#logo-home {
- background: url(home-logo.png) no-repeat 100% 0;
- height: 188px;
-}
-
-#logo-home-subtext-fr, #logo-home-subtext-en {
+#logo-home-subtext-fr,
+#logo-home-subtext-en {
font-size: 160%;
line-height: 1em;
text-align: right;
margin-top: 1em;
}
+@media screen and (max-width: 45em) {
+ #logo-home-subtext-fr,
+ #logo-home-subtext-en {
+ font-size: 1.3em;
+ text-align: center;
+ }
+}
+
#logo-home-subtext-fr {
}
#logo-home-subtext-en {
}
-#logo-home-subtext-fr a , #logo-home-subtext-en a {
+#logo-home-subtext-fr a ,
+#logo-home-subtext-en a {
display: block;
font-weight: bold;
text-decoration: none;