[tools: 1/2] hey, let's all hack on this CSS file

[Pete Travis]

commit 273a27ee866183d890f6c1a71788d023e760bea5
Author: Pete Travis <immanetize at fedoraproject.org>
Date:   Mon May 19 12:43:47 2014 -0600

    hey, let's all hack on this CSS file

 site-files/site_overrides.css |  221 +++++++++++++++++++++++++++++++++++++++++
 1 files changed, 221 insertions(+), 0 deletions(-)
---
diff --git a/site-files/site_overrides.css b/site-files/site_overrides.css
new file mode 100644
index 0000000..0d2b564
--- /dev/null
+++ b/site-files/site_overrides.css
@@ -0,0 +1,221 @@
+.types a {
+        display: none !important;
+}
+
+div.types:before {
+        content:url("en-US/images/types.png") !important;
+        z-index: -999 !important;
+}
+
+div.types {
+        display: inline !important;
+        position: absolute;
+        right: 5px;
+        padding: 0px !important;
+        margin: 0px !important;
+        margin-top: -18px !important;
+        color: black !important;
+}
+
+div.types:hover:before {
+        content:"" !important;
+        z-index: 999 !important;
+}
+
+div.types:hover {
+        background: none !important;
+        background-color: #f5f5f5 !important;
+	border: 1px solid #aaaaaa !important;
+        z-index: 999 !important;
+        padding-top: .5em !important;
+        padding-left: 5px !important;
+        padding-right: 5px !important;
+        padding-bottom: .5em !important;
+        margin-top: -15px !important;
+        right: 7px !important;
+}
+
+.types:hover a,
+.current .types:hover a {
+        position: relative !important;
+        display: block !important;
+        color: #666666 !important;
+        padding-top: .5em !important;
+        z-index: 10 !important;
+}
+
+.current div.types:hover {
+        color: #666666 !important;
+        background-color: #ccddee !important;
+}
+
+.types:hover a:hover,
+.current .types:hover a:hover {
+        color:#000000!important;
+}
+
+a.product, a.version {
+        display: none !important;
+}
+
+span.book {
+	margin-top: 0px !important;
+	margin-bottom: 0px !important;
+	padding-top: 2px !important;
+	padding-bottom: 2px !important;
+}
+
+
+#menu a:focus {
+  outline: 1px dotted !important;
+}
+.menu div#menu div{
+  color: #ffffff;
+  font-family: "ComfortaaRegular", "sans-serif";
+  font-weight: normal;
+  font-size: 14pt;
+  text-shadow: 0px 2px 1px #294172;
+  margin-top: 0em;
+  margin-left: 10px;
+  margin-bottom: 3px;
+  background-color: #3C6EB4;
+}
+div.side_products {
+  width:200px;
+/*  height:300px; */
+  -webkit-border-radius: 2px 7px 7px 2px;
+  -moz-border-radius: 2px 7px 7px 2px;
+  border-radius: 2px 7px 7px 2px;
+  border: 2px solid #3C6EB4;
+  border-left: 0px;
+  background-color:#fff;
+  padding-top: 0px !important;
+}
+.side_products div.link a {
+  padding-left: 10px !important;
+  text-decoration: none !important;
+  color: #3C6EB4 !important;
+}
+.menu .side_products div.link a.active {
+  color: #EEEEEE !important;
+  margin: 0px;
+  position: relative;
+  -webkit-border-radius: 1px 5px 5px 1px;
+  -moz-border-radius: 1px 5px 5px 1px;
+  border-radius: 1px 5px 5px 1px;
+ /* border:2px solid #3C6EB4;*/
+  background-color: #3C6EB4
+  }
+.menu div.side_products div.link a.active:after {
+display: none;
+}
+
+div.title {
+  margin-left: -69px;
+  padding-right:35px;
+  -webkit-border-radius: 2px 7px 7px 2px;
+  -moz-border-radius: 2px 7px 7px 2px;
+  border-radius: 2px 7px 7px 2px;
+  border: 2px solid #3C6EB4;
+  border-left: 22px;
+  background-color:#fff;
+  padding-top: 0px !important;
+  padding-left:50px;
+  background-size: auto 90% !important;
+  background-position: 6px 3px !important;
+}
+.bottom_products > div.title span a {
+  color: #3C6EB4 !important;
+}
+
+.bottom_products > div.title span a:hover {
+  color: #3C6EB4 !important;
+}
+
+.version_tabs {
+  margin: 0px !important;
+  left: 5px;
+}
+.version_tabs span.link a {
+  -webkit-border-radius: 2px 2px 7px 7px;
+  -moz-border-radius: 2px 2px 7px 7px;
+  border-radius: 2px 2px 7px 7px;
+  border: 2px solid #3C6EB4;
+  background-color: #C4D0E3;
+  color: #3C6EB4;
+  /*  background-color: #3C6EB4 !important;*/
+}
+.version_tabs span.link a:hover {
+  color: #C4D0E3;  
+  background-color: #3C6EB4;
+}
+div#Fedora div.title {
+  background: url('http://fedoraproject.org/static/images/fedora-logo.png') no-repeat scroll transparent ;
+}
+.version_tabs span.link a.active {
+  background-color: #3C6EB4 !important;
+  color: #C4D0E3 !important;
+}
+.version_tans span:before {
+  display:none !important
+}
+div#wrapper div#menu {
+    background-color: #3C6EB4 !important;
+  }
+
+.breadcrumb a {
+  color: #ECECEC !important;
+}
+
+.side_products div.link a.active {
+  background-color: #3C6EB4 !important;
+}
+
+#menu div.breadcrumb:hover {
+  background-color: #3C6EB4 !important;
+  text-shadow: 1.5px 1.5px #000 !important;
+}
+.breadcrumb:after {
+  border-color: transparent transparent transparent !important;
+  border: none !important;
+  display: none !important;
+}
+.breadcrumb:before {
+
+  -webkit-border-radius: 1px 1px 1px 1px;
+  -moz-border-radius: 1px 1px 1px 1px;
+  border-radius: 1px 1px 1px 1px;
+  border-color: #C4D0E3 !important;
+  border-color: transparent transparent transparent #C4D0E3 !important;
+  border-width: 0px 1px 0px 1px;
+/*  border: none !important;*/
+}
+  #menu ul a {
+  color: #3C6EB4 !important;
+}
+#menu ul a:hover {
+  background-color: #3C6EB4 !important;
+  font-style: bold !important;
+}
+#menu div ul  {
+  background-color: #C4D0E3 !important;
+  text-shadow: none;
+  color: #3C6EB4 !important;
+}
+
+.menu .bottom_versions .title span { 
+  background-color: #3C6EB4 !important;
+  left: -40px !important;
+  padding-left: 60px !important;
+  position: relative;
+  -webkit-border-radius: 1px 5px 5px 1px;
+  -moz-border-radius: 1px 5px 5px 1px;
+  border-radius: 1px 5px 5px 1px;
+ /* border:2px solid #3C6EB4;*/
+  background-color: #3C6EB4
+  }
+
+.bottom_versions > .title span a {
+  color: #ECECEC !important;
+}
+