www/css_rtl gnu-blue.css gnu.css gnu-high.css g...

[Abbas Esmaeeli Some eh]

CVSROOT:        /web/www
Module name:    www
Changes by:     Abbas Esmaeeli Some  eh <esmaeeli>      07/02/12 11:31:49

Added files:
        css_rtl        : gnu-blue.css gnu.css gnu-high.css gnu-new.css 
                         gnu-pink.css gnu-print.css 

Log message:
        New style for RTL languages

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/css_rtl/gnu-blue.css?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/css_rtl/gnu.css?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/css_rtl/gnu-high.css?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/css_rtl/gnu-new.css?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/css_rtl/gnu-pink.css?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/css_rtl/gnu-print.css?cvsroot=www&rev=1.1

Patches:
Index: gnu-blue.css
===================================================================
RCS file: gnu-blue.css
diff -N gnu-blue.css
--- /dev/null   1 Jan 1970 00:00:00 -0000
+++ gnu-blue.css        12 Feb 2007 11:31:34 -0000      1.1
@@ -0,0 +1,24 @@
+
address@hidden url('/css_rtl/gnu-new.css');
+
+
address@hidden screen {
+body{
+font-size: 130%;}
+
+h1,h2,h3,h4,h5,h6{color: white !important; font-weight: bold;}
+
+body, #top2, #sidebar, #translations, #footer {
+background-color: #0000FF !important;
+color: white;
+}
+
+#translations{border: 0;}
+
+a:link{color: yellow !important;}
+
+a:hover{background-color: black !important;}
+
+a:visited{color: white !important;}
+}
+

