One month and a half after the first TEDx event took place in Oujda, Morocco (for more information about TED and TEDx you may go to http://www.ted.com and http://www.ted.com/tedx) am still feeling inspired by the ideas I saw that day, and by the speakers I met, it was an unforgettable experience, this was the first TEDx event in the city and the 3rd in the country.

I was honored to be a member of TEDxOujda organizers team.

Suppose we have a CSS file called style.css, now create a separate CSS file, let's call it style-rtl.css for example, the first file contains all of our CSS properties, the other one will only contains the flipped CSS rules.

For example, if we are styling links in style.css as:

a{color:red; margin-left:10px;}

in the styles-rtl.css stylesheet we'll only include the flipped rule:

a{margin-right:10px;}

And then we link both:

<link rel="stylesheet" type="text/css" href="styles.css"/>
<link rel="stylesheet" type="text/css" href="styles-rtl.css"/>

Make sure you include the overriding stylesheet after the original one to ensure the rules are overridden.

But notice that the link in RTL now has a margin-left of 10px AND a margin-right of 10px which is not what we want. We want the margin-left to be a margin-right. In that case we "reset" the margin-left like below:

a {margin-left:0; margin-right:10px;}

Back from Google Days Maghreb, it was really an amazing experience ! so much information, great people (specially the Googlers :D) and most of all, diving inside the "Google culture", it was an unforgettable three days, full of techie conferences, workshops and fun :) I hope that this will be just the beginning of Google here in Morocco.