static/css/main.rtl.css

   1 /* RTL modifications to the main stylesheet of Email Self-Defense */
   2
   3 #header ul.os .spacer {
   4     padding: .25em 2em .25em 0;
   5 }
   6
   7 #header #infographic {
   8     float: right;
   9     margin: 0 0 .5em 1em;
  10 }
  11
  12 .main h3 {
  13     padding-left: 0; padding-right: .5em;
  14     border-left: 0; border-right: 8px solid #ff9b12;
  15 }
  16
  17 #pgp-pathfinder input[type='submit'],
  18 #pgp-pathfinder input[type='reset'] {
  19     margin-left: 0; margin-right: 5px;
  20 }
  21
  22 #pgp-pathfinder .buttons {
  23     margin-left: 0; margin-right: 4em;
  24 }
  25
  26 .dropdown > h4.expanded {
  27     border-radius: 3px 0 0 3px;
  28 }
  29
  30
  31 /* ==========================================================================
  32    Media Queries
  33    ========================================================================== */
  34
  35 @media only screen and (min-width: 600px) and (max-width: 949px) {
  36
  37     #header .intro {
  38         float: left;
  39     }
  40
  41     #header #fsf-intro {
  42         float: right;
  43         padding-right: 0;
  44         border-right: 0;
  45     }
  46
  47 }
  48
  49 @media (min-width:800px) {
  50
  51     p.float.small {
  52         float: left;
  53         margin: 0 30px 20px 7.5%;
  54     }
  55
  56 }
  57
  58 @media only screen and (min-width: 950px) {
  59
  60     .nav ul.lang {
  61         margin: 0 0.5em 0 0;
  62     }
  63
  64     #header .intro {
  65         float: right;
  66         margin-right: 0; margin-left: 1.72%;
  67     }
  68
  69     #header #fsf-intro {
  70         float: left;
  71         padding-left: 0; padding-right: 1.72%;
  72         border-left: 0; border-right: 8px solid #ff9b12;
  73     }
  74
  75     .row .sidebar { /* 3 columns 125px + 20px margins*/
  76         float: right;
  77         clear: right;
  78     }
  79
  80     .row .main { /* 5 columns 125px + 100px margins*/
  81         float: left;
  82         margin-left: 0; margin-right: 1.72%;
  83     }
  84
  85     .sidebar ul.images li {
  86         float: right;
  87         margin: 0 0 1em 3%;
  88     }
  89
  90     .sidebar ul.images li:nth-child(n) {
  91         margin: 0 3% 0 0;
  92     }
  93
  94     .sidebar ul.images li:nth-child(2n+1) {
  95         clear: right;
  96         margin: 0 0 1em 3%;
  97     }
  98
  99     p.float.medium {
 100         float:left;
 101         margin:0 30px 20px 7.5%;
 102     }
 103
 104 }