Current oav website

dotclear._no/admin/style/scss/partials/_mediaqueries.scss

@@ -0,0 +1,105 @@
+/* ------------------------------------------------------------------------------------
+															UN POIL DE MEDIA QUERIES
+------------------------------------------------------------------------------------ */
+
+@media screen and (max-width: $xl-screen) {
+  #header,
+  h1 {
+    background: $header-background-alt;
+  }
+  #top-info-user {
+    background: $header-background;
+    a.active {
+      color: $header-active-color-alt;
+      background: $header-active-background-alt;
+    }
+  }
+  #wrapper {
+    background: $wrapper-background;
+  }
+  .modules {
+    th.module-desc,
+    td.module-desc {
+      display: none;  // Module description is also in title of the raw
+    }
+  }
+}
+
+@media screen and (max-width: $s-screen) {
+	#help-button {
+    background-color: $header-border;
+		padding: 0;
+		font-size: .83em;
+		line-height: 68px;
+	}
+}
+
+@media screen and (max-width: $xs-screen) {
+  h1 a {
+    &:link {
+      border-right: 1px solid $tabs-border;
+    }
+    &:hover,
+    &:focus {
+      border-right: 1px solid $tabs-border;
+    }
+  }
+	#dashboard-main {
+		padding: 0;
+	}
+	#content,
+	.hide-mm #content {
+		padding: 0 .5em !important;
+	}
+	#main #content > h2 {
+		padding: 6px 30px 4px .5em;
+	}
+	.cell,
+	#filters-form .cell {
+		border: none;
+		padding: 1em;
+	}
+	.pseudo-tabs li {
+    border-top: 1px solid $tabs-border;
+		padding: .25em;
+		&:first-child,
+		&:nth-of-type(2) {
+			border-top: none;
+		}
+	}
+}
+
+@media screen and (max-width: $xxs-screen) {
+  h1,
+  h1 a {
+    border-right: $header-border-alt !important;
+  }
+	#content.with-help #help {
+		font-size: 1.2rem // 12px;
+	}
+	p.top-add {
+		text-align: center;
+	}
+	.multi-part {
+		padding-left: 0;
+	}
+	.part-tabs ul {
+		padding: 0 .5em;
+	}
+	#icons p {
+		padding: 1em .25em;
+	}
+	.box.current-theme {
+		padding: 10px;
+	}
+	th,
+	td {
+		padding: 0.3em 1em 0.3em 0;
+	}
+  .pseudo-tabs li {
+    border-top: 1px solid $tabs-border !important;
+  }
+	.pseudo-tabs li:first-child {
+		border-top: none;
+	}
+}