Index: gnu.css
===================================================================
RCS file: gnu.css
diff -N gnu.css
--- /dev/null   1 Jan 1970 00:00:00 -0000
+++ gnu.css     12 Feb 2007 11:31:34 -0000      1.1
@@ -0,0 +1,415 @@
+/*
+gnu.css -- css stylesheet used on www.gnu.org
+
+Copyright (C) 2006 Free Software Foundation
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+   
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+   
+*/
+
address@hidden screen{
+
+html, body{
+       padding: 0;
+       margin: 0;
+}
+
+body{
+       font-family: "Tahoma", sans-serif; /* favour free fonts!! */
+       background-color: #fff;
+       margin: 0;
+       padding: 1em;
+       color: #333;
+       direction: rtl;
+}
+
+h1,h2,h3,h4,h5,h6{
+       color: #000;
+       font-weight: bold;
+       font-family: "Tahoma", sans-serif; /* favour free fonts!! */
+       border: 0;
+       background-color: transparent;
+}
+
+h1{
+       font-size: 1.7em;
+}
+
+
+a:link { 
+       color: #1f00ff; 
+       background-color: transparent;
+       text-decoration: underline;
+       }
+
+a:visited { 
+       color: #9900dd; 
+       background-color: transparent;
+       text-decoration: underline;
+       }
+
+a:hover { 
+       color: red; 
+       background-color: transparent;
+       text-decoration: underline;
+       }
+
+.center {
+       text-align: center;
+}
+
+.italic { 
+       font-style: italic; 
+       }
+
+.bold {
+        font-weight: bold;
+        }
+
+.quote {
+       margin-left: 40px;
+       margin-right: 40px;
+}
+
+.hrsmall {
+       width: 80px;
+       height: 1px;
+       margin-right: 20px;
+}
+
+.td_title {
+       border-color: #3366cc;
+       border-style: solid;
+       border-width: thin;
+       color: #3366cc;
+       background-color : #f2f2f9; 
+       font-weight: bold; 
+}
+
+.td_con {
+       padding-top: 3px; 
+       padding-right: 8px; 
+       padding-bottom: 3px; 
+       color : #303030; 
+       background-color : #fefefe; 
+}
+
+.translations {
+       background-color: transparent; 
+}
+
+.fsflink {
+       border-bottom: #3366cc thin solid; 
+       direction: rtl;
+}
+
+/*
+ * rtl stands for right-to-left layout, as in farsi/persian,
+ * arabic, etc. See also trans_rtl.
+ */
+.fsflink_rtl {
+       border-bottom: #3366cc thin solid; 
+       padding-right: 0.2em; 
+       padding-bottom: 0.2em;
+}
+
+.trans {
+       padding-right: 1em; 
+}
+
+img {
+       border: 0px !important;
+}
+
+p{
+       font-size: 1.0em;
+}
+
+td.side {
+       color: #3366cc;
+/*     background: #f2f2f9; 
+       border-color: #3366cc;
+       border-style: solid;
+       border-width: thin; */
+       border-color: white;
+       border-style: none;
+       vertical-align: top;
+       width: 150px;
+}
+
+div.copyright, #footer {
+       border: 0px;
+       padding: 0.4em;
+       border-top: 2px solid #06C;
+}
+
+
+.translations-list2, .translations-list2 li, #validation, #validation li{
+       direction: rtl;
+       list-style: none;
+       display: inline;
+       padding: 0;
+       margin: 0;
+}
+
+.translations-list2 li{
+       padding-left: 0.3em;
+       border-right: 1px solid #AAA;
+       padding-right: 0.3em;
+       margin: 0;
+}
+
+.translations-list2 li:first-child {
+        border-right: 0;
+        padding-right: 0;
+}
+
+.translations-list, .translations-list li, #validation, #validation li{
+       list-style: none;
+       display: inline;
+       padding: 0;
+       margin: 0;
+}
+
+.translations-list li{
+       padding-right: 0.3em;
+       border-left: 1px solid #AAA;
+       padding-left: 0.3em;
+       margin: 0;
+}
+
+.translations-list li:first-child {
+        border-left: 0;
+        padding-left: 0;
+}
+
+.footnoteref {
+       vertical-align: text-top;
+}
+
+/* Please don't remove -- "ss" class is used in Polish pages */
+.ss > li, .ss > dt { margin-top: 1em; margin-bottom:0.2em; }
+.ss >li > p, .ss > dd > p { margin-top: 0.4em; margin-bottom:0; }
+
+/* styles copied from fsf.org/plone.css */
+
+ul { 
+    direction: "rtl";
+    line-height: 1.5em;
+    list-style-type: square;
+    margin: 0.5em 1.5em 0 0;
+    padding: 0;
+    list-style-image: url(http://www.fsf.org/bullet.gif);
+}
+
+ol {
+    line-height: 1.5em;
+    margin: 0.5em 1.5em 0 0;
+    padding: 0;
+}
+ul a, ol a {
+    text-decoration: underline;
+}
+/* testing, karl 20aug06  li {
+    margin-bottom: 1em;
+} */
+dt {
+    font-weight: bold;    
+}
+dt a {
+    text-decoration: underline;
+}
+
+dd {
+    line-height: 1.5em;
+    margin-bottom: 1em;
+}
+dd a {
+    text-decoration: underline;
+}
+
+dd.link a {
+    text-decoration: none;
+    color: Black;
+}
+
+fieldset {
+    border: 1px solid #666666;
+    margin: 1em 0em 1em 0em;
+    padding: 0em 1em 1em 1em;
+    line-height: 1.5em;
+    width: auto;
+}
+legend {
+    background: White;
+    padding: 0.5em;
+    font-size: 90%;
+}
+
+form {
+    border: none;
+    margin: 0;
+}
+textarea {
+    font: 110% "Courier New", Courier, monospace; 
+    border: 1px solid #666666;  
+    color: Black;
+    background-color: white;
+    width: 100%;
+}
+input {
+    font-family: sans-serif;
+    visibility: visible;
+    border: 1px solid #666666;  
+    color: Black;
+    background-color: white;
+    vertical-align: middle;
+}
+select {
+    border: 1px solid #666666;  
+    color: Black;
+    vertical-align: top;
+}
+abbr, acronym, .explain {
+    border-bottom: 1px dotted Black;
+    color: Black;
+    background-color: transparent;
+    cursor: help;
+}
+q {
+    font-family: serif;
+    font-style: italic;
+}
+blockquote {
+    font-family: serif;
+    font-style: italic;
+}
+code {
+    color: Black;
+    background-color: #d4cfcb;
+    border: 1px dashed #666666;
+    padding: 0.1em 0;
+}
+pre {
+    padding: 1em;
+    border: 1px dashed #666666;
+    color: Black;
+    background-color: #d4cfcb;
+    overflow: auto;
+}
+.pre a {
+    text-decoration: underline;
+}
+
+ins {
+    color: green;
+    text-decoration: none;
+}
+
+del {
+    color: red;
+    text-decoration: line-through;
+}
+
+.netscape4 {
+    display: none;
+}
+
+.field {
+    top: 0;
+    right: 0;
+    margin: 0 0 1em 1em;    
+}
+
+a:link acronym{
+       border:0;
+       color: blue;
+}
+
+a:visited acronym{
+       color: purple;
+       border:0;
+
+}
+
+a:hover acronym{
+       color: red;
+       border:0;
+
+}
+
+.field .field {
+    margin: 1em 0 0 0;
+}
+
+.field label {
+    font-weight: bold;
+}
+
+.fieldRequired {
+    background: url(http://www.fsf.org/required.gif) center right no-repeat;
+    padding: 0 8px 0 0 ;
+    color: White;
+} 
+
+.formHelp {
+    font-size: 90%;
+    color: #76797c;
+    margin: 0 0 0.2em 0;
+}
+
+.formHelp a {
+    text-decoration: underline;
+}
+
+.formHelp:hover {
+    color: Black;
+    cursor: default;
+}
+
+.formControls {
+   margin: 1em 0 0 0; 
+}
+
+.highlight{
+background-color: #ffc;
+}
+
+/* Banner styles, work in progress */
+
+#top { 
+    width: 800px;
+    padding: 0;
+    margin: 0;
+}
+
+#top img {
+    float: right;
+    border: 0;
+}
+
+#top-stack {
+    float: right;
+    margin-top: 65px;
+    margin-right: 7px;
+}
+
+#top-stack img {
+    float: right;
+}
+
+.clear {
+    clear: both;
+}
+
+}

