]> git.xonotic.org Git - xonotic/xonotic.git/blobdiff - Docs/htmlfiles/style.css
temporarily slow down file conversion a bit (sleep 0.25) to keep server load down
[xonotic/xonotic.git] / Docs / htmlfiles / style.css
index f34d5e855dc3f307245160d77c44f12ead4c3c22..89b63164ad48e92c49a67e94e7e5885d2e1817b1 100644 (file)
-body {\r
-background:#000 url('img/background.jpg') 0 0 repeat-x;\r
-text-align:center;\r
-margin:0;\r
-padding:0;\r
-font-family:verdana,arial,tahoma, sans serif;\r
-font-size:0;\r
-}\r
-a {\r
-color:#bbb;\r
-}\r
-a:hover {\r
-text-decoration:none;\r
-}\r
-#container {\r
-width:978px;\r
-text-align:left;\r
-margin-left:auto;\r
-margin-right:auto;\r
-margin-top:16px;\r
-}\r
-#left { float:left; width:201px; }\r
-#right { float:right; margin:0 4px 5px 0; }\r
-#logo {\r
-width:201px;\r
-height:193px;\r
-}\r
-#header {\r
-width:766px;\r
-height:114px;\r
-}\r
-#menu {\r
-background:url('img/menu_bg.jpg') 0 0 no-repeat;\r
-width:766px;\r
-height:30px;\r
-font-size:15px;\r
-}\r
-#menu span {\r
-color:#89ABE5;\r
-font-weight:bold;\r
-}\r
-#menu ul {\r
-list-style:none;\r
-margin:0;\r
-padding:5px 0 0 8px;\r
-}\r
-#menu li {\r
-background:url('img/menu_div.jpg') 0 3px no-repeat;\r
-display:inline;\r
-padding:0 1px 0 9px;\r
-margin:0;\r
-}\r
-#menu li.first {\r
-background:none;\r
-padding-left:2px;\r
-}\r
-#menu a, #news a, #ninja a {\r
-color:#fff;\r
-text-decoration:none;\r
-font-weight:bold;\r
-}\r
-#menu a:hover, #news a:hover {\r
-color:#999;\r
-}\r
-#tagline {\r
-padding:10px 0 0 0;\r
-font-size:16px;\r
-margin:0;\r
-color:#848690;\r
-text-align:center;\r
-}\r
-#content {\r
-background:url('img/body_bg.jpg') 0 0 no-repeat;\r
-width:746px;\r
-min-height:520px;\r
-height:auto !important;\r
-height:520px;\r
-padding:12px 10px 10px 10px;\r
-margin-top:10px;\r
-text-align:center;\r
-}\r
-#content h1 {\r
-font-size:18px;\r
-margin:3px 0 3px 0;\r
-padding:0;\r
-color:#B0C7ED;\r
-text-align:left;\r
-}\r
-#content h1 a {\r
-color:#eee;\r
-text-decoration:none;\r
-}\r
-#content h1 a:hover {\r
-color:#bbb;\r
-text-decoration:underline;\r
-}\r
-#content h2 {\r
-font-size:15px;\r
-margin:2px 0 2px 0;\r
-padding:0;\r
-color:#aaa;\r
-text-align:left;\r
-}\r
-#content form h2 {\r
-margin-bottom:-10px;\r
-}\r
-#content h2 a {\r
-color:#ccc;\r
-text-decoration:none;\r
-}\r
-#content h2 a:hover {\r
-color:#aaa;\r
-text-decoration:underline;\r
-}\r
-#content h3 {\r
-text-align:left;\r
-font-size:15px;\r
-}\r
-#content p {\r
-text-align:left;\r
-color:#999;\r
-font-size:15px;\r
-}\r
-#content ul {\r
-margin:0 0 15px 0;\r
-padding:0 0 0 6px;\r
-font-size:12px;\r
-color:#888;\r
-text-align:left;\r
-list-style:none;\r
-}\r
-#content ol {\r
-margin:0 0 15px 0;\r
-padding:0 0 0 6px;\r
-font-size:12px;\r
-color:#888;\r
-text-align:left;\r
-}\r
-#content table {\r
-font-size:13px;\r
-color:#777;\r
-border:1px solid #333;\r
-}\r
-#content table p {\r
-padding:0;\r
-margin:0;\r
-font-size:11px;\r
-}\r
-#content th {\r
-background-color:#444;\r
-color:#fff;\r
-}\r
-#content td {\r
-border:1px solid #222;\r
-text-align:left;\r
-margin:0;\r
-padding:2px;\r
-}\r
-#content input, #content textarea {\r
-background-color:#111;\r
-border:1px solid #666;\r
-color:#ccc;\r
-}\r
-#content pre {\r
-text-align:left;\r
-font-size:12px;\r
-color:#999;\r
-}\r
-#content .copyBox {\r
-background-color:#111;\r
-color:#666;\r
-width:600px;\r
-height:50px;\r
-border:1px solid #444;\r
-overflow:hidden;\r
-margin:3px 3px 20px 3px;\r
-}\r
-#content .description {\r
-padding:0;margin:0 0 10px 0;font-size:12px;color:#555;\r
-}\r
-#content .comment {\r
-padding-bottom:16px;\r
-}\r
-#content .comment a {\r
-color:#ccc;\r
-}\r
-#content .comment a:hover {\r
-color:#fff;\r
-}\r
-#videoContainer {\r
-padding-top:10px;\r
-}\r
-#videoContainer p {\r
-font-size:10px;\r
-text-align:center;\r
-color:#666;\r
-margin:10px 0 0 0;\r
-padding:0;\r
-}\r
-#videoContainer a {\r
-color:#3256AE;\r
-text-decoration:none;\r
-}\r
-#videoContainer a:hover {\r
-text-decoration:underline;\r
-}\r
-#content a#see_more {\r
-       background: url('img/see_more.jpg') 0 0 no-repeat;\r
-       display: block;\r
-       height:120px;\r
-       width:150px;\r
-       float:left;\r
-       margin-top:20px;\r
-       text-decoration:none;\r
-}\r
-#content a:hover#see_more {\r
-       background-position: -150px 0;\r
-}\r
-#content .screenshot {\r
-margin:2px;\r
-}\r
-#content a:hover {background: transparent;}\r
-#content a img {\r
-border: 2px solid #333;\r
-}\r
-#content a:hover img,\r
-#content a:active img {\r
-border: 2px solid #ccc;\r
-} \r
-#sidebar {\r
-background:url('img/sidebar_bg.jpg') 0 0 no-repeat;\r
-width:166px;\r
-height:560px;\r
-margin:10px 0 0 8px;\r
-padding:8px;\r
-text-align:center;\r
-}\r
-/* ie fix */\r
-#sidebar a {\r
-text-decoration:none;\r
-}\r
-.imgHeader {\r
-margin-top:14px;\r
-margin-bottom:5px;\r
-}\r
-.imgButton {\r
-margin-left:-2px;\r
-margin-bottom:3px;\r
-}\r
-#news {\r
-min-height:100px;\r
-height:auto !important;\r
-height:100px;\r
-}\r
-.newsPost {\r
-margin:0 0 12px 0;\r
-}\r
-#news h1 {\r
-font-size:12px;\r
-text-align:left;\r
-padding:0;\r
-margin:0;\r
-}\r
-#news h1 a {\r
-color:#babecc;\r
-}\r
-#news h1 a:hover {\r
-color:#808491;\r
-}\r
-#news p {\r
-color:#abaeb9;\r
-font-size:9px;\r
-text-align:right;\r
-padding:0;\r
-margin:5px 3px 0 0;\r
-}\r
-#sidebar h2.page {\r
-text-align:right;\r
-padding:0;\r
-margin:0;\r
-}\r
-#sidebar h2 a {\r
-color:#667;\r
-font-size:11px;\r
-}\r
-#sidebar h2 a:hover {\r
-color:#556;\r
-}\r
-#footer {\r
-background:url('img/footer_bg.jpg') 0 0 no-repeat;\r
-width:766px;\r
-height:30px;\r
-font-size:10px;\r
-margin-bottom:5px;\r
-}\r
-#footer span {\r
-color:#89ABE5;\r
-font-weight:bold;\r
-}\r
-#footer ul a {\r
-color:#888;\r
-text-decoration:none;\r
-font-weight:bold;\r
-}\r
-#footer a:hover {\r
-color:#ccc;\r
-}\r
-#footer ul {\r
-list-style:none;\r
-padding:8px 0 0 10px;\r
-margin:0;\r
-}\r
-#footer li {\r
-display:inline;\r
-border-left:1px solid #777;\r
-padding:0 2px 0 6px;\r
-}\r
-#footer li.first {\r
-border:none;\r
-}\r
-#ninja {\r
-float:right;\r
-padding:7px 10px 0 0;\r
-margin:0;\r
-color:#888;\r
-font-weight:bold;\r
-}\r
-#ninja a:hover {\r
-color:#777;\r
-}\r
-.subFooter {\r
-color:#555;\r
-font-size:11px;\r
-text-align:center;\r
-margin:0 0 12px 0;\r
-padding:0;\r
-clear:left;\r
-}\r
-.subFooter a {\r
-color:#777;\r
-text-decoration:none;\r
-}\r
-.subFooter a:hover {\r
-text-decoration:underline;\r
-}\r
-form {\r
-padding:0;\r
-margin:0;\r
-}\r
-\r
-#sidebar a#download_nexuiz, #sidebar a#download_q3_mappack {\r
-       display: block;\r
-       margin-left:-2px;\r
-       margin-bottom:3px;\r
-       height:43px;\r
-       width:171px;\r
-}\r
-#sidebar a#download_nexuiz {\r
-       background: url('img/download_nexuiz.jpg') 0 0 no-repeat;\r
-}\r
-#sidebar a#download_q3_mappack {\r
-       background: url('img/download_q3_mappack.jpg') 0 0 no-repeat;\r
-}\r
-#sidebar a:hover#download_nexuiz, #sidebar a:hover#download_q3_mappack {\r
-       background-position: -171px 0;\r
-}\r
-\r
-#sidebar a#donate {\r
-       background: url('img/donate_button.jpg') 0 0 no-repeat;\r
-       display: block;\r
-       height:43px;\r
-       width:166px;\r
-       margin-bottom:3px;\r
-}\r
-#sidebar a:hover#donate {\r
-       background-position: -166px 0;\r
-}\r
-\r
-#sidebar a#alien_trap {\r
-       background: url('img/alien_trap_logo.jpg') 0 0 no-repeat;\r
-       display: block;\r
-       height:184px;\r
-       width:152px;\r
-       margin-left:auto;\r
-       margin-right:auto;\r
-}\r
-#sidebar a:hover#alien_trap {\r
-       background-position: -152px 0;\r
-}\r
-\r
-#valid a#valid_css, #valid a#valid_xhtml {\r
-       display: block;\r
-       height:14px;\r
-       width:80px;\r
-       margin-left:auto;\r
-       margin-right:auto;\r
-}\r
-\r
-#valid {\r
-       position:relative;\r
-       margin:5px 0;\r
-       height:14px;\r
-}\r
-#valid a#valid_css {\r
-       position:absolute;\r
-       left:4px;\r
-       background: url('img/css.png') 0 0 no-repeat;\r
-       text-decoration:none;\r
-}\r
-#valid a#valid_xhtml {\r
-       position:absolute;\r
-       left:86px;\r
-       background: url('img/xhtml10.png') 0 0 no-repeat;\r
-       text-decoration:none;\r
-}\r
-#valid a:hover#valid_css, #valid a:hover#valid_xhtml {\r
-       background-position: -80px 0;\r
-}\r
-#valid p {\r
-text-align:right;\r
-color:#444;\r
-font-size:10px;\r
-margin:-2px 10px 0 0;\r
-padding:0;\r
-}\r
-\r
-#faq h1 { margin-top:10px; }\r
-#faq h1 a { color:#cff; }\r
+body {
+background:#000 url('img/background.jpg') 0 0 repeat-x;
+text-align:center;
+margin:0;
+padding:0;
+font-family:verdana,arial,tahoma, sans serif;
+font-size:0;
+}
+a {
+color:#bbb;
+}
+a:hover {
+text-decoration:none;
+}
+#container {
+width:978px;
+text-align:left;
+margin-left:auto;
+margin-right:auto;
+margin-top:16px;
+}
+#left { float:left; width:201px; }
+#right { float:right; margin:0 4px 5px 0; }
+#logo {
+width:201px;
+height:193px;
+}
+#header {
+width:766px;
+height:114px;
+}
+#menu {
+background:url('img/menu_bg.jpg') 0 0 no-repeat;
+width:766px;
+height:30px;
+font-size:15px;
+}
+#menu span {
+color:#89ABE5;
+font-weight:bold;
+}
+#menu ul {
+list-style:none;
+margin:0;
+padding:5px 0 0 8px;
+}
+#menu li {
+background:url('img/menu_div.jpg') 0 3px no-repeat;
+display:inline;
+padding:0 1px 0 9px;
+margin:0;
+}
+#menu li.first {
+background:none;
+padding-left:2px;
+}
+#menu a, #news a, #ninja a {
+color:#fff;
+text-decoration:none;
+font-weight:bold;
+}
+#menu a:hover, #news a:hover {
+color:#999;
+}
+#tagline {
+padding:10px 0 0 0;
+font-size:16px;
+margin:0;
+color:#848690;
+text-align:center;
+}
+#content {
+background:url('img/body_bg.jpg') 0 0 no-repeat;
+width:746px;
+min-height:520px;
+height:auto !important;
+height:520px;
+padding:12px 10px 10px 10px;
+margin-top:10px;
+text-align:center;
+}
+#content h1 {
+font-size:18px;
+margin:3px 0 3px 0;
+padding:0;
+color:#B0C7ED;
+text-align:left;
+}
+#content h1 a {
+color:#eee;
+text-decoration:none;
+}
+#content h1 a:hover {
+color:#bbb;
+text-decoration:underline;
+}
+#content h2 {
+font-size:15px;
+margin:2px 0 2px 0;
+padding:0;
+color:#aaa;
+text-align:left;
+}
+#content form h2 {
+margin-bottom:-10px;
+}
+#content h2 a {
+color:#ccc;
+text-decoration:none;
+}
+#content h2 a:hover {
+color:#aaa;
+text-decoration:underline;
+}
+#content h3 {
+text-align:left;
+font-size:15px;
+}
+#content p {
+text-align:left;
+color:#999;
+font-size:15px;
+}
+#content ul {
+margin:0 0 15px 0;
+padding:0 0 0 6px;
+font-size:12px;
+color:#888;
+text-align:left;
+list-style:none;
+}
+#content ol {
+margin:0 0 15px 0;
+padding:0 0 0 6px;
+font-size:12px;
+color:#888;
+text-align:left;
+}
+#content table {
+font-size:13px;
+color:#777;
+border:1px solid #333;
+}
+#content table p {
+padding:0;
+margin:0;
+font-size:11px;
+}
+#content th {
+background-color:#444;
+color:#fff;
+}
+#content td {
+border:1px solid #222;
+text-align:left;
+margin:0;
+padding:2px;
+}
+#content input, #content textarea {
+background-color:#111;
+border:1px solid #666;
+color:#ccc;
+}
+#content pre {
+text-align:left;
+font-size:12px;
+color:#999;
+}
+#content .copyBox {
+background-color:#111;
+color:#666;
+width:600px;
+height:50px;
+border:1px solid #444;
+overflow:hidden;
+margin:3px 3px 20px 3px;
+}
+#content .description {
+padding:0;margin:0 0 10px 0;font-size:12px;color:#555;
+}
+#content .comment {
+padding-bottom:16px;
+}
+#content .comment a {
+color:#ccc;
+}
+#content .comment a:hover {
+color:#fff;
+}
+#videoContainer {
+padding-top:10px;
+}
+#videoContainer p {
+font-size:10px;
+text-align:center;
+color:#666;
+margin:10px 0 0 0;
+padding:0;
+}
+#videoContainer a {
+color:#3256AE;
+text-decoration:none;
+}
+#videoContainer a:hover {
+text-decoration:underline;
+}
+#content a#see_more {
+       background: url('img/see_more.jpg') 0 0 no-repeat;
+       display: block;
+       height:120px;
+       width:150px;
+       float:left;
+       margin-top:20px;
+       text-decoration:none;
+}
+#content a:hover#see_more {
+       background-position: -150px 0;
+}
+#content .screenshot {
+margin:2px;
+}
+#content a:hover {background: transparent;}
+#content a img {
+border: 2px solid #333;
+}
+#content a:hover img,
+#content a:active img {
+border: 2px solid #ccc;
+} 
+#sidebar {
+background:url('img/sidebar_bg.jpg') 0 0 no-repeat;
+width:166px;
+height:560px;
+margin:10px 0 0 8px;
+padding:8px;
+text-align:center;
+}
+/* ie fix */
+#sidebar a {
+text-decoration:none;
+}
+.imgHeader {
+margin-top:14px;
+margin-bottom:5px;
+}
+.imgButton {
+margin-left:-2px;
+margin-bottom:3px;
+}
+#news {
+min-height:100px;
+height:auto !important;
+height:100px;
+}
+.newsPost {
+margin:0 0 12px 0;
+}
+#news h1 {
+font-size:12px;
+text-align:left;
+padding:0;
+margin:0;
+}
+#news h1 a {
+color:#babecc;
+}
+#news h1 a:hover {
+color:#808491;
+}
+#news p {
+color:#abaeb9;
+font-size:9px;
+text-align:right;
+padding:0;
+margin:5px 3px 0 0;
+}
+#sidebar h2.page {
+text-align:right;
+padding:0;
+margin:0;
+}
+#sidebar h2 a {
+color:#667;
+font-size:11px;
+}
+#sidebar h2 a:hover {
+color:#556;
+}
+#footer {
+background:url('img/footer_bg.jpg') 0 0 no-repeat;
+width:766px;
+height:30px;
+font-size:10px;
+margin-bottom:5px;
+}
+#footer span {
+color:#89ABE5;
+font-weight:bold;
+}
+#footer ul a {
+color:#888;
+text-decoration:none;
+font-weight:bold;
+}
+#footer a:hover {
+color:#ccc;
+}
+#footer ul {
+list-style:none;
+padding:8px 0 0 10px;
+margin:0;
+}
+#footer li {
+display:inline;
+border-left:1px solid #777;
+padding:0 2px 0 6px;
+}
+#footer li.first {
+border:none;
+}
+#ninja {
+float:right;
+padding:7px 10px 0 0;
+margin:0;
+color:#888;
+font-weight:bold;
+}
+#ninja a:hover {
+color:#777;
+}
+.subFooter {
+color:#555;
+font-size:11px;
+text-align:center;
+margin:0 0 12px 0;
+padding:0;
+clear:left;
+}
+.subFooter a {
+color:#777;
+text-decoration:none;
+}
+.subFooter a:hover {
+text-decoration:underline;
+}
+form {
+padding:0;
+margin:0;
+}
+
+#sidebar a#download_nexuiz, #sidebar a#download_q3_mappack {
+       display: block;
+       margin-left:-2px;
+       margin-bottom:3px;
+       height:43px;
+       width:171px;
+}
+#sidebar a#download_nexuiz {
+       background: url('img/download_nexuiz.jpg') 0 0 no-repeat;
+}
+#sidebar a#download_q3_mappack {
+       background: url('img/download_q3_mappack.jpg') 0 0 no-repeat;
+}
+#sidebar a:hover#download_nexuiz, #sidebar a:hover#download_q3_mappack {
+       background-position: -171px 0;
+}
+
+#sidebar a#donate {
+       background: url('img/donate_button.jpg') 0 0 no-repeat;
+       display: block;
+       height:43px;
+       width:166px;
+       margin-bottom:3px;
+}
+#sidebar a:hover#donate {
+       background-position: -166px 0;
+}
+
+#sidebar a#alien_trap {
+       background: url('img/alien_trap_logo.jpg') 0 0 no-repeat;
+       display: block;
+       height:184px;
+       width:152px;
+       margin-left:auto;
+       margin-right:auto;
+}
+#sidebar a:hover#alien_trap {
+       background-position: -152px 0;
+}
+
+#valid a#valid_css, #valid a#valid_xhtml {
+       display: block;
+       height:14px;
+       width:80px;
+       margin-left:auto;
+       margin-right:auto;
+}
+
+#valid {
+       position:relative;
+       margin:5px 0;
+       height:14px;
+}
+#valid a#valid_css {
+       position:absolute;
+       left:4px;
+       background: url('img/css.png') 0 0 no-repeat;
+       text-decoration:none;
+}
+#valid a#valid_xhtml {
+       position:absolute;
+       left:86px;
+       background: url('img/xhtml10.png') 0 0 no-repeat;
+       text-decoration:none;
+}
+#valid a:hover#valid_css, #valid a:hover#valid_xhtml {
+       background-position: -80px 0;
+}
+#valid p {
+text-align:right;
+color:#444;
+font-size:10px;
+margin:-2px 10px 0 0;
+padding:0;
+}
+
+#faq h1 { margin-top:10px; }
+#faq h1 a { color:#cff; }