summaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
authorSteve Dibb <beandog@gentoo.org>2010-02-11 20:17:46 -0700
committerSteve Dibb <beandog@gentoo.org>2010-02-11 20:17:46 -0700
commit32a7a5f8d8b36ae6acb6e566ff3d371b7a145c4b (patch)
treef9b8efa8def14998bc8f7a4fed123cc34c98f8db /css
parentZero (diff)
downloadznurt-org-frontend-32a7a5f8d8b36ae6acb6e566ff3d371b7a145c4b.tar.gz
znurt-org-frontend-32a7a5f8d8b36ae6acb6e566ff3d371b7a145c4b.tar.bz2
znurt-org-frontend-32a7a5f8d8b36ae6acb6e566ff3d371b7a145c4b.zip
initial commit
Diffstat (limited to 'css')
-rw-r--r--css/cs.css9
-rw-r--r--css/de.css9
-rw-r--r--css/es.css9
-rw-r--r--css/gr.css9
-rw-r--r--css/master.css634
-rw-r--r--css/tr.css9
6 files changed, 679 insertions, 0 deletions
diff --git a/css/cs.css b/css/cs.css
new file mode 100644
index 0000000..20f3012
--- /dev/null
+++ b/css/cs.css
@@ -0,0 +1,9 @@
+ #header #logo {
+ background: url('../img/czech_gentoo_ebuilds.png') no-repeat;
+ position: absolute;
+ width: 307px;
+ height: 123px;
+ display: block;
+ top: 30px;
+ left: 50px;
+ } \ No newline at end of file
diff --git a/css/de.css b/css/de.css
new file mode 100644
index 0000000..e2691ca
--- /dev/null
+++ b/css/de.css
@@ -0,0 +1,9 @@
+ #header #logo {
+ background: url('../img/german_ebuilds_logo.png') no-repeat;
+ position: absolute;
+ width: 307px;
+ height: 123px;
+ display: block;
+ top: 30px;
+ left: 50px;
+ } \ No newline at end of file
diff --git a/css/es.css b/css/es.css
new file mode 100644
index 0000000..a27fa3f
--- /dev/null
+++ b/css/es.css
@@ -0,0 +1,9 @@
+ #header #logo {
+ background: url('../img/nuevos_ebuilds_logo.png') no-repeat;
+ position: absolute;
+ width: 307px;
+ height: 123px;
+ display: block;
+ top: 30px;
+ left: 50px;
+ } \ No newline at end of file
diff --git a/css/gr.css b/css/gr.css
new file mode 100644
index 0000000..ff0a6a6
--- /dev/null
+++ b/css/gr.css
@@ -0,0 +1,9 @@
+ #header #logo {
+ background: url('../img/greek_gentoo_ebuilds.png') no-repeat;
+ position: absolute;
+ width: 307px;
+ height: 123px;
+ display: block;
+ top: 30px;
+ left: 50px;
+ } \ No newline at end of file
diff --git a/css/master.css b/css/master.css
new file mode 100644
index 0000000..220b15d
--- /dev/null
+++ b/css/master.css
@@ -0,0 +1,634 @@
+html, body {
+ height: 100%;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+ background: #333;
+ font-family: Arial, Helvetica, Verdana, Sans-serif;
+ font-size: 12px;
+ line-height: 18px;
+ color: #333;
+}
+
+#wrapper {
+ width: 960px;
+ margin: 0 auto;
+ padding:0;
+/* background: #fff; */
+ background: #fff url('../img/sidebar_background.png') repeat-y right top;
+}
+
+/* -------------------------------------------------------- */
+/* HEADER */
+/* -------------------------------------------------------- */
+#header {
+ height: 198px;
+ background: url(../img/header_background.jpg) no-repeat;
+ position: relative;
+}
+
+ #header #logo {
+ background: url('../img/fresh_ebuilds_logo.png') no-repeat;
+ position: absolute;
+ width: 307px;
+ height: 123px;
+ display: block;
+ top: 30px;
+ left: 50px;
+ }
+
+ #header #logo h1 a {
+ width: 307px;
+ height: 123px;
+ display: block;
+ text-indent: -99999px;
+ }
+
+
+/* -------------------------------------------------------- */
+/* MAIN CONTENT AREA */
+/* -------------------------------------------------------- */
+#main {
+ width: 750px;
+ float: left;
+}
+
+ #sortBy {
+ margin-left: 30px;
+ margin-right: 15px;
+ }
+
+ #sortBy ul {
+ list-style: none;
+ margin: 0;
+ margin-top: 5px;
+ }
+
+ #sortBy ul li {
+ margin: 0;
+ padding: 0;
+ line-height: 40px;
+ height: 40px;
+ float: left;
+ }
+
+ #sortBy ul li a{
+ background: url('../img/nav_bg_center.jpg') repeat-x;
+ padding: 0 7px;
+ overflow: hidden;
+ display: block;
+ border-right: 1px solid #ccc;
+ text-decoration: none;
+ font-size: 11px;
+ }
+
+ #sortBy ul li.first a {
+ background: url('../img/nav_bg_left.png') no-repeat left top;
+ }
+
+ #sortBy ul li.last a{
+ background: url('../img/nav_bg_right.png') no-repeat right top;
+ border:none;
+ }
+
+ #sortBy ul li.first a:hover {
+ background-position: left bottom;
+ }
+
+ #sortBy ul li.last a:hover {
+ background-position: right bottom;
+ }
+
+ #sortBy ul li a:hover, #sortBy ul li a.active {
+ color: #fff;
+ text-decoration: none;
+ background-position: left bottom;
+ }
+
+ .package {
+ margin-bottom: 20px;
+ margin-top: 15px;
+ }
+
+ .pkg_container {
+ background: #e8e8e8;
+ width: 710px;
+ margin-left: 30px;
+ }
+
+ .pkg_name {
+ width: 400px;
+ height: 33px;
+ background: url('../img/package_background.png') no-repeat right top;
+ margin-left: -30px;
+ margin-top: -16px;
+ float:left;
+ }
+
+ .pkg_date {
+ padding: 10px 17px 15px 0;
+ font-size: 10px;
+ color: #666;
+ float: right;
+ }
+
+ .recent_changes, .description {
+ font-size: 11px;
+ color: #666;
+ margin: 0 0 0 25px;
+ }
+
+ /* Releases Table */
+ .releases {
+ border: 2px solid #999;
+ border-bottom: 1px solid #999;
+ margin: 0 0 10px 25px;
+ font-size: 10px;
+ line-height: 11px;
+ clear: both;
+ }
+ .releases tr {
+ background: #fff;
+ }
+
+ .releases td, .releases th {
+ font-family: Verdana;
+ width: 25px;
+ height: 20px;
+ padding: 3px 4px;
+ text-align: center;
+ border-right: 1px solid #999;
+ border-bottom: 1px solid #999;
+ }
+
+ .releases th {
+ font-family: Arial;
+ background-color: #efefef;
+ }
+
+ .releases td.first_cell {
+ width: 125px;
+ }
+
+ .releases td.first_cell a:link {
+ color: #bc3510;
+ }
+
+ .releases td.last_cell, .releases th.last_cell {
+ border-right: none;
+ }
+
+ .stable { background-color: #8ec743; }
+ .testing { background-color: #ffd800; }
+ .not_keyword { background-color: #ffffff; }
+ .not_avail { background-color: #e2ded2; }
+ .m_stable { background-color: #f28d90; }
+
+ /* End Releases Table */
+
+ .pkg_meta {
+ width: 710px;
+ margin: 10px 0 0 30px;
+ }
+ .pkg_desc {
+ width: 220px;
+ margin-right: 10px;
+ float: left;
+ }
+
+ .pkg_col {
+ width: 100px;
+ margin: 0 8px;
+ float: left;
+ }
+
+ .pkg_row {
+ padding-top: 12px;
+ margin-left: 50px;
+ }
+
+ .pkg_row li {
+ display: inline;
+ padding-right: 12px;
+ }
+
+ .pkg_col h4, .pkg_desc h4, .pkg_row h4 {
+ margin: 0;
+ padding: 0;
+ font-weight: normal;
+ font-size: 10px;
+ color: #999;
+ }
+
+ .vr_dotted {
+ width: 3px;
+ height: 100px;
+ background: url('../img/vr_dotted.gif') repeat-y;
+ float: left;
+ }
+
+ .pkg_col ul, .pkg_row ul {
+ list-style: none !important;
+ margin: 0;
+ }
+
+ .pkg_col li a, .pkg_row li a {
+ color: #bc3510 !important;
+ }
+
+
+ .pkg_col li.meta_cvs, .pkg_row li.meta_cvs { background: url('../img/icon_drive_network.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+
+ .pkg_col li.meta_useflags, .pkg_row li.meta_useflags { background: url('../img/icon_flag_purple.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+ .pkg_col li.meta_changelog, .pkg_row li.meta_changelog { background: url('../img/icon_changelog.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+ .pkg_col li.meta_dependencies, .pkg_row li.meta_dependencies { background: url('../img/icon_bricks.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+ .pkg_col li.meta_bugs, .pkg_row li.meta_bugs { background: url('../img/icon_bugs.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+ .pkg_col li.meta_forums, .pkg_row li.meta_forums { background: url('../img/icon_forums.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+ .pkg_col li.meta_source, .pkg_row li.meta_source { background: url('../img/icon_source.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+ .pkg_col li.meta_mailing_list, .pkg_row li.meta_mailing_list { background: url('../img/icon_email.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+ .pkg_col li.meta_downloads, .pkg_row li.meta_downloads { background: url('../img/icon_disk.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+ .pkg_col li.meta_license, .pkg_row li.meta_license { background: url('../img/icon_asterisk_orange.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+ .pkg_col li.meta_timeline_marker, .pkg_row li.meta_timeline_marker { background: url('../img/icon_timeline_marker.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+
+ .pkg_col li.meta_homepage, .pkg_row li.meta_homepage { background: url('../img/icon_homepage.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+ .pkg_col li.meta_wiki, .pkg_row li.meta_wiki { background: url('../img/icon_layout.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+ .pkg_col li.meta_package, .pkg_row li.meta_package { background: url('../img/icon_package.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+ .pkg_col li.meta_database_table, .pkg_row li.meta_database_table { background: url('../img/icon_database_table.png') no-repeat left top; padding-left: 23px; line-height: 25px; }
+
+ .pkg_row li.meta_homepage, .pkg_row li.meta_wiki, .pkg_row li.meta_package, .pkg_row li.meta_useflags, .pkg_row li.meta_bugs, .pkg_row li.meta_forums, .pkg_row li.meta_mailing_list, .pkg_row li.meta_changelog, .pkg_row li.meta_database_table {
+ padding-bottom: 2px;
+ }
+
+ #pagination {
+ width: 710px;
+ margin: 0 10px 0 0;
+ padding: 0;
+ float: right;
+ }
+ #pagination img {
+ margin: 7px 0 0 10px;
+ float: right;
+ }
+
+
+/* -------------------------------------------------------- */
+/* SIDEBAR */
+/* -------------------------------------------------------- */
+#sidebar {
+ width: 204px;
+ float: right;
+ background: #f4f1e9 url('../img/sidebar_background.png') repeat-y;
+}
+
+ #search {
+ margin-top: 10px;
+ padding-bottom: 10px;
+ }
+
+ .searchForm {
+ padding-left: 15px;
+ padding-top: 5px;
+ padding-bottom: 0;
+ margin: 0;
+ }
+
+ #search .search {
+ display: none;
+ }
+
+ #search .q {
+ }
+
+ #legend {
+ width: 177px;
+ background: #e2ded2;
+ margin: 20px 0 20px 15px;
+ }
+
+ #legend ul {
+ list-style: none;
+ margin: 10px 0 10px 6px;
+ }
+
+ #legend li {
+ width: 155px;
+ height: 20px;
+ line-height: 21px;
+ padding-left: 10px;
+ margin-bottom: 1px;
+ }
+
+ #legend .legend_top {
+ background: #e2ded2 url('../img/tanBox_top.jpg') no-repeat;
+ width: 177px;
+ height: 5px;
+ }
+
+ #legend .legend_bottom {
+ background: #e2ded2 url('../img/tanBox_bottom.jpg') no-repeat;
+ width: 177px;
+ height: 5px;
+ }
+
+ #social_media {
+
+ }
+
+ #social_media ul {
+ list-style: none;
+ margin: 0;
+ margin-left: 25px;
+ margin-top: 15px;
+ }
+
+ #social_media ul li {
+ height: 30px;
+ line-height: 23px;
+ padding-left: 30px;
+ }
+
+ #social_media ul li.feed {
+ background: url('../img/icon_rss.png') no-repeat top left;
+ }
+
+ #social_media li.twitter {
+ background: url('../img/icon_twitter.png') no-repeat top left;
+ }
+
+
+ .meta {
+ margin: 0;
+ padding: 10px 0;
+ padding-left: 20px;
+ }
+
+
+#footer {
+ clear: both;
+}
+
+
+/* -------------------------------------------------------- */
+/* Links and Navigation */
+/* -------------------------------------------------------- */
+.mainNav {
+ list-style-type: none;
+ margin: 0;
+ padding: 10px 0;
+ padding-left: 15px;
+}
+
+ ul.mainNav a {
+ display: block;
+ height: 25px;
+ width: 170px;
+ line-height: 25px;
+ color: #333;
+ text-decoration: none;
+ text-indent: 20px;
+ background: url(../img/nav_bg.png) no-repeat left top;
+ border:none;
+ }
+
+ ul.mainNav a:hover {
+ background: url(../img/nav_bg.png) no-repeat right top;
+ border:none;
+ }
+
+ ul.mainNav li {
+ /* fixes IE */
+ display: inline;
+ }
+
+
+/* Set active nav */
+/* These correspond to whatever you set as body id */
+#home ul.mainNav .home a,
+#new_packages ul.mainNav .new_packages a,
+#new_ebuilds ul.mainNav .new_ebuilds a,
+#categories ul.mainNav .categories a,
+#useflags ul.mainNav .useflags a,
+#licenses ul.mainNav .licenses a,
+#linguas ul.mainNav .linguas a,
+#about ul.mainNav .about a,
+#arch ul.mainNav .arch a,
+#bugs ul.mainNav .bugs a {
+ background: url('../img/nav_bg.png') no-repeat right top;
+}
+
+
+/* -------------------------------------------------------- */
+/* Typography */
+/* -------------------------------------------------------- */
+h2 {
+ margin: 10px 0 0 50px;
+ padding: 0;
+ font-weight: normal;
+ font-size: 26px;
+ line-height: 28px;
+ padding-bottom: 10px;
+ color: #44337a;
+ text-transform: capitalize;
+}
+
+h3 {
+ font-size: 16px;
+ line-height: 18px;
+ margin: 0;
+ padding: 0;
+ font-weight: normal;
+}
+
+h4 {
+ font-weight: bold;
+ color: #44337a;
+ font-size: 11px;
+ letter-spacing: 1px;
+ text-transform: uppercase;
+ margin: 0;
+ padding: 0;
+ margin-left: 14px;
+}
+
+p {
+ margin: 0;
+ padding: 0;
+ padding-bottom: 9px;
+ font-size: 12px;
+ line-height: 18px;
+ color: #333;
+}
+
+a {
+ outline: none;
+}
+
+code {
+ font-family:Courier;
+ margin: 0;
+ color: #666;
+ display: block;
+ font-size: 12px;
+ line-height: 14px;
+ padding: 0 20px 12px 20px;
+}
+
+.copyright {
+ font-size: 9px;
+ line-height: 11px;
+ color: #666;
+}
+
+/* -------------------------------------------------------- */
+/* Utilities */
+/* -------------------------------------------------------- */
+.clear {
+ clear: both;
+}
+
+input, form {
+ margin: 0;
+ padding: 0;
+ vertical-align: top;
+}
+
+hr {
+ border: none;
+ height: 1px;
+ background: #fff url(../img/hr.png) repeat-x;
+ width: 85%;
+}
+
+hr.pkg_rule {
+ border: none;
+ height: 3px;
+ background: url(../img/hr_dotted.png) no-repeat;
+ width: 95%;
+ margin-left: 30px;
+ margin-bottom: 50px;
+ color: #fff;
+}
+
+a:link, a:visited {
+ color: #bc3510;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #bc3510;
+ text-decoration: underline;
+}
+
+li a:link, li a:visited {
+ color: #333;
+ text-decoration: none;
+}
+
+li a:hover {
+ color: #bc3510;
+ text-decoration: underline;
+}
+
+h3 a:link, h3 a:visited {
+ color: #bc3510;
+ text-decoration: none;
+ border:0;
+}
+
+h3 a:hover {
+ text-decoration: underline;
+}
+
+h2 a:link, h2 a:visited {
+ color: #44347a;
+ text-decoration: none;
+ border: 0;
+}
+
+h2 a:hover {
+ text-decoration: underline;
+}
+
+a.pkg_link:link, a.pkg_link:visited {
+ font-size: 16px;
+ font-weight: bold;
+/* text-decoration: underline; */
+ color: #fff;
+ margin-left: 30px;
+ line-height: 32px;
+}
+
+ul {
+ margin-left: 32px;
+ padding: 0;
+}
+
+ul.recent_packages {
+ list-style-image: url(../img/bullet.png);
+}
+
+img, a {
+ text-decoration: none;
+ border: 0;
+}
+
+form, input {
+ margin: 0;
+ padding: 0;
+}
+
+table.categories {
+ margin: 0 25px 25px 30px;
+}
+
+table.useflags, table.dependencies, table.feeds, table.licenses {
+ margin: 0 5px 25px 15px;
+}
+
+table.bugs {
+ margin: 0 5px 10px 15px;
+}
+
+table tr.even {
+ background-color: #e8e8e8;
+}
+
+table tr.even a:visited, table tr.even a:link, table tr.odd a:visited, table tr.odd a:link {
+ color: black;
+ white-space: nowrap;
+ text-decoration: underline;
+}
+
+.changelog .date {
+ font-weight: bold;
+ color: #702570;
+}
+
+p.recent_changes, p.description {
+ color: black;
+}
+
+p.recent_changes a, p.description a {
+ color: black;
+
+}
+
+p.recent_changes a:hover, p.description a:hover {
+ text-decoration: none;
+ border-bottom: 1px dotted black;
+}
+
+p.recent_changes b, p.description b {
+ color: #941304;
+/* color: #666; */
+}
+
+div.description {
+ margin-left: 14px;
+}
+
+div.about {
+ margin: 0 5px 0 14px;
+} \ No newline at end of file
diff --git a/css/tr.css b/css/tr.css
new file mode 100644
index 0000000..62a7906
--- /dev/null
+++ b/css/tr.css
@@ -0,0 +1,9 @@
+ #header #logo {
+ background: url('../img/turkish_gentoo_ebuilds.png') no-repeat;
+ position: absolute;
+ width: 307px;
+ height: 123px;
+ display: block;
+ top: 30px;
+ left: 50px;
+ } \ No newline at end of file