pr@tic: add new variant

static/custom-pratic/style.css

@@ -0,0 +1,111 @@
+html, body {
+	background: #E6E7EB;
+}
+
+div#page {
+	background: white;
+	border: 1px solid #ccc;
+	border-width: 0 1px 0 1px;
+}
+
+div#footer-wrapper {
+	background: transparent;
+}
+
+div#footer {
+	background: #D5DEE3 url(logos-footer.png) no-repeat 1% 90%;
+	padding: 0;
+	margin: 0 auto;
+	min-height: 7em;
+	padding-top: 1em;
+	color: black;
+	border-top: 5px solid #005DA8;
+}
+
+div#footer p {
+	margin-top: 0;
+}
+
+div#footer div.cell {
+	padding: 1ex;
+}
+
+div#header {
+	z-index: 200;
+}
+
+div#header h1#logo {
+	background: url(creatic.png) no-repeat 10px 10px;
+	height: 114px;
+	width: 323px;
+}
+
+div#header h1#logo a {
+	display: block;
+	width: 100%;
+	height: 100%;
+	text-indent: -2000px;
+}
+
+#top {
+	background: url(cdg59.png) no-repeat 98% 10px;
+}
+
+#toplinks {
+	top: 162px;
+	right: 10px;
+	background: transparent;
+	font-weight: bold;
+	width: auto;
+}
+
+div#nav {
+	background: white;
+	padding: 0;
+	margin: 10px 0px;
+	height: 3em;
+}
+
+div#nav ul {
+	border-color: #6A0072;
+	border-bottom: 5px solid #D1002E;
+	height: 3em;
+	padding: 0;
+}
+
+div#nav a {
+	color: #6A0072;
+	border-right: 1px solid #6A0072;
+	font-weight: bold;
+	padding: 0px 20px;
+	display: inline-block;
+	line-height: 3em;
+	transition: background 0.5s, color 0.5s;
+}
+
+div#nav li {
+	float: left;
+	display: inline-block;
+	margin: 0;
+	padding: 0;
+}
+
+div#nav li:hover a,
+div#nav li.selected a {
+	background-color: #6A0072;
+	color: white;
+}
+
+
+div#nav li:after {
+	content: none;
+}
+
+#toplinks a.restricted {
+	top: -32px;
+	right: -10px;
+}
+
+div#content div.a2-block {
+	padding: 1em;
+}