Index: gnu-high.css
===================================================================
RCS file: gnu-high.css
diff -N gnu-high.css
--- /dev/null   1 Jan 1970 00:00:00 -0000
+++ gnu-high.css        12 Feb 2007 11:31:34 -0000      1.1
@@ -0,0 +1,24 @@
+
address@hidden url('/css_rtl/gnu-new.css');
+
+
address@hidden screen {
+body{
+font-size: 130%;}
+
+h1,h2,h3,h4,h5,h6{color: magenta !important;}
+
+body, #top2, #sidebar, #translations, #footer{
+background-color: black !important;
+color: yellow;
+}
+
+#translations{border: 0;}
+
+a:link{color: cyan !important;}
+
+a:hover{background-color: black !important;}
+
+a:visited{color: pink !important;}
+}
+

Index: gnu-new.css
===================================================================
RCS file: gnu-new.css
diff -N gnu-new.css
--- /dev/null   1 Jan 1970 00:00:00 -0000
+++ gnu-new.css 12 Feb 2007 11:31:34 -0000      1.1
@@ -0,0 +1,325 @@
+/*
+gnu-new.css -- css stylesheet used on www.gnu.org
+
+Copyright (C) 2006 Free Software Foundation
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+   
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+   
+*/
+
address@hidden url('/css_rtl/gnu.css');
+
address@hidden screen{
+
+  body{
+  padding: 0;
+  margin: 0;
+  font-family: "Tahoma", sans-serif; 
+  font-size: 86%;
+  background-color: #fff;
+  }
+  
+  p{
+  line-height: 1.5em;
+  }
+  
+  #wrapper{
+  margin: 0;
+  background-color: transparent;
+  padding: 0em;
+  position: relative;
+  }
+  
+  #top2{
+  padding: 0;
+  clear: both;
+  background-color: #3F4C6B;
+  padding-top: 2.4em;
+  }
+
+  #navigation-bar{background-color: #222; direction: rtl;}
+
+  #navbar{text-align: center; direction: rtl;}
+
+  #navbar ul{list-style: none; line-height: 2em; padding-right: 0; 
margin-right: 0; direction: rtl;}
+
+  #navbar li{display: inline; margin-left: 0.5em;}
+
+  #navbar li a{ color: #ddd; font-weight: bold; font-size: 1.0em; padding: 
0.2em 0.3em 0.2em 0.3em; text-decoration: none; background-color: #555;}
+
+  #navbar li a:hover{background-color: transparent; color: yellow; 
border-bottom: 1px solid;}
+
+  
+  #searcher{
+  line-height: 2.1em;
+  text-align: left;
+  padding-left: 0.6em;
+  background-color: transparent;
+  margin-bottom: 0.4em;
+  margin-top: 0em;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  }
+
+#fsflinks{
+direction: rtl;
+position: absolute;
+top: 0;
+right: 0;
+font-size: 0.9em;
+background-color: #333;
+width: 100%;
+height: 2.4em;
+}
+
+#fsflinks ul{
+direction: rtl;
+list-style: none;
+}
+
+#fsflinks li {
+       display: inline;
+       padding-right: 0.3em;
+       border-right: 1px solid #333;
+}
+
+#fsflinks li:first-child {
+       border-right: 0;
+       padding-right: 0;
+}
+
+#fsflinks li a{
+//padding-right: 0.5em;
+color: #ccc !important;
+}
+  
+  #searcher label{
+  text-transform: uppercase;
+  color: #666;
+  font-weight: bold;
+  font-size: 0.7em;
+  }
+  
+  #banner{
+  text-align: center;
+  margin: 0 auto 0 auto;
+  max-width: 75em;
+  padding: 1em;
+  height: 7em;
+  }
+  
+  #banner h1{
+  padding-top: 0.1em;
+  font-size: 130%;
+  color: #fff;
+  }
+  
+  #links{
+  margin: 0;
+  padding: 0;
+  margin-left: 100px;
+  margin-right: 100px;
+  list-style: none;
+  }
+  
+  #links li{
+  direction: rtl;
+  display: inline;
+  border-right: 1px solid #fff;
+  padding-right: 0.7em;
+  padding-left: 0.5em;
+  }
+
+  #links li:first-child {
+        border-right: 0;
+        padding-right: 0;
+  }
+
+  #links li a{color: #fff !important; font-weight: bold; direction: rtl;}
+  
+  #gnulogo{
+  float: right;
+  margin-top: -3em;
+  }
+  
+  #dbdlogo{
+  float: left;
+  margin-top: -3em;
+  }
+  
+  #header {
+  float:right;
+  width:100%;
+  background:#fff url("/graphics/bg.png") repeat-x bottom;
+  font-size:93%;
+  line-height:normal;
+  }
+  #header ul {
+  margin:0;
+  padding:10px 0px 0px 10px;
+  list-style:none;
+  }
+  #header li {
+  float:right;
+  background:url("/graphics/left.png") no-repeat left top;
+  margin:0;
+  padding:0 9 0 0px;
+  }
+  #header a {
+  float:right;
+  display:block;
+  background:url("/graphics/right.png") no-repeat left top;
+  padding:5px 6px 4px 15px;
+  text-decoration:none;
+  font-weight:bold;
+  color:#765;
+  }
+
+  #header a:hover {
+  color:#333;
+  }
+  #header #current {
+  background-image:url("/graphics/left_on.png");
+  background-repeat: no-repeat;
+  }
+  #header #current a {
+  background-image:url("/graphics/right_on.png");
+  background-repeat: no-repeat;
+  color:#333;
+  padding-bottom:5px;
+  }
+  
+  #columns, #footer{
+  clear: both;
+  padding-left: 1em; padding-right: 1em;
+  margin: 1em auto 0 auto;
+  max-width: 75em;
+  }
+  
+
+
+  
+  #footer{
+  background-color: #fff;
+  border-top: 2px solid #ddd;
+  }
+  
+  .netscape4{
+  display: none !important;
+  height: 0;
+  }
+
+
+
+#sidebar {
+direction: rtl;
+margin-top: 1em;
+font-size: 0.9em;
+float: left;
+margin-right: 1.5em;
+margin-bottom: 1em;
+padding: 1em;
+background-color: #e5e5e5;
+border: 3px solid #ddd;
+}
+
+#sidebar h3{text-align: center; margin-top: 0; direction: rtl; text-transform: 
uppercase; font-size: 1em;}
+
+#sidebar ul{margin-bottom: 1.2em; direction: rtl; padding-right: 1em; 
margin-right: 0;}
+
+
+
+
+
+
+/* CSS classes for doing things like two columns */
+
+.rowOfBoxes {
+  clear: both;
+}
+
+.quarter, .oneThird, .half, .twoThirds, .fullWidth {
+  margin: 1em 0;
+  float: right;
+  border-right: 1px solid rgb(204,204,204);
+}
+
+.quarter {
+  width: 21%;
+  padding: 0 1.9%;
+}
+
+.oneThird {
+  width: 28%;
+  padding: 0 1.9%;
+}
+
+.half {
+  text-align: right;
+  width: 46%;
+  padding: 0 1.9%;
+}
+
+.half h3{padding: 0; margin: 0; font-size: 1.8em;}
+
+.twoThirds {
+  text-align: right;
+  width: 63%;
+  padding: 0 1.9%;
+}
+
+.fullWidth {
+  text-align: right;
+  width: 96%;
+  padding: 0 1.2em;
+  border-right: none;
+}
+
+.filler {  /* use with an empty <p> element to add padding to the end of a 
text box */
+  border: 1px solid white;
+}
+ 
+.noBorderOnLeft {
+  border-right: none;
+}
+
+.dividingBorderAbove {
+  border-top: 1px solid rgb(204,204,204);
+}
+
+#translations{margin: 0 auto 0 auto; direction: ltr; max-width: 73em; border: 
2px solid #d10; background-color: #ffb; padding: 1em; margin-bottom: 2em;}
+
+#translations h3, #translations h4{padding-top: 0; margin-top: 0; direction: 
rtl;}
+
+#magicwrapper{background-color: lime; width: 65em; margin: 0 auto 0 auto;}
+
+#validator{position: absolute; bottom: 0; left: 1em;}
+
+/* as per peterb request */
+
+h2, h3{text-align: center; margin-bottom: 1em;}
+
+.announcement{float: left; background-color: #ffb; color: #333; font-size: 
1.0em; direction: rtl; text-align: center; border: 1px solid #333; margin-left: 
2em; margin-top: 1em; margin-bottom: 1em; margin-right: 1.5em; width: 18em; 
padding: 0.4em;}
+}
+
+img{ border: 0; }
+
+/* gecko enhancements */
+
+#sidebar, #translations{ 
+
+-moz-border-radius: 1em;
+
+ }

