diff --git a/roles/cgit/base/files/cgit-fedora.css b/roles/cgit/base/files/cgit-fedora.css
new file mode 100644
index 0000000000..f36a619813
--- /dev/null
+++ b/roles/cgit/base/files/cgit-fedora.css
@@ -0,0 +1,664 @@
+body, table, form {
+	padding: 0em;
+	margin: 0em;
+}
+
+a {
+	color: blue;
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+table {
+      background: none;
+      border-collapse: collapse;
+}
+
+table#header {
+	width: 100%;
+	margin-bottom: 1em;
+}
+
+table#header td.logo {
+	width: 96px;
+}
+
+table#header td.main {
+	font-size: 250%;
+	margin-top: 10px;
+	white-space: nowrap;
+	padding-left: 50px;
+}
+
+table#header td.main a {
+	color: #000;
+}
+
+table#header td.form {
+	text-align: right;
+	vertical-align: bottom;
+	padding-right: 1em;
+	padding-bottom: 2px;
+	white-space: nowrap;
+}
+
+table#header td.form form,
+table#header td.form input,
+table#header td.form select {
+	font-size: 90%;
+}
+
+table#header td.sub {
+	color: #777;
+	border-top: solid 1px #ccc;
+	padding-left: 60px;
+}
+
+table.tabs {
+	/* border-bottom: solid 2px #ccc; */
+	border-collapse: collapse;
+	margin-top: 2em;
+	margin-bottom: 0px;
+	width: 100%;
+}
+
+table.tabs td {
+	padding: 0px 1em;
+	vertical-align: bottom;
+}
+
+table.tabs td a {
+	padding: 2px 0.75em;
+	color: #777;
+	font-size: 110%;
+}
+
+table.tabs td a.active {
+	color: #000;
+	background-color: #ccc;
+}
+
+table.tabs td.form {
+	text-align: right;
+}
+
+table.tabs td.form form {
+	padding-bottom: 2px;
+	font-size: 90%;
+	white-space: nowrap;
+}
+
+table.tabs td.form input,
+table.tabs td.form select {
+	font-size: 90%;
+}
+
+div.path {
+	margin: 0px;
+	padding: 5px 2em 2px 2em;
+	color: #000;
+	background-color: #eee;
+}
+
+div.content {
+	margin: 0px;
+	padding-top: 2em;
+	border-top: solid 3px #ccc;
+}
+
+table.list {
+	width: 100%;
+	border: none;
+	border-collapse: collapse;
+}
+
+table.list tr {
+	background: none;
+}
+
+table.list tr.logheader {
+	background: #eee;
+}
+
+table.list tr:hover {
+	background: #eee;
+}
+
+table.list tr.nohover:hover {
+	background: white;
+}
+
+table.list th {
+	font-weight: bold;
+	/* color: #888;
+	border-top: dashed 1px #888;
+	border-bottom: dashed 1px #888;
+	*/
+	padding: 0.1em 0.5em 0.05em 0.5em;
+	vertical-align: baseline;
+}
+
+table.list td {
+	border: none;
+	padding: 0.1em 0.5em 0.1em 0.5em;
+}
+
+table.list td.commitgraph {
+	font-family: monospace;
+	white-space: pre;
+}
+
+table.list td.commitgraph .column1 {
+	color: #a00;
+}
+
+table.list td.commitgraph .column2 {
+	color: #0a0;
+}
+
+table.list td.commitgraph .column3 {
+	color: #aa0;
+}
+
+table.list td.commitgraph .column4 {
+	color: #00a;
+}
+
+table.list td.commitgraph .column5 {
+	color: #a0a;
+}
+
+table.list td.commitgraph .column6 {
+	color: #0aa;
+}
+
+table.list td.logsubject {
+	font-family: monospace;
+	font-weight: bold;
+}
+
+table.list td.logmsg {
+	font-family: monospace;
+	white-space: pre;
+	padding: 0 0.5em;
+}
+
+table.list td a {
+	color: black;
+}
+
+table.list td a.ls-dir {
+	font-weight: bold;
+	color: #00f;
+}
+
+table.list td a:hover {
+	color: #00f;
+}
+
+img {
+	border: none;
+}
+
+input#switch-btn {
+	margin: 2px 0px 0px 0px;
+}
+
+td#sidebar input.txt {
+	width: 100%;
+	margin: 2px 0px 0px 0px;
+}
+
+table#grid {
+	margin: 0px;
+}
+
+td#content {
+	vertical-align: top;
+	padding: 1em 2em 1em 1em;
+	border: none;
+}
+
+div#summary {
+	vertical-align: top;
+	margin-bottom: 1em;
+}
+
+table#downloads {
+	float: right;
+	border-collapse: collapse;
+	border: solid 1px #777;
+	margin-left: 0.5em;
+	margin-bottom: 0.5em;
+}
+
+table#downloads th {
+	background-color: #ccc;
+}
+
+div#blob {
+	border: solid 1px black;
+}
+
+div.error {
+	color: red;
+	font-weight: bold;
+	margin: 1em 2em;
+}
+
+a.ls-blob, a.ls-dir, a.ls-mod {
+	font-family: monospace;
+}
+
+td.ls-size {
+	text-align: right;
+	font-family: monospace;
+	width: 10em;
+}
+
+td.ls-mode {
+	font-family: monospace;
+	width: 10em;
+}
+
+table.blob {
+	margin-top: 0.5em;
+	border-top: solid 1px black;
+}
+
+table.blob td.lines {
+	margin: 0; padding: 0 0 0 0.5em;
+	vertical-align: top;
+	color: black;
+}
+
+table.blob td.linenumbers {
+	margin: 0; padding: 0 0.5em 0 0.5em;
+	vertical-align: top;
+	text-align: right;
+	border-right: 1px solid gray;
+	background-color: #eee;
+}
+
+table.blob pre {
+	padding: 0; margin: 0;
+}
+
+table.blob a.no, table.ssdiff a.no {
+	color: gray;
+	text-align: right;
+	text-decoration: none;
+}
+
+table.blob a.no a:hover {
+	color: black;
+}
+
+table.bin-blob {
+	margin-top: 0.5em;
+	border: solid 1px black;
+}
+
+table.bin-blob th {
+	font-family: monospace;
+	white-space: pre;
+	border: solid 1px #777;
+	padding: 0.5em 1em;
+}
+
+table.bin-blob td {
+	font-family: monospace;
+	white-space: pre;
+	border-left: solid 1px #777;
+	padding: 0em 1em;
+}
+
+table.nowrap td {
+	white-space: nowrap;
+}
+
+table.commit-info {
+	border-collapse: collapse;
+	margin-top: 1.5em;
+}
+
+table.commit-info th {
+	text-align: left;
+	font-weight: normal;
+	padding: 0.1em 1em 0.1em 0.1em;
+	vertical-align: top;
+}
+
+table.commit-info td {
+	font-weight: normal;
+	padding: 0.1em 1em 0.1em 0.1em;
+}
+
+div.commit-subject {
+	font-weight: bold;
+	font-size: 125%;
+	margin: 1.5em 0em 0.5em 0em;
+	padding: 0em;
+}
+
+div.commit-msg {
+	white-space: pre;
+	font-family: monospace;
+}
+
+div.notes-header {
+	font-weight: bold;
+	padding-top: 1.5em;
+}
+
+div.notes {
+	white-space: pre;
+	font-family: monospace;
+	border: solid 1px #ee9;
+	background-color: #ffd;
+	padding: 0.3em 2em 0.3em 1em;
+	float: left;
+}
+
+div.notes-footer {
+	clear: left;
+}
+
+div.diffstat-header {
+	font-weight: bold;
+	padding-top: 1.5em;
+}
+
+table.diffstat {
+	border-collapse: collapse;
+	border: solid 1px #aaa;
+	background-color: #eee;
+}
+
+table.diffstat th {
+	font-weight: normal;
+	text-align: left;
+	text-decoration: underline;
+	padding: 0.1em 1em 0.1em 0.1em;
+	font-size: 100%;
+}
+
+table.diffstat td {
+	padding: 0.2em 0.2em 0.1em 0.1em;
+	font-size: 100%;
+	border: none;
+}
+
+table.diffstat td.mode {
+	white-space: nowrap;
+}
+
+table.diffstat td span.modechange {
+	padding-left: 1em;
+	color: red;
+}
+
+table.diffstat td.add a {
+	color: green;
+}
+
+table.diffstat td.del a {
+	color: red;
+}
+
+table.diffstat td.upd a {
+	color: blue;
+}
+
+table.diffstat td.graph {
+	width: 500px;
+	vertical-align: middle;
+}
+
+table.diffstat td.graph table {
+	border: none;
+}
+
+table.diffstat td.graph td {
+	padding: 0px;
+	border: 0px;
+	height: 7pt;
+}
+
+table.diffstat td.graph td.add {
+	background-color: #5c5;
+}
+
+table.diffstat td.graph td.rem {
+	background-color: #c55;
+}
+
+div.diffstat-summary {
+	color: #888;
+	padding-top: 0.5em;
+}
+
+table.diff {
+	width: 100%;
+}
+
+table.diff td {
+	font-family: monospace;
+	white-space: pre;
+	font-size: 12px;
+}
+
+table.diff td div.head {
+	font-weight: bold;
+	margin-top: 1em;
+	color: black;
+}
+
+table.diff td div.hunk {
+	color: #009;
+}
+
+table.diff td div.add {
+	color: green;
+}
+
+table.diff td div.del {
+	color: red;
+}
+
+.sha1 {
+	font-family: monospace;
+	font-size: 90%;
+}
+
+.left {
+	text-align: left;
+}
+
+.right {
+	text-align: right;
+}
+
+table.list td.reposection {
+	font-style: italic;
+	color: #888;
+}
+
+a.button {
+	font-size: 80%;
+	padding: 0em 0.5em;
+}
+
+a.primary {
+	font-size: 100%;
+}
+
+a.secondary {
+	font-size: 90%;
+}
+
+td.toplevel-repo {
+
+}
+
+table.list td.sublevel-repo {
+	padding-left: 1.5em;
+}
+
+div.pager {
+	text-align: center;
+	margin: 1em 0em 0em 0em;
+}
+
+div.pager a {
+	color: #777;
+	margin: 0em 0.5em;
+}
+
+span.age-mins {
+	font-weight: bold;
+	color: #080;
+}
+
+span.age-hours {
+	color: #080;
+}
+
+span.age-days {
+	color: #040;
+}
+
+span.age-weeks {
+	color: #444;
+}
+
+span.age-months {
+	color: #888;
+}
+
+span.age-years {
+	color: #bbb;
+}
+div.footer {
+	margin-top: 0.5em;
+	text-align: center;
+	font-size: 80%;
+	color: #ccc;
+}
+a.branch-deco {
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #88ff88;
+	border: solid 1px #007700;
+}
+a.tag-deco {
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #ffff88;
+	border: solid 1px #777700;
+}
+a.remote-deco {
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #ccccff;
+	border: solid 1px #000077;
+}
+a.deco {
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #ff8888;
+	border: solid 1px #770000;
+}
+
+div.commit-subject a {
+	margin-left: 1em;
+	font-size: 75%;
+}
+
+table.stats {
+	border: solid 1px black;
+	border-collapse: collapse;
+}
+
+table.stats th {
+	text-align: left;
+	padding: 1px 0.5em;
+	background-color: #eee;
+	border: solid 1px black;
+}
+
+table.stats td {
+	text-align: right;
+	padding: 1px 0.5em;
+	border: solid 1px black;
+}
+
+table.stats td.total {
+	font-weight: bold;
+	text-align: left;
+}
+
+table.stats td.sum {
+	color: #c00;
+	font-weight: bold;
+/*	background-color: #eee; */
+}
+
+table.stats td.left {
+	text-align: left;
+}
+
+table.vgraph {
+	border-collapse: separate;
+	border: solid 1px black;
+	height: 200px;
+}
+
+table.vgraph th {
+	background-color: #eee;
+	font-weight: bold;
+	border: solid 1px white;
+	padding: 1px 0.5em;
+}
+
+table.vgraph td {
+	vertical-align: bottom;
+	padding: 0px 10px;
+}
+
+table.vgraph div.bar {
+	background-color: #eee;
+}
+
+table.hgraph {
+	border: solid 1px black;
+	width: 800px;
+}
+
+table.hgraph th {
+	background-color: #eee;
+	font-weight: bold;
+	border: solid 1px black;
+	padding: 1px 0.5em;
+}
+
+table.hgraph td {
+	vertical-align: center;
+	padding: 2px 2px;
+}
+
+table.hgraph div.bar {
+	background-color: #eee;
+	height: 1em;
+}
+
+table.ssdiff {
+	width: 100%;
+}
+
+tbody {
+	width: 100%;
+}
diff --git a/roles/cgit/base/files/cgit.css b/roles/cgit/base/files/cgit.css
new file mode 100644
index 0000000000..4a613651b0
--- /dev/null
+++ b/roles/cgit/base/files/cgit.css
@@ -0,0 +1,253 @@
+/* First include the Fedora style sheets. */
+@import "fedora-layout.css";
+@import "fedora-style.css";
+/* Then include the cgit style sheet */
+@import "cgit-fedora.css";
+
+div#cgit span.libravatar img.onhover {
+        display: none;
+        border: 1px solid gray;
+        padding: 0px;
+        -webkit-border-radius: 4px;
+        -moz-border-radius: 4px;
+        border-radius: 4px;
+        width: 128px;
+        height: 128px;
+}
+
+div#cgit span.libravatar img.inline {
+        -webkit-border-radius: 3px;
+        -moz-border-radius: 3px;
+        border-radius: 3px;
+        width: 13px;
+        height: 13px;
+        margin-right: 0.2em;
+        opacity: 0.4;
+}
+
+div#cgit span.libravatar:hover > img.onhover {
+        display: block;
+        position: absolute;
+        margin-left: 1.5em;
+        background-color: #eeeeee;
+        box-shadow: 5px 5px 3px #bbb;
+}
+
+table#header td.logo {
+	height: 72px;
+	width: 274px;
+}
+
+/* Removing padding around body */
+body {
+	padding: 0px;
+	background: url(/cgit-data/images/html-bg.png) repeat-x scroll 0 10px #FFFFFF;
+   height: 100%;
+   margin-bottom: 0px;
+   color: #2E3436;
+   font-family: Cantarell,'Droid Sans','DejaVu Sans',Arial,sans-serif;
+   font-size: 13px;
+   line-height: 1.5;
+   width: 100%;
+}
+
+#page {
+    width: 100%;
+}
+
+/* Make link colors more gnome-ish */
+a, a:visited, a:hover, table.list td a:hover {
+    color: #3465A4;
+}
+
+/* global domain bar */
+#global_domain_bar .maxwidth {
+    position: relative;
+}
+
+.maxwidth {
+    margin: 0 auto;
+    width: 98%;
+}
+
+#global_domain_bar .tab {
+    background: none repeat scroll 0 0 #FFFFFF;
+    border-radius: 5px 5px 5px 5px;
+    box-shadow: 0 4px 2px -2px #8FB3D9;
+    float: right;
+    font-size: 9px;
+    line-height: 16px;
+    padding: 4px;
+    margin-top: -17px;
+    right: 0;
+    white-space: nowrap;
+}
+
+#global_domain_bar .tab a.root:last-child {
+    border-right: 0 none;
+    margin-right: 0;
+    padding-right: 0;
+}
+
+#global_domain_bar .tab a.root {
+    background: url(cgit-data/images/favicon.png) no-repeat scroll 0 0 #FFFFFF;
+    border-right: 1px solid #CCCCCC;
+    color: #555753;
+    font-weight: bold;
+    margin-right: 3px;
+    padding-left: 18px;
+    padding-right: 6px;
+    text-decoration: none;
+}
+
+
+/* Kill some space in the cgit header, and mark it clear */
+table#header {
+    margin-top: 3em;
+    margin-bottom: 2em;
+    clear: both;
+}
+
+/* Drop the font size for the heading down */
+table#header td.main {
+	font-size: 250%;
+}
+
+/* When we killed the body padding, this cell is at the screen edge, move it back */
+table#header td.right {
+    padding-right: 4px;
+}
+
+/* kill some more vertical space in the cgit header */
+table.tabs {
+    margin-top: 0em;
+}
+
+/* FOOTER  */
+
+#footer {
+    background: none repeat scroll 0 0 #D3D7CF;
+    clear: left;
+    color: #555753;
+    padding: 14px 0 230px;
+    margin: auto;
+    font-size: 11px;
+    line-height: 1.5em;
+}
+
+/* Make the branch/tag decoration a little smaller */
+a.branch-deco, a.tag-deco {
+    display: inline-block;
+    font-size: 90%;
+    padding: 1px 0.25em;
+}
+
+/*top bar*/
+
+#top_bar ul {
+    list-style: none outside none;
+    margin: 0;
+    padding: 0 5px;
+}
+
+#top_bar ul li {
+    display: inline;
+    margin: 0 5px 0 0;
+}
+
+#top_bar a {
+    -moz-transition: background 100ms linear 0s;
+    border-radius: 4px 4px 4px 4px;
+    color: #FFFFFF;
+    outline: 0 none;
+    padding: 4px 14px;
+    text-decoration: none;
+    text-shadow: 0 1px 0 #000000;
+}
+
+.hidden {
+    display: none;
+}
+
+table.tabs td.form input, table.tabs td.form select {
+    font-size: 90%;
+}
+input, textarea {
+    border: 25px solid #6F6F6F;
+}
+button, input[type="reset"], input[type="button"], input[type="submit"] {
+    -moz-appearance: button;
+    -moz-binding: none;
+    -moz-box-sizing: border-box;
+    -moz-user-select: none;
+    background-color: buttonface;
+    border: 2px outset buttonface;
+    color: buttontext;
+    cursor: default;
+    font: ;
+    line-height: normal;
+    padding: 0 6px;
+    text-align: center;
+    text-shadow: none;
+    white-space: pre;
+}
+input {
+    -moz-appearance: textfield;
+    -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
+    -moz-user-select: text;
+    background-color: -moz-field;
+    border: 2px inset threedface;
+    color: -moz-fieldtext;
+    cursor: text;
+    font: ;
+    letter-spacing: normal;
+    line-height: normal !important;
+    padding: 1px 0;
+    text-align: start;
+    text-indent: 0;
+    text-rendering: optimizelegibility;
+    text-shadow: none;
+    text-transform: none;
+    word-spacing: normal;
+}
+
+/*logo*/
+
+#header #logo {
+    float: left;
+}
+
+#header #logo img {
+    -moz-transition: opacity 200ms ease-out 0s;
+    height: 78px;
+    margin-left: 10px;
+    opacity: 1;
+    width: 250px;
+    left: 10px;
+    margin-top: 5px;
+}
+
+#header {
+    margin: 50px auto 30px;
+    width: 960px;
+    float: center;
+    font-size: 75%;
+}
+
+#cgit {
+	margin: auto;
+	width: 96%;
+}
+
+
+#top_bar .left {
+    float: left;
+    margin: 10px;
+    padding: 0;
+}
+
+#top_bar .right {
+    float: right;
+    margin: 10px;
+    padding: 0;
+}
diff --git a/roles/cgit/base/files/cgit.png b/roles/cgit/base/files/cgit.png
new file mode 100644
index 0000000000..5154b9678f
Binary files /dev/null and b/roles/cgit/base/files/cgit.png differ
diff --git a/roles/cgit/base/files/email-libravatar-korg.lua b/roles/cgit/base/files/email-libravatar-korg.lua
new file mode 100644
index 0000000000..9d35828aac
--- /dev/null
+++ b/roles/cgit/base/files/email-libravatar-korg.lua
@@ -0,0 +1,15 @@
+local md5 = require("md5")
+
+function filter_open(email, page)
+        buffer = ""
+        hexdigest = md5.sumhexa(email:sub(2, -2):lower())
+end
+
+function filter_close()
+        html("<span class='libravatar'><img class='inline' src='https://seccdn.libravatar.org/avatar/" .. hexdigest ..  "?s=20&amp;d=retro' /><img class='onhover' src='https://seccdn.libravatar.org/avatar/" .. hexdigest ..  "?s=128&amp;d=retro' /></span>" .. buffer)
+        return 0
+end
+
+function filter_write(str)
+        buffer = buffer .. str
+end
diff --git a/roles/cgit/base/files/favicon.ico b/roles/cgit/base/files/favicon.ico
new file mode 100644
index 0000000000..d1ae2d209a
Binary files /dev/null and b/roles/cgit/base/files/favicon.ico differ
diff --git a/roles/cgit/base/files/fedora-layout.css b/roles/cgit/base/files/fedora-layout.css
new file mode 100644
index 0000000000..cac7604211
--- /dev/null
+++ b/roles/cgit/base/files/fedora-layout.css
@@ -0,0 +1,300 @@
+/* Basic tags */
+
+#body {
+	margin: 90px 230px 0px 10px;
+	padding: 0px;
+}
+
+a img {
+	border: 0px;
+}
+
+/* Anchors */
+a {
+	color: #0000ff;
+}
+
+a:visited {
+	color: #551a8b;
+}
+
+a:active {
+	color: #ff0000;
+}
+
+/* Basic classes */
+
+.none { /* to add paragraph spacing to various elements for ttys */
+	margin: 0px;
+	padding: 0px;
+}
+
+.invisible { /* stuff that should appear when this css isn't used */
+	margin: 0px;
+	border: 0px;
+	padding: 0px;
+	height: 0px;
+	visibility: hidden;
+}
+
+/*
+.left {
+	margin: 10px;
+	padding: 0px;
+	float: left;
+}
+
+.right {
+	margin: 10px;
+	padding: 0px;
+	float: right;
+}
+
+.center {
+	text-align: center;
+}
+*/
+
+/* Common page elements: Header, footer, etc. */
+
+#logo {
+    border: 0 none;
+    height: 100px;
+    left: 0;
+    margin-top: 39px;
+    position: relative;
+    width: 64px;
+    z-index: 10;
+}
+
+#logo a img {
+	width: 274px;
+	height: 72px;
+	position: relative;
+}
+
+#hdr {
+	position: absolute;
+	z-index: 5;
+	top: 0px;
+	left: 0px;
+	right: 0px;
+	width: 100%;
+	height: 48px;
+	text-align: right;
+	background-color: #e3ffc3;
+	border-bottom: 1px solid #807d74;
+}
+
+#banner {
+	position: absolute;
+	z-index: 10;
+	top: 0px;
+	right: 0px;
+	border: 0px;
+	width: 300px;
+	height: 48px;
+}
+
+#banner a img {
+	width: 300px;
+	height: 48px;
+}
+
+#hdrNav {
+	position: absolute;
+	top: 54px;
+	left: 0px;
+
+	margin-left: 84px;
+	text-align: left;
+	vertical-align: middle;
+	font-size: small;
+}
+
+#hdrNav a {
+	color: #000000;
+}
+
+#hdrTitle {
+	height: 48px;
+	padding: 10px 10px 0px 0px;
+	font-weight: bold;
+}
+
+
+/* Search thingy */
+
+#search {
+	font-size: small;
+	margin-bottom: 10px;
+	padding: 10px;
+	background-color: #dddddd;
+}
+
+#search input {
+	border: 1px solid #666666;
+	background-color: #ffffff;
+
+	vertical-align: middle;
+}
+
+/* Sidebar */
+
+#sidebar {
+	position: absolute;
+	top: 90px;
+	right: 0px;
+	width: 210px;
+
+	/*margin-right: 10px;*/
+	padding-right: 10px;
+	padding-bottom: 0px;
+	border-left: 1px dashed #dddddd;
+	background-color: #ffffff;
+}
+
+#sidebar p {
+	margin-top: 0px;
+	padding-left: 10px;
+	padding-right: 10px;
+}
+
+#sidebar p.section {
+	text-align: center;
+	font-weight: bold;
+	padding-top: 3px;
+	padding-bottom: 3px;
+	color: #999999;
+	background-color: #eeeeee;
+}
+
+#sidebar ul {
+  margin: 0em;
+  margin-bottom: 15px;
+  padding-left: 10px;
+  padding-right: 10px;
+  list-style-type: none;
+}
+
+#sidebar ul ul {
+  padding-left: 2em;
+  padding-right: 0em;
+  list-style-type: square;
+}
+
+/* Copyright footer */
+
+#copyright {
+	text-align: center;
+	font-size: small;
+	clear: both;
+
+	margin-top: 10px;
+	padding: 5px 0px 5px 0px;
+	color: #aaaaaa;
+}
+
+#copyright a {
+	color: #aaaaff;
+}
+
+#copyright a:visited {
+	color: #ffaaaa;
+}
+
+
+/* News Sections */
+
+p.newsitem {
+	clear: left;
+	margin-bottom: 20px;
+}
+
+p.newsitem img.newsicon {
+	float: left;
+	margin: 0px 10px 10px 10px;
+	border: 0px;
+}
+
+/* Generic Classes */
+
+div.code {
+	background-color: #e0e0e0;
+	color: #000000;
+	white-space: pre;
+	font-family: monospace;
+}
+
+#page {
+	margin: 0px;
+	padding: 0px;
+}
+
+div.in-column {
+	margin: 0 0 2em 1em;
+	float: right;
+	max-width: 12em;
+}
+
+hr {
+	color: #888;
+	background: #888;
+	border: 0;
+	height: 1px;
+	width: 90%;
+	text-align: center;
+	clear: both;
+}
+
+div.body {
+	clear: both;
+}
+
+div.sidebar {
+	position: absolute;
+	text-align: left;
+	right: 0px;
+	top: 60px;
+	width: 27ex;
+	padding-left: 1ex;
+	border-left: 1ex solid #eee;
+	margin-top: 4em;
+}
+
+div.sidebar h2 {
+	margin-top: 0;
+	padding: 5px 2ex 5px 2ex;
+	background: url(cgit-data/images/t.png) top left repeat-y;
+	font-size: 100%;
+}
+
+ul.toc {
+	padding: 0;
+	padding-left: 20px;
+	margin-left: 0;
+	margin-right: 10px;
+	list-style: none;
+}
+
+ul.toc li {
+	list-style: circle;
+}
+
+ul.toc li a {
+	text-decoration: none;
+	color: black;
+}
+
+ul.toc li a:hover {
+	text-decoration: underline;
+}
+
+/* page content */
+
+div#content {
+	clear: both;
+	padding: 1em;
+	margin: 1em;
+}
+
diff --git a/roles/cgit/base/files/fedora-style.css b/roles/cgit/base/files/fedora-style.css
new file mode 100644
index 0000000000..7a021f8ca8
--- /dev/null
+++ b/roles/cgit/base/files/fedora-style.css
@@ -0,0 +1,225 @@
+/**
+ * Styles that are not a part of page layout.
+ *
+ * For example:
+ *  Fonts
+ *  Sizes
+ *  Decoration
+ *  Separators
+ */
+body {
+  font-family: verdana, arial, sans-serif;
+}
+
+/*div#content {
+	max-width: 50em;
+}*/
+
+div#global_domain_bar a {
+    	color: #2E3436;
+    	font-family: Cantarell,'Droid Sans','DejaVu Sans',Arial,sans-serif;
+   	font-size: 14px;
+    	line-height: 1.6;
+}
+
+div#content a {
+	color: #3465a4;
+	border-bottom: 1px dotted #888;
+	text-decoration: none;
+}
+
+div#content a:hover {
+	border-bottom: 1px solid #888;
+}
+
+body {
+    font-family: Cantarell, 'Droid Sans', 'DejaVu Sans', Arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.6;
+    color: #2e3436;
+}
+
+body.win {
+    font-family: Verdana, Arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.6;
+    color: #2e3436;
+}
+
+body.win h1, body.win h2, body.win h3, body.win h4, body.win h5, body.win h6 {
+    font-family: "Trebuchet MS";
+}
+
+h1, h2, h3, h4, h5, h6, dt {
+    color: #0489B7;
+}
+h1 {
+    font-size: 42px;
+}
+h2 {
+    font-size: 25px;
+}
+h3, dt {
+    font-size: 21px;
+    margin: 0.4em 0 0.5em;
+    color: #2E3436;
+}
+dt {
+    color: #E36615;
+}
+dt a:hover {
+    color: #fa7721;
+}
+h4 {
+    font-size: 16px;
+    color: #ce5c00;
+}
+h5 {
+    font-size: 14px;
+}
+h6 {
+    font-size: 12px;
+}
+ol {
+    list-style:decimal;
+}
+ul {
+    list-style:square;
+}
+li {
+    margin-left:30px;
+}
+dl,dt,h1,h2,h3,h4,h5,h6,pre,table,address,fieldset {
+    margin: 0.8em 0 0.4em;
+}
+p, dd, .action_box, ul, ol {
+    margin: 0.4em 0 1em;
+}
+/* comment this out for now. See: https://fedorahosted.org/fedora-infrastructure/ticket/4235
+code {
+    background: #ececec; 
+    background: rgba(0,0,0,0.1);
+    padding: 1px;
+}
+*/
+
+
+/* Text classes */
+/* ========================================================================== */
+
+.highlight {
+    background: yellow;
+}
+
+.main_feature {
+    font-size: 16pt;
+    line-height: 130%;
+}
+
+.footnotes {
+    font-size: 11px;
+    color: #888a85;
+}
+.footnotes a {
+    color: #888a85;
+}
+
+#footer {
+    font-size: 11px;
+    line-height: 1.5em;
+}
+
+/*  lists  */
+
+div#page .list {
+  margin-top:.5em;
+}
+div#page .list tr td {
+  padding:.2em;
+  text-align:left;
+}
+div#page .list td label {
+  border-bottom:1px dashed #999;
+  font-weight:normal;
+}
+div#page .list th {
+  background: #ccf;
+  border: 1px solid #000;
+  font-weight: bold;
+  padding: 2px;
+}
+div#page .list th a {
+  display: block;
+  padding:.2em 1.2em .2em .2em;
+  text-align: left;
+}
+div#page .list th a:hover {
+  background-color: #fff;
+}
+.row1 {
+  background-color: #eee;
+}
+.row2 {
+  background-color: #ddd;
+}
+.row1:hover, .row2:hover {
+  background-color: #fff;
+}
+
+.record th {
+  text-align: right;
+}
+
+/* styling page content */
+
+h1 {
+	font-size: 1.5em;
+	color: #3f3f3f;
+}
+
+/* styling form widgets like bugzilla.gnome.org */
+input,textarea {
+ border: 1px solid #6f6f6f;
+/* background: #dddddd; */
+}
+
+input.login_small {
+ border-style: none;
+}
+
+input:focus,textarea:focus {
+  background-color: #f7f2d0;
+  color: #000000;
+}
+
+/* select {
+ border: groove
+} */
+
+option {
+ border: 0px none #ffffff;
+}
+
+input[type=radio] {
+  margin-left: 1em;
+}
+
+/* Syntax highlighting */
+
+table.blob .num  { color:#2928ff; }
+table.blob .esc  { color:#ff00ff; }
+table.blob .str  { color:#ff0000; }
+table.blob .dstr { color:#818100; }
+table.blob .slc  { color:#838183; font-style:italic; }
+table.blob .com  { color:#838183; font-style:italic; }
+table.blob .dir  { color:#008200; }
+table.blob .sym  { color:#000000; }
+table.blob .kwa  { color:#000000; font-weight:bold; }
+table.blob .kwb  { color:#830000; }
+table.blob .kwc  { color:#000000; font-weight:bold; }
+table.blob .kwd  { color:#010181; }
+
+table.list td a.ls-dir {
+	color: #0000FF;
+	font-weight: bold;
+}
diff --git a/roles/cgit/base/files/html-bg.png b/roles/cgit/base/files/html-bg.png
new file mode 100644
index 0000000000..b51984ee0b
Binary files /dev/null and b/roles/cgit/base/files/html-bg.png differ
diff --git a/roles/cgit/base/files/t.png b/roles/cgit/base/files/t.png
new file mode 100644
index 0000000000..7b673414db
Binary files /dev/null and b/roles/cgit/base/files/t.png differ
diff --git a/roles/cgit/base/tasks/main.yml b/roles/cgit/base/tasks/main.yml
new file mode 100644
index 0000000000..abb35894eb
--- /dev/null
+++ b/roles/cgit/base/tasks/main.yml
@@ -0,0 +1,26 @@
+---
+# tasklist for setting up CGit
+
+- name: install the needed packages
+  yum: pkg={{item}} state=present
+  with_items:
+  - cgit
+  - lua-md5
+
+# See https://github.com/robyduck/cgit-custom
+- name: add our custom theme
+  file: dest=/usr/share/cgit state=directory owner=root group=root mode=0755
+  file: dest=/usr/share/cgit/images state=directory owner=root group=root mode=0755
+  copy: src={{item}} dest=/usr/share/cgit/{{item}} owner=root group=root mode=0644
+  with_items:
+  - cgit.css
+  - cgit.png
+  - cgit-fedora.css
+  - fedora-layout.css
+  - fedora-style.css
+  - images/favicon.ico
+  - images/html-bg.png
+  - images/t.png
+
+- name: install the libravatar filter
+  copy: src=email-libravatar-korg.lua dest=/usr/libexec/cgit/filters/email-libravatar-korg.lua owner=root group=root mode=0755