Commit 5be8032d authored by Alexandre Friquet's avatar Alexandre Friquet
Browse files

Fixes design issues with IE (aka CSS3Pie): refs #23.

parent 20a50698
This diff is collapsed.
......@@ -150,7 +150,7 @@ $(document).ready(function() {
$columns.toggleClass(menuShownClass);
});
color_input_alternative();
// color_input_alternative();
$('a').on("click", ".expendable", function(event) {
event.preventDefault();
......
......@@ -63,8 +63,8 @@ $dark-grey: scale-saturation($oligaa-blue, -75);
@include font-face("Open Sans", dryer-font-files("OpenSans-LightItalic"), "OpenSans-LightItalic.eot", 300, italic);
@include font-face("Open Sans", dryer-font-files("OpenSans-Bold"), "OpenSans-Bold.eot", bold);
@include font-face("Open Sans", dryer-font-files("OpenSans-BoldItalic"), "OpenSans-BoldItalic.eot", bold, italic);
@include font-face("Open Sans", dryer-font-files("OpenSans-SemiBold"), "OpenSans-Semibold.eot", 600);
@include font-face("Open Sans", dryer-font-files("OpenSans-SemiBoldItalic"), "OpenSans-SemiboldItalic.eot", 600, italic);
@include font-face("Open Sans", dryer-font-files("OpenSans-SemiBold"), "OpenSans-SemiBold.eot", 600);
@include font-face("Open Sans", dryer-font-files("OpenSans-SemiBoldItalic"), "OpenSans-SemiBoldItalic.eot", 600, italic);
@mixin font-awesome($code) {
font-family: FontAwesome;
......
......@@ -24,7 +24,7 @@
nav#admin_links {
@extend .card-block;
@include background(linear-gradient(top, $oligaa-red, $white 20%, $white 80%, $oligaa-red));
//@include pie;
@include pie;
border: 1px solid $oligaa-red;
padding: 0;
text-align: center;
......
......@@ -23,7 +23,7 @@
@mixin gradient-li-separated {
@include background(linear-gradient(left, $white, $oligaa-blue, $white));
//@include pie;
@include pie;
& > li {
background-color: #FFF;
......
......@@ -46,7 +46,7 @@
padding: 0.2em 1em;
margin: 5px 0;
@include border-radius(10px);
//@include pie;
@include pie;
}
.edit_attachment {@extend .attachment-edition}
\ No newline at end of file
......@@ -26,7 +26,7 @@ $anchor : 1; // #Columns still visible when menu open
$menu-columns : $total-columns - $anchor;
body {
//@include pie;
@include pie;
background-repeat: no-repeat;
background-attachment: fixed;
font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
......@@ -35,6 +35,8 @@ body {
&.admin {
@include background(linear-gradient($oligaa-red, $white 256px));
-pie-background: linear-gradient($oligaa-red, $white 256px);
@include pie;
}
#page {
......@@ -48,9 +50,6 @@ body {
#columns {
@include pie-clearfix();
nav#admin_links {
}
nav#main-nav {
@include span-columns($menu-columns);
@include transition(300ms ease all);
......
......@@ -43,7 +43,7 @@ a {
.fa {
@include border-radius(3px);
//@include pie;
@include pie;
background: lighten($color, $background-lighten);
}
......@@ -128,13 +128,13 @@ a.add_nested_fields, a.remove_nested_fields {
@include border-radius(5px);
padding: 0.2em 1em;
@include background(linear-gradient(top, $white, $grey));
//@include pie;
@include pie;
&:link, &:visited {
color: black;
}
&:hover {
text-decoration: none;
@include background(linear-gradient(top, $grey, $white));
//@include pie;
@include pie;
}
}
......@@ -35,7 +35,7 @@
@include border-radius(3px);
@include box-shadow(#000 0px 4px 12px);
@include legacy-pie-clearfix;
//@include pie;
@include pie;
background-color: $white;
margin: 0 0 $gutter-width 0;
padding: 0.5em 0;
......@@ -139,7 +139,7 @@ span.highlight { background-color: $oligaa-yellow}
.rounded_box {
@include border-radius(3px);
//@include pie;
@include pie;
}
.last_update {
......@@ -171,7 +171,7 @@ span.highlight { background-color: $oligaa-yellow}
border: 1px solid darkgrey;
padding: 1px 5px;
@include border-radius(5px);
//@include pie;
@include pie;
}
.edit_logo {
......@@ -179,7 +179,7 @@ span.highlight { background-color: $oligaa-yellow}
margin-bottom: 10px;
padding: 5px;
@include border-radius(5px);
//@include pie;
@include pie;
}
#goToTop {
......
......@@ -21,9 +21,7 @@
* along with OLIGAA. If not, see <http://www.gnu.org/licenses/>.
*/
@import "compass/css3/pie";
$pie-behavior: javascript-url("PIE.htc");
$pie-base-class: pie-element;
.pie-element {
// @include pie-element(relative);
@mixin pie {
behavior: url(/assets/PIE.htc);
position: relative;
}
......@@ -36,7 +36,7 @@ body #page #columns #content #event_types_filter {
margin: 0;
padding: 0 0.5em;
@include border-radius(3px);
//@include pie;
@include pie;
}
}
......@@ -52,7 +52,7 @@ dl.events {
dt {
@include border-radius(3px);
//@include pie;
@include pie;
padding: 0 0.5em;
}
......
......@@ -40,7 +40,7 @@
&[type="submit"] {
@include background(linear-gradient(#1D65A6, $oligaa-blue));
//@include pie;
@include pie;
color: $white;
&:active {
......
......@@ -114,7 +114,7 @@ form#members_filter {
@include border-radius(3px);
@include span-columns(4, 8);
@include pre(2, 8);
//@include pie;
@include pie;
border: 1px solid $oligaa-blue;
color: $white;
font-size: 1em;
......
......@@ -127,7 +127,7 @@ body #page #columns #content #home_news {
span {
@include border-radius(3px);
//@include pie;
@include pie;
background-color: $grey;
color: $white;
padding: 0.2em 1em;
......
......@@ -41,7 +41,7 @@
&[type="submit"] {
@include background(linear-gradient(#1D65A6, $oligaa-blue));
//@include pie;
@include pie;
color: $white;
&:active {
......
......@@ -52,8 +52,9 @@ module ApplicationHelper
background: -webkit-linear-gradient(#{top_color}, #{bottom_color});
background: -moz-linear-gradient(#{top_color}, #{bottom_color});
background: -o-linear-gradient(#{top_color}, #{bottom_color});
-pie-background: linear-gradient(#{top_color}, #{bottom_color});
background: linear-gradient(#{top_color}, #{bottom_color});
-pie-background: linear-gradient(#{top_color}, #{bottom_color});
behavior: url(/assets/PIE.htc);
}
h1, li.current, li.newsletter_item div.item_desc h2 {
color: #{h1_color};
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment