X-Git-Url: https://git.stderr.nl/gitweb?a=blobdiff_plain;f=static%2Fdeadfoxjunction%2Fcss%2Fscreen.css;fp=static%2Fdeadfoxjunction%2Fcss%2Fscreen.css;h=92aaf5be07aa232d4abc4d261807306d565baa90;hb=85632494fa378e3721211bcb4d622479406a6cb5;hp=0000000000000000000000000000000000000000;hpb=9c683b78b34f4e5dacba53d3d68b8cdefcb239cc;p=matthijs%2Fprojects%2Fwipi.git

diff --git a/static/deadfoxjunction/css/screen.css b/static/deadfoxjunction/css/screen.css
new file mode 100644
index 0000000..92aaf5b
--- /dev/null
+++ b/static/deadfoxjunction/css/screen.css
@@ -0,0 +1,318 @@
+/*@import url('../../modern/css/screen.css');*/
+
+html, body {
+	margin:0px;
+	padding:0px;
+}
+
+
+html {
+	background-color:#0a0000;
+}
+
+/* Put some wooden boards behind the site */
+body {
+	background-image: url('../img/background.jpg');
+	background-repeat: repeat;
+}
+
+
+#header #logo {
+	width: 329px;
+	height: 162px;
+	margin-top: 60px;
+	margin-left: 45px;
+}
+
+/* Build the main layout. The header is left, the page is right and the footer
+ * ends up below both. We also clear #footerbottom so all of the floating
+ * stuff in the footer will still stretch up the body element and get a
+ * background. */
+#header {
+	float: left;
+	width: 400px;
+}
+
+#page {
+	float: left;
+}
+
+#footer, #footerbottom {
+	clear: both;
+}
+
+/****************************************
+ * Set up the menu bar at the left 
+ ****************************************/
+
+ul#menubar {
+	/* Disable all default list-style stuff */
+	padding-left:0px;
+	margin:0;
+	list-style-type:none;
+	list-style-position:outside;
+
+}
+
+ul#menubar li {
+	/* Center the menu items */
+	text-align: center;
+
+	/* Set a big font */
+	font-family: serif;
+	font-size: 35px;
+	font-weight: bold;
+
+	/* And set up some spacing */
+	height: 50px;
+}
+
+/* Disable underlining */
+ul#menubar li a {
+	text-decoration:none;
+}
+
+/* Give the menu bar links a hover color */
+ul#menubar li a:hover {
+	color:#FFD200;
+}
+
+
+/****************************************
+ * Set up the fancy window around the content
+ ****************************************/
+
+
+/* All of these parts have the same width, including the frame (actual window
+ * will be smaller) */
+#page, #pagetop, #pagemiddle, #pagebottom {
+	width: 730px;
+}
+
+/* Set the background images and heights */
+#pagetop {
+	height:390px;
+	background-image:url('../img/frame/top.png');
+} 
+
+#pagemiddle {
+	background-image:url('../img/frame/middle.png');
+	background-repeat:repeat-y;
+}
+
+#pagebottom{
+	height: 204px;
+	background-image:url('../img/frame/bottom.png');
+	background-repeat: no-repeat;
+}
+
+#pagemiddle {
+	/* Add padding to prevent the margins from the stuff inside
+	 * #pagemiddle (div, p, h1) from sticking out at the top */
+	padding-top: 1px;
+}
+
+#window {
+	/* Move the window div up 330 pixels, so it ends up in the black part
+	 * of the top frame image */
+	position: relative;
+	top: -330px;
+	/* Shorten the window div by 330 + 140 pixels, since the rest of the
+	 * layout doesn't take the relative positioning into account, and we
+	 * also want the window to stick out 140 pixels, into the black part
+	 * of the bottom frame image. */
+	margin-bottom: -470px;
+
+	/* Prevent near empty pages from looking silly. */	
+	min-height: 400px;
+}
+
+/* Crop #page, since due to the relative positioning stuff, the background
+ * image of #pagemiddle sticks out a few hundreds of pixels at the bottom.
+ * This is a bit of a hack, but well. */
+#page {
+	overflow: hidden;
+}
+
+#window {
+	/* Keep the window away from the frame edges */
+	padding: 0 100px;
+}
+
+/****************************************
+ * Set up the content formatting
+ ****************************************/
+
+/* Set up a fallback color, used for text outside of the content area (login
+ * link, editbar, etc.) */
+body, body a, body a:visited {
+	color: #ffd200;
+}
+
+/* Set up main text color */
+#content {
+	color:#b79265;
+}
+
+/* Set up header colors */
+#content h1,
+#content h2,
+#content h3 {
+	color:#824900;
+}
+
+#content a, #content a:visited {color: #9F2900;}
+#content a:hover, #content a:visited:hover {color: #ffd200;}
+#content a.nonexistent, #content a.badinterwiki {color: #cc8900;}
+
+
+/* Set up fonts */
+#content {
+	font-family:verdana, sans-serif;
+	font-size:11px;
+}
+#content h1 {
+	font-size:17px;
+}
+#content h2 {
+	font-size:15px;
+}
+
+/* Disable the standard borders on tables, they are ugly */
+table {
+	border:0px;
+}
+
+/* Table with horizontal lines (historically classed "border") */
+table.border td {
+	border:0px;
+	border-bottom:1px solid #5A1800;
+}
+
+/* Header rows */
+tr.kop1 {
+	background-color:#BEAA76;
+}
+
+tr.kop2 {
+	background-color:#F1E5CB;
+}
+
+
+/****************************************
+ * Set up the editor interface
+ ****************************************/
+
+/* Make sure that the text area and comment field don't flow out at the right.
+ * Using width: 100% didn't work for some reason, so we'll fix this to the
+ * width of #window minus its padding */
+#editor textarea, #editor input[type=text] {
+	width: 530px;
+}
+
+/* Put a bit of space between the buttons and the text area */
+#editor-textarea {
+        margin-top: 0.5em;
+}
+
+/* Help is more clear when monospaced */
+#editor-help {
+        font-family: monospace;
+}
+
+
+/****************************************
+ * Set up the stuff in the footer
+ ****************************************/
+
+/* Format the pageinfo bar. */
+#pageinfo {
+        float: right;
+        margin: 0px 12px;
+}
+
+/* Format the username bar, copied from the modern theme */
+#username {
+        float: left;
+        display: inline;
+        margin: 0px 12px;
+        padding: 0;
+        text-align: right;
+        font-size: 0.82em;
+        white-space: nowrap;
+}
+
+#username li {
+        display: inline;
+        padding: 0 0.5em 0 0;
+}
+
+#searchform {
+        /* Put the searchform below the pageinfo / username bar */
+        clear: both;
+        float: right;
+        /* Put a bit of offset between the pageinfo and searchform. Don't use
+     * margin here, that collapses with the floating pageinfo. */
+        padding-top: 10px;
+}
+
+/****************************************
+ * Set up the stuff in the footer (the thing that contains the edit link)
+ ****************************************/
+
+.editbar {
+        /* Disable all default list-style stuff */
+        list-style-type:none;
+        list-style-position:outside;
+        padding-left:0px;
+        margin-top: 0px;
+        margin-bottom: 0px;
+
+	/* And indent a bit to align with the content text (width of #header +
+	 * padding-left of #content) */
+        margin-left: 500px;
+}
+
+ul.editbar li {
+        /* Put menu items horizontally */
+        display:inline;
+        /* But not completely squashed together */
+        margin-right: 20px;
+}
+
+/* Really put the more actions dropdown horizontally */
+.editbar form, .editbar form div {
+        display: inline;
+}
+
+/* Use a sane text color with all the below backgrounds */
+.diff { 
+	color: black; 
+}
+/* Diff view, copied from modern/screen.css */
+.diff-header {
+        font-weight: bold;
+}
+
+.diff-title {
+        background-color: #C0C0C0;
+}
+
+.diff-added {
+        background-color: #E0FFE0;
+        vertical-align: sub;
+}
+
+.diff-removed {
+        background-color: #FFFFE0;
+        vertical-align: sub;
+}
+
+.diff-added span {
+        background-color: #80FF80;
+}
+
+.diff-removed span {
+        background-color: #FFFF80;
+}
+/* vim: set sw=4 sts=4 expandtab */