Index: gnu-pink.css
===================================================================
RCS file: gnu-pink.css
diff -N gnu-pink.css
--- /dev/null   1 Jan 1970 00:00:00 -0000
+++ gnu-pink.css        12 Feb 2007 11:31:34 -0000      1.1
@@ -0,0 +1,7 @@
address@hidden screen{
address@hidden url('/css_rtl/gnu-new.css');
+
+#top2{
+background-color: #ea1588;
+}
+}

Index: gnu-print.css
===================================================================
RCS file: gnu-print.css
diff -N gnu-print.css
--- /dev/null   1 Jan 1970 00:00:00 -0000
+++ gnu-print.css       12 Feb 2007 11:31:34 -0000      1.1
@@ -0,0 +1,22 @@
+body{
+direction: rtl;
+font-family: "Tahoma", serif;
+background-color: white;
+color: black;
+font-size: 10pt;
+line-height: 1.5em;
+}
+
+.netscape4, #sidebar, #navigation-bar, #fsflinks, #gnulogo, #dbdlogo, #links, 
#translations, #searcher{display: none !important;}
+
+
+a {
+  color: black;
+  background-color: transparent;
+  text-decoration: none;
+}
+
+a[href]:after {  /* Prints the links' URIs after the links' texts. Doesn't 
work in MSIE */
+  content: "<" attr(href) ">";
+}
+