{{ forloop.counter|ordinal }} {% trans 'Game' %}
+ {% for player in game.player_list %} +{{ player.placement|ordinal }} {% trans 'Place' %}
+{{player.user.username}}
+ {{player.score}} {% trans 'Points' %}
Als registiertes Mitglied kannst du:
\n" +"Du kannst dich hier mit deinen Google, Twitter, oder Facebook Account " +"anmelden. Wenn du so etwas nicht besitzt, oder es nicht für die Anmeldung " +"verwenden möchtest, kannst du auch unser Registrierungsformular verwenden." +"p>\n" #: templates/registration/login.html:43 msgid "Your username and password didn't match. Please try again." msgstr "" +"Benutzername und Passwort haben nicht gepasst. Bitte noch einmal versuchen." #: templates/registration/login.html:46 msgid "Forgot your Password?" @@ -1319,6 +1338,9 @@ msgid "" "Please enter your old password, for security's sake, and then enter your new " "password twice so we can verify you typed it in correctly." msgstr "" +"Bitte gebe aus Sicherheitsgründen den altes Passwort an und anschließend 2x " +"das neue Passwort, so können wir sicher gehen das du es korrekt eingegeben " +"hast." #: templates/registration/password_change_form.html:22 msgid "Change Password" @@ -1331,7 +1353,7 @@ msgstr "Passwort fertig zurückgesetzt" #: templates/registration/password_reset_complete.html:8 msgid "Your password has been set. You may go ahead and log in now." -msgstr "" +msgstr "Dein Passwort wurde geändert. Du kannst dich nun damit anmelden." #: templates/registration/password_reset_complete.html:9 msgid "Log in" @@ -1352,6 +1374,8 @@ msgid "" "Please enter your new password twice so we can verify you typed it in " "correctly." msgstr "" +"Bitte gib das neue Passwort 2x ein, so können wir sicher sein das du es " +"korrekt eingegeben hast." #: templates/registration/password_reset_confirm.html:13 #: templates/registration/password_reset_confirm.html:22 @@ -1367,6 +1391,8 @@ msgid "" "The password reset link was invalid, possibly because it has already been " "used. Please request a new password reset." msgstr "" +"Der Link zum zurücksetzen des Passwortes ist ungültig, da er schon einmal " +"verwendet wurde. Bitte veranlasse eine erneute Zurücksetzung." #: templates/registration/password_reset_done.html:4 #: templates/registration/password_reset_done.html:9 diff --git a/kasu/settings/base.py b/kasu/settings/base.py index 7a8d880..792612e 100644 --- a/kasu/settings/base.py +++ b/kasu/settings/base.py @@ -4,6 +4,7 @@ gettext = lambda s: s PROJECT_PATH = path.abspath(path.join(path.dirname(__file__), '..', '..')) PREREQ_APPS = [ + 'compressor', 'grappelli', 'django.contrib.admin', 'django.contrib.admindocs', @@ -129,6 +130,7 @@ STATICFILES_DIRS = ( STATICFILES_FINDERS = ( 'django.contrib.staticfiles.finders.AppDirectoriesFinder', 'django.contrib.staticfiles.finders.FileSystemFinder', + 'compressor.finders.CompressorFinder', ) # Make this unique, and don't share it with anybody. SECRET_KEY = 'uve7*2z2+2fs!ts80e(^2kxo^960!hl)cns@fpt_e%7qg52wy0' diff --git a/kasu/static/css/background.png b/kasu/static/css/background.png deleted file mode 100644 index a41cee5..0000000 Binary files a/kasu/static/css/background.png and /dev/null differ diff --git a/kasu/static/css/common.css b/kasu/static/css/common.less similarity index 96% rename from kasu/static/css/common.css rename to kasu/static/css/common.less index bb77e00..4594b3e 100644 --- a/kasu/static/css/common.css +++ b/kasu/static/css/common.less @@ -149,6 +149,11 @@ img.partner:nth-of-type(odd) { input {font: normal 12pt Philosopher, sans-serif;} input[type=number] {text-align: right;} +input[readonly="readonly"], input[readonly] { + border: none; + background: transparent; + color: #2e3436; +} li { margin-bottom: .2em; @@ -191,6 +196,11 @@ li.hanchan { padding-left: 20px; } +li.time { + background: url(../icons/time.png) left center no-repeat; + padding-left: 20px; +} + li.django_view { background: url(../icons/page_white_lightning.png) left center no-repeat; padding-left: 20px; @@ -251,14 +261,14 @@ table th a:link, table th a:visited { color: #FFF; } -table tr:hover { - background-color: #eedcdc; -} - table tr:nth-child(2n+1) { background-color: #eeeeec; } +table tr:hover { + background-color: #eedcdc; +} + ul { list-style: circle outside; padding-left: 30px; @@ -365,7 +375,7 @@ ul.tabs {text-align: center} ul.tabs li {display: inline-block} ul.tabs li:after {content: " | "} ul.tabs li:last-child:after {content: ""} -ul.tabs li a {color: #2e3436;} +ul.tabs li a {color: #2e3436;} ul.tabs li.active a {border-bottom: 3px solid #bc0a19; color: #bc0a19} .comment { @@ -374,15 +384,8 @@ ul.tabs li.active a {border-bottom: 3px solid #bc0a19; color: #bc0a19} width: 100%; padding: 0; } -.comment_picture {display: table-cell; padding: 0px 10px; width:60px; vertical-align: top;} -.comment_header {display: table-cell; padding: 0px 10px; width: 140px; vertical-align: top;} -.comment_header h3 {margin: 0} -.comment_text { - display: table-cell; - padding: 0px 10px; - width: auto; - max-width: 700px; -} + fieldset.comment {padding: 0} fieldset.comment legend {margin-left: 15px} fieldset.comment .buttonbar {margin: 0; width: 100%} +fieldset.comment .buttonbar {margin: 0; width: 100%} \ No newline at end of file diff --git a/kasu/static/css/desktop.css b/kasu/static/css/desktop.css deleted file mode 100644 index 24167fd..0000000 --- a/kasu/static/css/desktop.css +++ /dev/null @@ -1,500 +0,0 @@ -#content { - width: 700px; - display: inline; - float: left; - margin: 0px 10px; - position: relative; -} - -#display .next, #display .previous { - display: block; - position: absolute; - top: 0px; - width: 60px; - height: 100%; - margin: 0px; - padding:0; - text-indent: 9999px; - overflow: hidden; - opacity: .5; -} - -#display .next:hover, #display .previous:hover { - opacity: 1; - transition: all 0.2s ease-out; -} -#display .next { - background: transparent url(../img/right-arrow.png) no-repeat center - center; - right: 10px; - z-index:3; -} - -#display .previous { - background: transparent url(../img/left-arrow.png) no-repeat center - center; - left: 10px; - z-index:2 -} - #display img {box-shadow: 1px 1px 5px 1px #444;} - -#sidebar { - width: 220px; - display: inline; - float: left; - margin: 0px 10px; - position: relative; -} - -#footer { - margin: -170px auto 0; - position: relative; - top: 0; - width: 920px; - z-index: 30; -} - -#footer p { - text-align: center; -} - -#footer_bg { - background: url(../img/footer_bg.png) top center no-repeat; - height: 477px; - margin-top: -286px; - position: relative; - z-index: 2; -} - -#siteheader { - height: 100px; - margin: 0 auto; - padding: 0; - position: relative; - width: 960px; - z-index: 50; -} - -#header_bg { - position: absolute; - top: 0; - left: 0; - margin: 0; - padding: 0; - height: 400px; - width: 100%; - background: url(../img/header_bg.png) top center no-repeat; - text-align: center; - z-index: 1; -} - -#maincontent { - margin: 0 auto; - min-height: 600px; - padding: 10px 0 50px 0 ; - position: relative; - width: 960px; - z-index: 19; -} - -#mainnav { - left: 233px; - position: absolute; - top: 65px; -} - -#mainnav a { - color: #000; - text-decoration: none; - font-weight: normal; -} - -#mainnav a.active { - color: #bc0a19; -} - -#mainnav a:hover { - color: #FFF; -} - -#mainnav li { - display: inline-block; - font: normal small-caps 18px 'Amerika Sans', sans-serif; - min-width: 50px; - padding: 8px; - text-align: center; - text-shadow: 2px 2px 2px #2e3436; -} -#mainnav li:first-child {padding-left: 0;} -#mainnav li:last-child {padding-right: 0;} -ul.main_menu {padding:0px;} - -#messages { - clear: both; - margin: 0 auto; - padding: 8px 0 0 30px; - width: 920px; -} - -#navigation, .pagination { - clear: both; - background: url(../img/navigation-bg.png) no-repeat left top; - height: 56px; - list-style: none; - margin: 0 auto; - padding: 8px 35px 0px 25px; - width: 900px; -} - -#navigation a { - background: url(../img/navigation-separator.png) no-repeat right center; - color: #FFF; - display: block; - float: left; - font-weight: bold; - height: 33px; - padding: 17px 15px 0; - text-decoration: none; -} - -#navigation a:hover,#navigation a.active { - background: url(../img/navigation-hover.png) repeat-x left top; - color: #3B3B3B; -} - -#navigation li { - display: inline; - margin: 0; -} - -#sitelogo { - background: url(../img/logo.png) no-repeat; - height: 110px; - left: 5px; - margin: 0; - padding: 0; - position: absolute; - text-indent: -9999px; - top: 5px; - width: 233px; - z-index: 99; -} - -#sitelogo a { - display: block; - height: 110px; - left: 0; - position: absolute; - top: 0; - width: 233px; -} - -#jumbotron { - clear: both; - position: relative; - margin: 20px auto 10px auto; - padding: 0 1px 0 0; - z-index: 5; - width: 940px; /* 620px */ - min-height: 300px; - border: none; - border-radius: 10px; - background-repeat: no-repeat; - background-color: #333; - background-position: center left; -} - -#jumbotron > h2, #jumbotron > h1 { - padding: 10px 5px; - font-size: 32pt; - color: #eff0ef; - position: absolute; - margin: 0; - left: 10px; - top: 33%; - max-width: 600px; -} - -#teaser_text { - display: block; - position: absolute; - width: 620px; - min-height: 4em; - left: 0px; - bottom: 0px; - color: #FFF; - background: rgba(0,0,0,0.5);; - font-size: 10pt; - padding: 5px 10px 5px 15px; - border-radius: 0px 0px 0px 10px; -} - -#redbox { - position: absolute; - top: 0px; - right: 0px; - height: 280px; - width: 280px; - padding: 10px; - border-radius: 0px 10px 10px 0px; -} - - -#toggle, .toggle {display: none;} - -#bottom_buttonbar { - position: absolute; - bottom: 0px; - left: -1px; - margin: 0; - width: 960px -} - -#usernav { - background: url(../img/usernav-bg.png) top left no-repeat; - color: #FFF; - height: 50px; - padding: 5px 10px 4px 20px; - position: absolute; - right: 0; - text-align: right; - top: 0; - z-index: 50; -} - -#usernav a { - color: #FFF; - font-weight: 700; -} - -#usernav img { - vertical-align: middle; -} - -.clearfix { - zoom: 1px; -} - -.clearfix:after { - clear: both; -} - -.gallery { - display: inline; - float: left; - height: 200px; - margin: 10px; - overflow: hidden; - text-align: center; - width: 300px; -} - -.gallery .thumbnail { - display: block; - float: none; - margin: 5px auto; -} - -div.thumbnail a.delete_image { - position: absolute; - right: 4px; - bottom: 0px; -} - - -body { - background: #fff url(../img/background.png) repeat-y center top; - font: 12pt Philosopher, Georgia, serif; - line-height: 1; - margin: 0; - min-width: 960px; - padding: 0; - vertical-align: baseline; -} - -fieldset { - border: none; - color: #2e3436; - border-radius: 10px; - margin: 10px 0 0 0; - padding: 0 10px 0 160px; - background: linear-gradient(135deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); - background: -moz-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); - background: -webkit-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); - background: -o-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); - background: -ms-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); - vertical-align:top; -} - -fieldset legend { - margin-top: -.1em; - margin-left: -150px; - color: #a40000; - font-family: 'Amerika Sans', sans-serif; - font-variant: small-caps; - font-weight: 400; - font-size: 16pt; - text-shadow: 2px 2px 2px #888; -} - -fieldset div {margin:5px 0px;} - -fieldset .required {font-weight: bold;} - -fieldset .buttonbar { - border-radius: 0px 0px 10px 10px; - margin: 0 -10px 0 -160px; -} - -fieldset .help_text {font-size: small;} - -fieldset .field_name { - text-align: right; - width: 140px; - margin: 0 20px 0 -160px; - padding-top: 3px; - display: inline-block; - clear: left; - vertical-align:top; -} - -fieldset input,fieldset textarea { - border: 1px solid #999999; - border-radius: 5px; - padding: 2px; - margin: 0; -} - -fieldset input[maxlength="255"], fieldset textarea { - box-sizing: border-box; - width: 100%; - max-width: 760px; -} - -fieldset ul { - display: inline-block; - padding: 0; -} - -fieldset ul li { - list-style: none; - display: inline; -} - -fieldset table {display: inline-table;max-width: 760px;} - -img.partner,img.partner_right,img.posting_image { - border: 1px solid #babdb6; - float: left; - height: 120px; - margin: 0 20px 0 0; - padding: 4px; - width: 200px; -} - -img.partner:nth-of-type(odd) {float: right;} - -ul.tabs { - margin: 10px; - padding: 0; - border-radius: 10px; - background: #bc0a19 url(../img/buttonbar.gif) repeat-x; - text-align: left; - list-style: none; -} - -ul.tabs li {display: inline-block;} -ul.tabs li:after {content: ''} -ul.tabs li a { - display: inline-block; - border: 1px solid #d3d7cf; - border-radius: 5px; - background-color: #f9f9f9; - color: #2e3436; - font: bold 14px Philosopher sans-serif; - box-shadow: inset 0px 1px 0px 0px #ffffff; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) ); - background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9' ); - display: inline-block; - padding: 4px 10px 2px 10px; - margin: 3px 0px 0px 15px; - text-decoration: none; - text-shadow: 1px 1px 0px #ffffff; -} - -ul.tabs li.active a { - background-color: #fa665a; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fa665a), color-stop(1, #d34639) ); - background: -moz-linear-gradient(center top, #fa665a 5%, #d34639 100%); - color: #ffffff; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639' ); - border: 1px solid #d83526; - box-shadow: inset 0px 1px 0px 0px #ffffff; - text-shadow: 1px 1px 0px #98231a; -} - -.pagination a, .pagination .current, .pagination .next, .pagination .previous { - display: inline-block; - padding: 2px; - color: #FFF; - font-weight: bold; - height: 33px; - text-decoration: none; - padding: 17px 0.5em 0 0.5em; -} - -.pagination .current { - color: #a40000; -} - -.pagination .disabled {color: #ccc} - - -img.avatar { - border: none; - box-shadow: 2px 2px 2px #888; - width: 60px; - height: 60px; -} - -.userinfo {width: 140px;} - -.grid_6 { - width: 460px; -} - -.grid_7 { - width: 540px; -} - -.grid_8 { - width: 620px; -} - -.grid_9 { - width: 700px; -} - -.grid_10 { - width: 780px; -} - -.grid_11 { - width: 860px; -} - -.grid_12 { - width: 940px; -} - -#recaptcha_widget_div {margin-top: -20px;} - -#google_maps { - position: relative; - top: 0px; - left: 0px; - height: 280px; - padding: 10px; - border-radius: 0px 10px 10px 0px; -} diff --git a/kasu/static/css/desktop.less b/kasu/static/css/desktop.less new file mode 100644 index 0000000..cb2cd2e --- /dev/null +++ b/kasu/static/css/desktop.less @@ -0,0 +1,563 @@ +@media screen and (min-width: @min-desktop-width) { + + #content { + width: 700px; + display: inline; + float: left; + margin: 0px 10px; + position: relative; + } + + #display .next, #display .previous { + display: block; + position: absolute; + top: 0px; + width: 60px; + height: 100%; + margin: 0px; + padding: 0; + text-indent: 9999px; + overflow: hidden; + opacity: .5; + } + + #display .next:hover, #display .previous:hover { + opacity: 1; + transition: all 0.2s ease-out; + } + + #display .next { + background: transparent url(../img/right-arrow.png) no-repeat center center; + right: 10px; + z-index: 3; + } + + #display .previous { + background: transparent url(../img/left-arrow.png) no-repeat center center; + left: 10px; + z-index: 2 + } + + #display img { + box-shadow: 1px 1px 5px 1px #444; + } + + #sidebar { + width: 220px; + display: inline; + float: left; + margin: 0px 10px; + position: relative; + } + + #footer { + margin: -170px auto 0; + position: relative; + top: 0; + width: 920px; + z-index: 30; + } + + #footer p { + text-align: center; + } + + #footer_bg { + background: url(../img/footer_bg.png) top center no-repeat; + height: 477px; + margin-top: -286px; + position: relative; + z-index: 2; + } + + #siteheader { + height: 100px; + margin: 0 auto; + padding: 0; + position: relative; + width: 960px; + z-index: 50; + } + + #header_bg { + position: absolute; + top: 0; + left: 0; + margin: 0; + padding: 0; + height: 400px; + width: 100%; + background: url(../img/header_bg.png) top center no-repeat; + text-align: center; + z-index: 1; + } + + #maincontent { + margin: 0 auto; + min-height: 200px; + padding: 10px 0 50px 0; + position: relative; + width: 960px; + z-index: 19; + } + + #mainnav { + left: 233px; + position: absolute; + top: 65px; + } + + #mainnav a { + color: #000; + text-decoration: none; + font-weight: normal; + } + + #mainnav a.active { + color: #bc0a19; + } + + #mainnav a:hover { + color: #FFF; + } + + #mainnav li { + display: inline-block; + font: normal small-caps 18px 'Amerika Sans', sans-serif; + min-width: 50px; + padding: 8px; + text-align: center; + text-shadow: 2px 2px 2px #2e3436; + } + + #mainnav li:first-child { + padding-left: 0; + } + + #mainnav li:last-child { + padding-right: 0; + } + + ul.main_menu { + padding: 0px; + } + + #messages { + clear: both; + margin: 0 auto; + padding: 8px 0 0 30px; + width: 920px; + } + + #navigation, .pagination { + clear: both; + position: relative; + background: url(../img/navigation-bg.png) no-repeat left top; + height: 56px; + list-style: none; + margin: 0 auto; + padding: 8px 35px 0px 25px; + width: 900px; + z-index: 30; + } + + #navigation a { + background: url(../img/navigation-separator.png) no-repeat right center; + color: #FFF; + display: block; + float: left; + font-weight: bold; + height: 33px; + padding: 17px 15px 0; + text-decoration: none; + } + + #navigation a:hover, #navigation a.active { + background: url(../img/navigation-hover.png) repeat-x left top; + color: #3B3B3B; + } + + #navigation li { + display: inline; + margin: 0; + } + + #sitelogo { + background: url(../img/logo.png) no-repeat; + height: 110px; + left: 5px; + margin: 0; + padding: 0; + position: absolute; + text-indent: -9999px; + top: 5px; + width: 233px; + z-index: 99; + } + + #sitelogo a { + display: block; + height: 110px; + left: 0; + position: absolute; + top: 0; + width: 233px; + } + + #jumbotron { + clear: both; + position: relative; + margin: 20px auto 10px auto; + padding: 0 1px 0 0; + z-index: 5; + width: 940px; /* 620px */ + min-height: 300px; + border: none; + border-radius: 10px; + background-repeat: no-repeat; + background-color: #333; + background-position: center left; + } + + #jumbotron > h2, #jumbotron > h1 { + padding: 10px 5px; + font-size: 32pt; + color: #eff0ef; + position: absolute; + margin: 0; + left: 10px; + top: 33%; + max-width: 600px; + } + + #teaser_text { + display: block; + position: absolute; + width: 620px; + min-height: 4em; + left: 0px; + bottom: 0px; + color: #FFF; + background: rgba(0, 0, 0, 0.5);; + font-size: 10pt; + padding: 5px 10px 5px 15px; + border-radius: 0px 0px 0px 10px; + } + + #redbox { + position: absolute; + top: 0px; + right: 0px; + height: 280px; + width: 280px; + padding: 10px; + border-radius: 0px 10px 10px 0px; + } + + #toggle, .toggle { + display: none; + } + + #bottom_buttonbar { + position: absolute; + bottom: 0px; + left: -1px; + margin: 0; + width: 960px + } + + #usernav { + background: url(../img/usernav-bg.png) top left no-repeat; + color: #FFF; + height: 50px; + padding: 5px 10px 4px 20px; + position: absolute; + right: 0; + text-align: right; + top: 0; + z-index: 50; + } + + #usernav a { + color: #FFF; + font-weight: 700; + } + + #usernav img { + vertical-align: middle; + } + + .clearfix { + zoom: 1px; + } + + .clearfix:after { + clear: both; + } + + .gallery { + display: inline; + float: left; + height: 200px; + margin: 10px; + overflow: hidden; + text-align: center; + width: 300px; + } + + .gallery .thumbnail { + display: block; + float: none; + margin: 5px auto; + } + + div.thumbnail a.delete_image { + position: absolute; + right: 4px; + bottom: 0px; + } + + body { + background: #fff url(../img/background.png) repeat-y center top; + font: 12pt Philosopher, Georgia, serif; + line-height: 1; + margin: 0; + min-width: 960px; + padding: 0; + vertical-align: baseline; + } + + fieldset { + border: none; + color: #2e3436; + border-radius: 10px; + margin: 10px 0 0 0; + padding: 0 10px 0 160px; + background: linear-gradient(135deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); + background: -moz-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); + background: -webkit-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); + background: -o-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); + background: -ms-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); + vertical-align: top; + } + + fieldset legend { + margin-top: -.1em; + margin-left: -150px; + color: #a40000; + font-family: 'Amerika Sans', sans-serif; + font-variant: small-caps; + font-weight: 400; + font-size: 16pt; + text-shadow: 2px 2px 2px #888; + } + + fieldset div { + margin: 5px 0px; + } + + fieldset .required { + font-weight: bold; + } + + fieldset .buttonbar { + border-radius: 0px 0px 10px 10px; + margin: 0 -10px 0 -160px; + } + + fieldset .help_text { + font-size: small; + } + + fieldset .field_name { + text-align: right; + width: 140px; + margin: 0 20px 0 -160px; + padding-top: 3px; + display: inline-block; + clear: left; + vertical-align: top; + } + + fieldset input, fieldset textarea { + border: 1px solid #999999; + border-radius: 5px; + padding: 2px; + margin: 0; + } + + fieldset input[maxlength="255"], fieldset textarea { + box-sizing: border-box; + width: 100%; + max-width: 760px; + } + + fieldset ul { + display: inline-block; + padding: 0; + } + + fieldset ul li { + list-style: none; + display: inline; + } + + fieldset table { + display: inline-table; + max-width: 760px; + } + + img.partner, img.partner_right, img.posting_image { + border: 1px solid #babdb6; + float: left; + height: 120px; + margin: 0 20px 0 0; + padding: 4px; + width: 200px; + } + + img.partner:nth-of-type(odd) { + float: right; + } + + ul.tabs { + margin: 10px; + padding: 0; + border-radius: 10px; + background: #bc0a19 url(../img/buttonbar.gif) repeat-x; + text-align: left; + list-style: none; + } + + ul.tabs li { + display: inline-block; + } + + ul.tabs li:after { + content: '' + } + + ul.tabs li a { + display: inline-block; + border: 1px solid #d3d7cf; + border-radius: 5px; + background-color: #f9f9f9; + color: #2e3436; + font: bold 14px Philosopher sans-serif; + box-shadow: inset 0px 1px 0px 0px #ffffff; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9)); + background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9'); + display: inline-block; + padding: 4px 10px 2px 10px; + margin: 3px 0px 0px 15px; + text-decoration: none; + text-shadow: 1px 1px 0px #ffffff; + } + + ul.tabs li.active a { + background-color: #fa665a; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fa665a), color-stop(1, #d34639)); + background: -moz-linear-gradient(center top, #fa665a 5%, #d34639 100%); + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639'); + border: 1px solid #d83526; + box-shadow: inset 0px 1px 0px 0px #ffffff; + text-shadow: 1px 1px 0px #98231a; + } + + .pagination a, .pagination .current, .pagination .next, .pagination .previous { + display: inline-block; + padding: 2px; + color: #FFF; + font-weight: bold; + height: 33px; + text-decoration: none; + padding: 17px 0.5em 0 0.5em; + } + + .pagination .current { + color: #a40000; + } + + .pagination .disabled { + color: #ccc + } + + img.avatar { + border: none; + box-shadow: 2px 2px 2px #888; + width: 60px; + height: 60px; + } + + .comment_picture { + display: table-cell; + padding: 0px 10px; + width: 60px; + vertical-align: top; + } + + .comment_header { + display: table-cell; + padding: 0px 10px; + width: 140px; + vertical-align: top; + } + + .comment_header h3 { + margin: 0 + } + + .comment_text { + display: table-cell; + padding: 0px 10px; + width: auto; + max-width: 700px; + } + + .userinfo { + width: 140px; + } + + .grid_6 { + width: 460px; + } + + .grid_7 { + width: 540px; + } + + .grid_8 { + width: 620px; + } + + .grid_9 { + width: 700px; + } + + .grid_10 { + width: 780px; + } + + .grid_11 { + width: 860px; + } + + .grid_12 { + width: 940px; + } + + #recaptcha_widget_div { + margin-top: -20px; + } + + #google_maps { + position: relative; + top: 0px; + left: 0px; + height: 280px; + padding: 10px; + border-radius: 0px 10px 10px 0px; + } +} \ No newline at end of file diff --git a/kasu/static/css/jquery-ui-1.8.16.custom.css b/kasu/static/css/jquery-ui-1.8.16.custom.css deleted file mode 100644 index 63a1c26..0000000 --- a/kasu/static/css/jquery-ui-1.8.16.custom.css +++ /dev/null @@ -1,411 +0,0 @@ -/* - * jQuery UI CSS Framework 1.8.16 - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Theming/API - */ - -/* Layout helpers -----------------------------------*/ -.ui-helper-hidden { display: none; } -.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } -.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } -.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } -.ui-helper-clearfix { display: inline-block; } -/* required comment for clearfix to work in Opera \*/ -* html .ui-helper-clearfix { height:1%; } -.ui-helper-clearfix { display:block; } -/* end clearfix */ -.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } - - -/* Interaction Cues -----------------------------------*/ -.ui-state-disabled { cursor: default !important; } - - -/* Icons -----------------------------------*/ - -/* states and images */ -.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } - - -/* Misc visuals -----------------------------------*/ - -/* Overlays */ -.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } - - -/* - * jQuery UI CSS Framework 1.8.16 - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Theming/API - * - * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px - */ - - -/* Component containers -----------------------------------*/ -.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 13px; } -.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../img/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } -.ui-widget-content a { color: #333333; } -.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../img/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } -.ui-widget-header a { color: #ffffff; } - -/* Interaction states -----------------------------------*/ -.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(../img/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } -.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } -.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(../img/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; } -.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } -.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(../img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } -.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } -.ui-widget :active { outline: none; } - -/* Interaction Cues -----------------------------------*/ -.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(../img/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } -.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } -.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(../img/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } -.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } -.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } -.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } -.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } -.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } - -/* Icons -----------------------------------*/ - -/* states and images */ -.ui-icon { width: 16px; height: 16px; background-image: url(../img/ui-icons_222222_256x240.png); } -.ui-widget-content .ui-icon {background-image: url(../img/ui-icons_222222_256x240.png); } -.ui-widget-header .ui-icon {background-image: url(../img/ui-icons_ffffff_256x240.png); } -.ui-state-default .ui-icon { background-image: url(../img/ui-icons_ef8c08_256x240.png); } -.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../img/ui-icons_ef8c08_256x240.png); } -.ui-state-active .ui-icon {background-image: url(../img/ui-icons_ef8c08_256x240.png); } -.ui-state-highlight .ui-icon {background-image: url(../img/ui-icons_228ef1_256x240.png); } -.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../img/ui-icons_ffd27a_256x240.png); } - -/* positioning */ -.ui-icon-carat-1-n { background-position: 0 0; } -.ui-icon-carat-1-ne { background-position: -16px 0; } -.ui-icon-carat-1-e { background-position: -32px 0; } -.ui-icon-carat-1-se { background-position: -48px 0; } -.ui-icon-carat-1-s { background-position: -64px 0; } -.ui-icon-carat-1-sw { background-position: -80px 0; } -.ui-icon-carat-1-w { background-position: -96px 0; } -.ui-icon-carat-1-nw { background-position: -112px 0; } -.ui-icon-carat-2-n-s { background-position: -128px 0; } -.ui-icon-carat-2-e-w { background-position: -144px 0; } -.ui-icon-triangle-1-n { background-position: 0 -16px; } -.ui-icon-triangle-1-ne { background-position: -16px -16px; } -.ui-icon-triangle-1-e { background-position: -32px -16px; } -.ui-icon-triangle-1-se { background-position: -48px -16px; } -.ui-icon-triangle-1-s { background-position: -64px -16px; } -.ui-icon-triangle-1-sw { background-position: -80px -16px; } -.ui-icon-triangle-1-w { background-position: -96px -16px; } -.ui-icon-triangle-1-nw { background-position: -112px -16px; } -.ui-icon-triangle-2-n-s { background-position: -128px -16px; } -.ui-icon-triangle-2-e-w { background-position: -144px -16px; } -.ui-icon-arrow-1-n { background-position: 0 -32px; } -.ui-icon-arrow-1-ne { background-position: -16px -32px; } -.ui-icon-arrow-1-e { background-position: -32px -32px; } -.ui-icon-arrow-1-se { background-position: -48px -32px; } -.ui-icon-arrow-1-s { background-position: -64px -32px; } -.ui-icon-arrow-1-sw { background-position: -80px -32px; } -.ui-icon-arrow-1-w { background-position: -96px -32px; } -.ui-icon-arrow-1-nw { background-position: -112px -32px; } -.ui-icon-arrow-2-n-s { background-position: -128px -32px; } -.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } -.ui-icon-arrow-2-e-w { background-position: -160px -32px; } -.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } -.ui-icon-arrowstop-1-n { background-position: -192px -32px; } -.ui-icon-arrowstop-1-e { background-position: -208px -32px; } -.ui-icon-arrowstop-1-s { background-position: -224px -32px; } -.ui-icon-arrowstop-1-w { background-position: -240px -32px; } -.ui-icon-arrowthick-1-n { background-position: 0 -48px; } -.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } -.ui-icon-arrowthick-1-e { background-position: -32px -48px; } -.ui-icon-arrowthick-1-se { background-position: -48px -48px; } -.ui-icon-arrowthick-1-s { background-position: -64px -48px; } -.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } -.ui-icon-arrowthick-1-w { background-position: -96px -48px; } -.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } -.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } -.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } -.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } -.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } -.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } -.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } -.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } -.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } -.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } -.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } -.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } -.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } -.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } -.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } -.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } -.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } -.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } -.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } -.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } -.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } -.ui-icon-arrow-4 { background-position: 0 -80px; } -.ui-icon-arrow-4-diag { background-position: -16px -80px; } -.ui-icon-extlink { background-position: -32px -80px; } -.ui-icon-newwin { background-position: -48px -80px; } -.ui-icon-refresh { background-position: -64px -80px; } -.ui-icon-shuffle { background-position: -80px -80px; } -.ui-icon-transfer-e-w { background-position: -96px -80px; } -.ui-icon-transferthick-e-w { background-position: -112px -80px; } -.ui-icon-folder-collapsed { background-position: 0 -96px; } -.ui-icon-folder-open { background-position: -16px -96px; } -.ui-icon-document { background-position: -32px -96px; } -.ui-icon-document-b { background-position: -48px -96px; } -.ui-icon-note { background-position: -64px -96px; } -.ui-icon-mail-closed { background-position: -80px -96px; } -.ui-icon-mail-open { background-position: -96px -96px; } -.ui-icon-suitcase { background-position: -112px -96px; } -.ui-icon-comment { background-position: -128px -96px; } -.ui-icon-person { background-position: -144px -96px; } -.ui-icon-print { background-position: -160px -96px; } -.ui-icon-trash { background-position: -176px -96px; } -.ui-icon-locked { background-position: -192px -96px; } -.ui-icon-unlocked { background-position: -208px -96px; } -.ui-icon-bookmark { background-position: -224px -96px; } -.ui-icon-tag { background-position: -240px -96px; } -.ui-icon-home { background-position: 0 -112px; } -.ui-icon-flag { background-position: -16px -112px; } -.ui-icon-calendar { background-position: -32px -112px; } -.ui-icon-cart { background-position: -48px -112px; } -.ui-icon-pencil { background-position: -64px -112px; } -.ui-icon-clock { background-position: -80px -112px; } -.ui-icon-disk { background-position: -96px -112px; } -.ui-icon-calculator { background-position: -112px -112px; } -.ui-icon-zoomin { background-position: -128px -112px; } -.ui-icon-zoomout { background-position: -144px -112px; } -.ui-icon-search { background-position: -160px -112px; } -.ui-icon-wrench { background-position: -176px -112px; } -.ui-icon-gear { background-position: -192px -112px; } -.ui-icon-heart { background-position: -208px -112px; } -.ui-icon-star { background-position: -224px -112px; } -.ui-icon-link { background-position: -240px -112px; } -.ui-icon-cancel { background-position: 0 -128px; } -.ui-icon-plus { background-position: -16px -128px; } -.ui-icon-plusthick { background-position: -32px -128px; } -.ui-icon-minus { background-position: -48px -128px; } -.ui-icon-minusthick { background-position: -64px -128px; } -.ui-icon-close { background-position: -80px -128px; } -.ui-icon-closethick { background-position: -96px -128px; } -.ui-icon-key { background-position: -112px -128px; } -.ui-icon-lightbulb { background-position: -128px -128px; } -.ui-icon-scissors { background-position: -144px -128px; } -.ui-icon-clipboard { background-position: -160px -128px; } -.ui-icon-copy { background-position: -176px -128px; } -.ui-icon-contact { background-position: -192px -128px; } -.ui-icon-image { background-position: -208px -128px; } -.ui-icon-video { background-position: -224px -128px; } -.ui-icon-script { background-position: -240px -128px; } -.ui-icon-alert { background-position: 0 -144px; } -.ui-icon-info { background-position: -16px -144px; } -.ui-icon-notice { background-position: -32px -144px; } -.ui-icon-help { background-position: -48px -144px; } -.ui-icon-check { background-position: -64px -144px; } -.ui-icon-bullet { background-position: -80px -144px; } -.ui-icon-radio-off { background-position: -96px -144px; } -.ui-icon-radio-on { background-position: -112px -144px; } -.ui-icon-pin-w { background-position: -128px -144px; } -.ui-icon-pin-s { background-position: -144px -144px; } -.ui-icon-play { background-position: 0 -160px; } -.ui-icon-pause { background-position: -16px -160px; } -.ui-icon-seek-next { background-position: -32px -160px; } -.ui-icon-seek-prev { background-position: -48px -160px; } -.ui-icon-seek-end { background-position: -64px -160px; } -.ui-icon-seek-start { background-position: -80px -160px; } -/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ -.ui-icon-seek-first { background-position: -80px -160px; } -.ui-icon-stop { background-position: -96px -160px; } -.ui-icon-eject { background-position: -112px -160px; } -.ui-icon-volume-off { background-position: -128px -160px; } -.ui-icon-volume-on { background-position: -144px -160px; } -.ui-icon-power { background-position: 0 -176px; } -.ui-icon-signal-diag { background-position: -16px -176px; } -.ui-icon-signal { background-position: -32px -176px; } -.ui-icon-battery-0 { background-position: -48px -176px; } -.ui-icon-battery-1 { background-position: -64px -176px; } -.ui-icon-battery-2 { background-position: -80px -176px; } -.ui-icon-battery-3 { background-position: -96px -176px; } -.ui-icon-circle-plus { background-position: 0 -192px; } -.ui-icon-circle-minus { background-position: -16px -192px; } -.ui-icon-circle-close { background-position: -32px -192px; } -.ui-icon-circle-triangle-e { background-position: -48px -192px; } -.ui-icon-circle-triangle-s { background-position: -64px -192px; } -.ui-icon-circle-triangle-w { background-position: -80px -192px; } -.ui-icon-circle-triangle-n { background-position: -96px -192px; } -.ui-icon-circle-arrow-e { background-position: -112px -192px; } -.ui-icon-circle-arrow-s { background-position: -128px -192px; } -.ui-icon-circle-arrow-w { background-position: -144px -192px; } -.ui-icon-circle-arrow-n { background-position: -160px -192px; } -.ui-icon-circle-zoomin { background-position: -176px -192px; } -.ui-icon-circle-zoomout { background-position: -192px -192px; } -.ui-icon-circle-check { background-position: -208px -192px; } -.ui-icon-circlesmall-plus { background-position: 0 -208px; } -.ui-icon-circlesmall-minus { background-position: -16px -208px; } -.ui-icon-circlesmall-close { background-position: -32px -208px; } -.ui-icon-squaresmall-plus { background-position: -48px -208px; } -.ui-icon-squaresmall-minus { background-position: -64px -208px; } -.ui-icon-squaresmall-close { background-position: -80px -208px; } -.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } -.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } -.ui-icon-grip-solid-vertical { background-position: -32px -224px; } -.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } -.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } -.ui-icon-grip-diagonal-se { background-position: -80px -224px; } - - -/* Misc visuals -----------------------------------*/ - -/* Corner radius */ -.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } -.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } -.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } -.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } - -/* Overlays */ -.ui-widget-overlay { background: #666666 url(../img/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } -.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../img/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* - * jQuery UI Button 1.8.16 - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Button#theming - */ -.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ -.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ -button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ -.ui-button-icons-only { width: 3.4em; } -button.ui-button-icons-only { width: 3.7em; } - -/*button text element */ -.ui-button .ui-button-text { display: block; line-height: 1.4; } -.ui-button-text-only .ui-button-text { padding: .4em 1em; } -.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } -.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } -.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } -.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } -/* no icon support for input elements, provide padding by default */ -input.ui-button { padding: .4em 1em; } - -/*button icon element(s) */ -.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } -.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } -.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } -.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } -.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } - -/*button sets*/ -.ui-buttonset { margin-right: 7px; } -.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } - -/* workarounds */ -button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ -/* - * jQuery UI Tabs 1.8.16 - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Tabs#theming - */ -.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ -.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } -.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } -.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } -.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } -.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } -.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ -.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } -.ui-tabs .ui-tabs-hide { display: none !important; } -/* - * jQuery UI Datepicker 1.8.16 - * - * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Datepicker#theming - */ -.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } -.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } -.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } -.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } -.ui-datepicker .ui-datepicker-prev { left:2px; } -.ui-datepicker .ui-datepicker-next { right:2px; } -.ui-datepicker .ui-datepicker-prev-hover { left:1px; } -.ui-datepicker .ui-datepicker-next-hover { right:1px; } -.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } -.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } -.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } -.ui-datepicker select.ui-datepicker-month-year {width: 100%;} -.ui-datepicker select.ui-datepicker-month, -.ui-datepicker select.ui-datepicker-year { width: 49%;} -.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } -.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } -.ui-datepicker td { border: 0; padding: 1px; } -.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } -.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } -.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } -.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } - -/* with multiple calendars */ -.ui-datepicker.ui-datepicker-multi { width:auto; } -.ui-datepicker-multi .ui-datepicker-group { float:left; } -.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } -.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } -.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } -.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } -.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } -.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } -.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } -.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } - -/* RTL support */ -.ui-datepicker-rtl { direction: rtl; } -.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } -.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } -.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } -.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } -.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } -.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } -.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } -.ui-datepicker-rtl .ui-datepicker-group { float:right; } -.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } -.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } - -/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ -.ui-datepicker-cover { - display: none; /*sorry for IE5*/ - display/**/: block; /*sorry for IE5*/ - position: absolute; /*must have*/ - z-index: -1; /*must have*/ - filter: mask(); /*must have*/ - top: -4px; /*must have*/ - left: -4px; /*must have*/ - width: 200px; /*must have*/ - height: 200px; /*must have*/ -} diff --git a/kasu/static/css/kasu.less b/kasu/static/css/kasu.less new file mode 100644 index 0000000..462c1d7 --- /dev/null +++ b/kasu/static/css/kasu.less @@ -0,0 +1,7 @@ +@min-desktop-width: 700px; +@max-mobile-with: 699px; + +@import "common"; +@import "desktop"; +@import "mobile"; +@import "print"; \ No newline at end of file diff --git a/kasu/static/css/mobile.css b/kasu/static/css/mobile.css deleted file mode 100644 index 77aa61f..0000000 --- a/kasu/static/css/mobile.css +++ /dev/null @@ -1,348 +0,0 @@ -@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} } - -body { - background: url('../img/background_mobile.png') no-repeat top center; - font: 12pt "Philosopher", Georgia, serif; - -webkit-animation: bugfix infinite 1s; -} - - -#display .grid_10 {margin:0; position:relative; z-index:1} -#display .next, #display .previous { - display: block; - position: absolute; - top: 0px; - width: 45px; - height: 100%; - margin: 0px; - padding:0; - text-indent: 9999px; - overflow: hidden; - opacity:.5; -} -#display .next:hover, #display .previous:hover { - opacity: .9; - transition: all 0.2s ease-out; -} - -#display .next { - background: transparent url(../img/right-arrow.png) no-repeat center - center; - right: 0px; - z-index:3; -} - -#display .previous { - background: transparent url(../img/left-arrow.png) no-repeat center - center; - left: 0px; - z-index:2 -} - - -#footer_bg {display: none;} -#top_bg {display: none;} -#footer {border-top: 1px solid black; text-align: center;} -#header { - position: relative; - min-height: 54px; - height: 100%; - padding: 0 20px; -} - -img.posting_image,img.partner { - float: left; - width: 99px; - height: 59px; - padding: 2px; - margin: 1em 0.5em 0 0; - border: 1px solid #babdb6; -} - -img {max-width: 100%; height: auto;} -#topnav a { - display: inline-block; - color: #000; - font: 400 small-caps 24pt 'Amerika Sans', sans-serif; - min-width: 80px; - text-align: center; - text-decoration: none; - text-shadow: 2px 2px 2px #2e3436; - padding: 5px; -} - -#topnav a.active { - color: #bc0a19; -} - -#topnav a:hover { - color: #FFF; -} - -#sitelogo { - background: url('../img/logo_mobile.png') no-repeat; - width: 114px; - height: 54px; - left: 5px; - margin: 0; - padding: 0; - text-indent: -9999px; - top: 5px; - z-index: 20; - float: left; -} - -#teaser {background:none; margin-bottom: 1em;} - -#teaser_text { - background: rgba(255, 255, 255, 0.5); -} - -#navigation {margin: 10px 0; padding: 0} - -#navigation li { - display: inline-block; - background: #45484d url("../img/buttonbar.gif") top left repeat-x; - padding: 0; -} - -#navigation a { - display: inline-block; - padding: 0.5em 1em; - font: bold 12px Arial; - color: #FFF; - text-decoration: none; -} - -#sitelogo a { - display: block; - width: 114px; - height: 54px; -} - -#siteheader:after { - content: "."; - clear: both; - display: block; - visibility: hidden; - height: 0px; -} - -/* Dynamische Menü */ -#mainnav { - display: block; - float: right -} - -#toggle,.toggle { - display: none; -} - -#toggle:checked ~ .main_menu { - display: block; - opacity: 1; -} - -#toggle:checked ~ .toggle, .toggle:hover {background: #45ABD6;} - - -.toggle { - z-index: 2; - display: block; - position: relative; - cursor: pointer; - -webkit-touch-callout: none; - -webkit-user-select: none; - user-select: none; -} - -.main_menu { - display: none; - opacity: 0; - width: 100%; - position: absolute; - z-index: 999; - right: 0; - background: black; - border-top: 1px solid #a40000; - margin: 0; - padding: 0; - box-shadow: outset 0px 1px 0px 0px #ffffff; -} - -.main_menu>li { - height: auto; - list-style: none; - float: left; - z-index: 100; - background: #eeeeec; - display: block; - width: 100%; - margin: 0; -} - -.main_menu>li>a { - display: block; - width: 100%; - height: auto; - text-decoration: none; - font: 400 small-caps 18px 'Amerika Sans', sans-serif; - color: black; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - float: right; - padding: 1em; - line-height: 1; - -webkit-transition: all 0.25s linear; - -moz-transition: all 0.25s linear; - -o-transition: all 0.25s linear; - transition: all 0.25s linear; -} - -#jumbotron {background: none !important;} -#redbox {display: block;} - -.main_menu>li>a:hover,.menu>li>a:focus { - box-shadow: inset 5px 0px #a40000; - color: #a40000; -} - -.grid_6, .grid_7,.grid_8,.grid_9,.grid_10,.grid_11, .grid_12{clear: both; width:100%} - - -.player { - display: inline; - float: left; - margin-left: 10px; - margin-right: 10px; - position: relative; - box-sizing: border-box; - -moz-box-sizing: border-box; - min-width: 60px; -} - - -.toggle { - display: block; - width: 150px; - margin: 8px 0; - padding: 10px; - background: #a40000; - text-align: center; - color: #FFFFFF; - content: 'Main Menu'; - border-radius: 2px; - box-sizing: border-box; - transition: all 0.5s linear; - -webkit-border-radius: 2px; - -webkit-transition: all 0.5s linear; - -webkit-box-sizing: border-box; - -moz-transition: all 0.5s linear; - -moz-box-sizing: border-box; - -o-transition: all 0.5s linear; -} - -.thumbnail { - display: block; - position: relative; - float: left; - height: 70px; - padding: 0; - width: 70px; - margin: 5px; - box-shadow: 2px 2px 5px #888; -} - -.thumbnail img {height: 70px; width: 70px;} -.thumbnail a.delete_image {display:none} - -img.thumbnail {display:block; float: left;height: 70px; width: 70px; margin:5px;box-shadow: 2px 2px 5px #888;} - -fieldset { - border: none; - color: #2e3436; - border-radius: 10px; - margin: 10px 0 0 0; - padding: 0 10px 0 160px; - background: #f2f5f6; /* Old browsers */ - background: linear-gradient(135deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); - background: -moz-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); - background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f2f5f6), - color-stop(37%, #e3eaed), color-stop(100%, #c8d7dc) ); - background: -webkit-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); - background: -o-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); - background: -ms-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); - -} - -fieldset legend { - margin-top: -.1em; - margin-left: -150px; - color: #a40000; - font-family: 'Amerika Sans', sans-serif; - font-variant: small-caps; - font-weight: 400; - font-size: 16pt; - text-shadow: 2px 2px 2px #888; -} - -fieldset .required { - font-weight: bold; -} - -fieldset .error { - color: #a40000 -} - -fieldset .buttonbar { - border-radius: 0px 0px 10px 10px; - margin: 0 -10px 0 -160px; -} - -fieldset .help_text { - font-size: small; -} - -fieldset .field_name { - text-align: right; - width: 140px; - margin: 0 20px 0 -160px; - padding-top: 3px; - display: inline-block; - clear: left; -} - -fieldset input,fieldset textarea { - border: 1px solid #999999; - border-radius: 5px; - padding: 2px; - margin: 0; - font-size: 12pt; -} - -fieldset input[maxlength="255"],fieldset textarea { - width: 99%; - box-sizing: border-box; -} - -fieldset ul { - display: inline-block; - padding: 0; -} - -fieldset ul li { - list-style: none; - display: inline; -} - -ul.tabs {margin-top:1em;} -.pagination {clear:both;} -.pagination a, .pagination .current, .pagination .next, .pagination .previous { - display: inline-block; - text-decoration: none; - padding: 0 0.5em 0 0.5em; -} - -.gallery {float: left; width:150px; height:150px; margin: 10px;} -.gallery h3 {font-size: 12pt;} diff --git a/kasu/static/css/mobile.less b/kasu/static/css/mobile.less new file mode 100644 index 0000000..0b8305c --- /dev/null +++ b/kasu/static/css/mobile.less @@ -0,0 +1,462 @@ +@media screen and (max-width: @max-mobile-with) { + + body { + background: url('../img/background_mobile.png') no-repeat top center; + font: 12pt "Philosopher", Georgia, serif; + -webkit-animation: bugfix infinite 1s; + } + + + #display .grid_10 { + margin: 0; + position: relative; + z-index: 1 + } + + #display .next, #display .previous { + display: block; + position: absolute; + top: 0px; + width: 45px; + height: 100%; + margin: 0px; + padding: 0; + text-indent: 9999px; + overflow: hidden; + opacity: .5; + } + + #display .next:hover, #display .previous:hover { + opacity: .9; + transition: all 0.2s ease-out; + } + + #display .next { + background: transparent url(../img/right-arrow.png) no-repeat center center; + right: 0px; + z-index: 3; + } + + #display .previous { + background: transparent url(../img/left-arrow.png) no-repeat center center; + left: 0px; + z-index: 2 + } + + #footer_bg { + display: none; + } + + #top_bg { + display: none; + } + + #footer { + border-top: 1px solid black; + text-align: center; + } + + #header { + position: relative; + min-height: 54px; + height: 100%; + padding: 0 20px; + } + + img.posting_image, img.partner { + float: left; + width: 99px; + height: 59px; + padding: 2px; + margin: 1em 0.5em 0 0; + border: 1px solid #babdb6; + } + + img { + max-width: 100%; + height: auto; + } + + #topnav a { + display: inline-block; + color: #000; + font: 400 small-caps 24pt 'Amerika Sans', sans-serif; + min-width: 80px; + text-align: center; + text-decoration: none; + text-shadow: 2px 2px 2px #2e3436; + padding: 5px; + } + + #topnav a.active { + color: #bc0a19; + } + + #topnav a:hover { + color: #FFF; + } + + #sitelogo { + background: url('../img/logo_mobile.png') no-repeat; + width: 114px; + height: 54px; + left: 5px; + margin: 0; + padding: 0; + text-indent: -9999px; + top: 5px; + z-index: 20; + float: left; + } + + #teaser { + background: none; + margin-bottom: 1em; + } + + #teaser_text { + background: rgba(255, 255, 255, 0.5); + } + + #navigation { + margin: 10px 0; + padding: 0; + background: #45484d url("../img/navigation-mobile.png") top left repeat-x; + background-size: contain; + } + + #navigation li { + display: inline-block; + padding: 0.5em 0.3em 0.5em 0.5em; + text-align: center; + border-left: 1px solid #ffffff; + margin: 0; + } + + #navigation li:first-of-type { + border: none; + } + + #navigation a { + font: bold 12px Arial; + color: #FFF; + text-decoration: none; + } + + #sitelogo a { + display: block; + width: 114px; + height: 54px; + } + + #siteheader:after { + content: "."; + clear: both; + display: block; + visibility: hidden; + height: 0px; + } + + /* Dynamische Menü */ + #mainnav { + display: block; + float: right + } + + #toggle, .toggle { + display: none; + } + + #toggle:checked ~ .main_menu { + display: block; + opacity: 1; + } + + #toggle:checked ~ .toggle, .toggle:hover { + background: #45ABD6; + } + + .comment_picture { + display: table-cell; + padding: 0px 10px; + width: 60px; + vertical-align: top; + } + + .comment_header { + display: table-cell; + padding: 0px 10px; + width: 140px; + vertical-align: top; + } + + .comment_header h3 { + margin: 0 + } + + .toggle { + z-index: 2; + display: block; + position: relative; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; + user-select: none; + } + + .main_menu { + display: none; + opacity: 0; + width: 100%; + position: absolute; + z-index: 999; + right: 0; + background: black; + border-top: 1px solid #a40000; + margin: 0; + padding: 0; + box-shadow: outset 0px 1px 0px 0px #ffffff; + } + + .main_menu > li { + height: auto; + list-style: none; + float: left; + z-index: 100; + background: #eeeeec; + display: block; + width: 100%; + margin: 0; + } + + .main_menu > li > a { + display: block; + width: 100%; + height: auto; + text-decoration: none; + font: 400 small-caps 18px 'Amerika Sans', sans-serif; + color: black; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + float: right; + padding: 1em; + line-height: 1; + -webkit-transition: all 0.25s linear; + -moz-transition: all 0.25s linear; + -o-transition: all 0.25s linear; + transition: all 0.25s linear; + } + + #jumbotron { + background: none !important; + } + + #redbox { + margin-top: 1em; + display: block; + } + + .main_menu > li > a:hover, .menu > li > a:focus { + box-shadow: inset 5px 0px #a40000; + color: #a40000; + } + + .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { + width: 100%; + clear: both; + } + + .player { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; + position: relative; + box-sizing: border-box; + -moz-box-sizing: border-box; + min-width: 60px; + } + + .toggle { + display: block; + width: 150px; + margin: 8px 0; + padding: 10px; + background: #a40000; + text-align: center; + color: #FFFFFF; + content: 'Main Menu'; + border-radius: 2px; + box-sizing: border-box; + transition: all 0.5s linear; + -webkit-border-radius: 2px; + -webkit-transition: all 0.5s linear; + -webkit-box-sizing: border-box; + -moz-transition: all 0.5s linear; + -moz-box-sizing: border-box; + -o-transition: all 0.5s linear; + } + + .thumbnail { + display: block; + position: relative; + float: left; + height: 70px; + padding: 0; + width: 70px; + margin: 5px; + box-shadow: 2px 2px 5px #888; + } + + .thumbnail img { + height: 70px; + width: 70px; + } + + .thumbnail a.delete_image { + display: none + } + + img.thumbnail { + display: block; + float: left; + height: 70px; + width: 70px; + margin: 5px; + box-shadow: 2px 2px 5px #888; + } + + fieldset { + border: none; + color: #2e3436; + border-radius: 10px; + margin: 10px 0 0 0; + padding: 0 10px 0 160px; + background: #f2f5f6; /* Old browsers */ + background: linear-gradient(135deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); + background: -moz-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); + background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f2f5f6), + color-stop(37%, #e3eaed), color-stop(100%, #c8d7dc)); + background: -webkit-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); + background: -o-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); + background: -ms-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); + + } + + fieldset legend { + margin-top: -.1em; + margin-left: -150px; + color: #a40000; + font-family: 'Amerika Sans', sans-serif; + font-variant: small-caps; + font-weight: 400; + font-size: 16pt; + text-shadow: 2px 2px 2px #888; + } + + fieldset .required { + font-weight: bold; + } + + fieldset .error { + color: #a40000 + } + + fieldset .buttonbar { + border-radius: 0px 0px 10px 10px; + margin: 0 -10px 0 -160px; + } + + fieldset .help_text { + font-size: small; + } + + fieldset .field_name { + text-align: right; + width: 140px; + margin: 0 20px 0 -160px; + padding-top: 3px; + display: inline-block; + clear: left; + } + + fieldset input, fieldset textarea { + border: 1px solid #999999; + border-radius: 5px; + padding: 2px; + margin: 0; + font-size: 12pt; + } + + fieldset input[maxlength="255"], fieldset textarea { + width: 99%; + box-sizing: border-box; + } + + fieldset ul { + display: inline-block; + padding: 0; + } + + fieldset ul li { + list-style: none; + display: inline; + } + + ul.tabs { + margin-top: 1em; + } + + .pagination { + clear: both; + } + + .pagination a, .pagination .current, .pagination .next, .pagination .previous { + display: inline-block; + text-decoration: none; + padding: 0 0.5em 0 0.5em; + } + + .gallery { + float: left; + width: 150px; + height: 150px; + margin: 10px; + } + + .gallery h3 { + font-size: 12pt; + } + + .comment { + display: block + } + + .comment_picture { + display: block; + float: left; + vertical-align: top; + width: 60px; + } + + .comment_header { + display: block; + float: left; + padding: 0px 10px; + vertical-align: top; + width: 140px; + } + + .comment_header h3 { + margin: 0 + } + + .comment_text { + border-top: 1px solid #45484d; + display: block; + margin-left: 0px 10px; + padding-top: 0.5em; + clear: both; + } +} \ No newline at end of file diff --git a/kasu/static/css/print.css b/kasu/static/css/print.css deleted file mode 100644 index 1fd880a..0000000 --- a/kasu/static/css/print.css +++ /dev/null @@ -1,71 +0,0 @@ -@page { - size: portrait; - margin: 0.5cm 1cm 0.6cm 2cm; - orphans: 3; - widows: 3; -} - -nav, aside, #comment_form, #navigation, #mainnav, #usernav, #bottom_buttonbar, #footer > form { - display: none; !important -} - -#header { - width: 100%; - border-bottom: 1px solid black; -} -#footer { - width: 100%; - border-top: 1px solid black; - text-align: center; -} - -* { - -webkit-print-color-adjust: exact; - /*print-color-adjust: exact;*/ -} - -a:link, a:visited { - color: black; - font-weight: bold; -} - -#sitelogo { - background: url(../img/logo.png) top right no-repeat; - background-size: contain; - left: 5px; - margin: 0; - padding: 0; - line-height: 1cm; - font-size: 16pt; - top: 5px; - z-index: 99; -} - -body, article { - width: 100%; - margin: 0; - padding: 0; - color: #000; - background: #fff; -} -h1, h2, h3, h4, h5, h6 { - text-shadow: none; - page-break-after: avoid; -} - -img { - max-width: 100% !important; -} - -ul, img { - page-break-inside: avoid; -} - -#comment_form, #navigation, #mainnav, #usernav, #bottom_buttonbar, #footer > form { - display: none; -} -.more_link {display: none} -#maincontent nav {display: none} -#maincontent aside {display: none} - -.grid_6, grid_7, .grid_8, grid_9, .grid_10, .grid_11, .grid_12 {width:100%} diff --git a/kasu/static/css/print.less b/kasu/static/css/print.less new file mode 100644 index 0000000..c110b25 --- /dev/null +++ b/kasu/static/css/print.less @@ -0,0 +1,87 @@ +@media print { + + @page { + size: portrait; + margin: 0.5cm 0.5cm 0.5cm 1cm; + orphans: 3; + widows: 3; + } + + nav, aside, #comment_form, #navigation, #mainnav, #usernav, #bottom_buttonbar, #footer > form { + display: none !important; + } + + #footer { + width: 100%; + padding-top: 0.5em; + border-top: 1px solid black; + text-align: center; + } + + * { + -webkit-print-color-adjust: exact; + print-color-adjust: exact; + } + + a:link, a:visited { + color: black; + font-weight: bold; + } + + #sitelogo { + background: url(../img/logo.png) top right no-repeat; + background-size: contain; + left: 0; + margin: 0; + padding: 0; + line-height: 1cm; + font-size: 16pt; + top: 5px; + z-index: 99; + } + + #jumbotron { + background: none !important; + } + + body, article { + width: 100%; + margin: 0; + padding: 0; + color: #000; + background: #fff; + } + + h1, h2, h3, h4, h5, h6 { + text-shadow: none; + page-break-after: avoid; + } + + img { + max-width: 100% !important; + } + + ul, img { + page-break-inside: avoid; + } + + #comment_form, #navigation, #mainnav, #usernav, #bottom_buttonbar, #footer > form { + display: none; + } + + .more_link { + display: none + } + + #maincontent nav { + display: none + } + + #maincontent aside { + display: none + } + + .grid_6, grid_7, .grid_8, grid_9, .grid_10, .grid_11, .grid_12 { + width: 100% + } +} \ No newline at end of file diff --git a/kasu/static/fonts/stylesheet.css b/kasu/static/fonts/stylesheet.css deleted file mode 100644 index 81695db..0000000 --- a/kasu/static/fonts/stylesheet.css +++ /dev/null @@ -1,16 +0,0 @@ -/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 22, 2011 */ - - - -@font-face { - font-family: 'AmerikaSansRegular'; - src: url('amerikasans-webfont.eot'); - src: url('amerikasans-webfont.eot?#iefix') format('embedded-opentype'), - url('amerikasans-webfont.woff') format('woff'), - url('amerikasans-webfont.ttf') format('truetype'), - url('amerikasans-webfont.svg#AmerikaSansRegular') format('svg'); - font-weight: normal; - font-style: normal; - -} - diff --git a/kasu/static/img/footer-bg.old b/kasu/static/img/footer-bg.old deleted file mode 100644 index 001f056..0000000 Binary files a/kasu/static/img/footer-bg.old and /dev/null differ diff --git a/kasu/static/img/footer_bg.png b/kasu/static/img/footer_bg.png index 4d5419d..3679e07 100644 Binary files a/kasu/static/img/footer_bg.png and b/kasu/static/img/footer_bg.png differ diff --git a/kasu/static/img/navigation-mobile.png b/kasu/static/img/navigation-mobile.png new file mode 100644 index 0000000..e9d4af2 Binary files /dev/null and b/kasu/static/img/navigation-mobile.png differ diff --git a/kasu/static/img/ui-bg_diagonals-thick_18_b81900_40x40.png b/kasu/static/img/ui-bg_diagonals-thick_18_b81900_40x40.png deleted file mode 100644 index 954e22d..0000000 Binary files a/kasu/static/img/ui-bg_diagonals-thick_18_b81900_40x40.png and /dev/null differ diff --git a/kasu/static/img/ui-bg_diagonals-thick_20_666666_40x40.png b/kasu/static/img/ui-bg_diagonals-thick_20_666666_40x40.png deleted file mode 100644 index 64ece57..0000000 Binary files a/kasu/static/img/ui-bg_diagonals-thick_20_666666_40x40.png and /dev/null differ diff --git a/kasu/static/img/ui-bg_flat_10_000000_40x100.png b/kasu/static/img/ui-bg_flat_10_000000_40x100.png deleted file mode 100644 index abdc010..0000000 Binary files a/kasu/static/img/ui-bg_flat_10_000000_40x100.png and /dev/null differ diff --git a/kasu/static/img/ui-bg_glass_100_f6f6f6_1x400.png b/kasu/static/img/ui-bg_glass_100_f6f6f6_1x400.png deleted file mode 100644 index 9b383f4..0000000 Binary files a/kasu/static/img/ui-bg_glass_100_f6f6f6_1x400.png and /dev/null differ diff --git a/kasu/static/img/ui-bg_glass_100_fdf5ce_1x400.png b/kasu/static/img/ui-bg_glass_100_fdf5ce_1x400.png deleted file mode 100644 index a23baad..0000000 Binary files a/kasu/static/img/ui-bg_glass_100_fdf5ce_1x400.png and /dev/null differ diff --git a/kasu/static/img/ui-bg_glass_65_ffffff_1x400.png b/kasu/static/img/ui-bg_glass_65_ffffff_1x400.png deleted file mode 100644 index 42ccba2..0000000 Binary files a/kasu/static/img/ui-bg_glass_65_ffffff_1x400.png and /dev/null differ diff --git a/kasu/static/img/ui-bg_gloss-wave_35_f6a828_500x100.png b/kasu/static/img/ui-bg_gloss-wave_35_f6a828_500x100.png deleted file mode 100644 index 39d5824..0000000 Binary files a/kasu/static/img/ui-bg_gloss-wave_35_f6a828_500x100.png and /dev/null differ diff --git a/kasu/static/img/ui-bg_highlight-soft_100_eeeeee_1x100.png b/kasu/static/img/ui-bg_highlight-soft_100_eeeeee_1x100.png deleted file mode 100644 index f127367..0000000 Binary files a/kasu/static/img/ui-bg_highlight-soft_100_eeeeee_1x100.png and /dev/null differ diff --git a/kasu/static/img/ui-bg_highlight-soft_75_ffe45c_1x100.png b/kasu/static/img/ui-bg_highlight-soft_75_ffe45c_1x100.png deleted file mode 100644 index 359397a..0000000 Binary files a/kasu/static/img/ui-bg_highlight-soft_75_ffe45c_1x100.png and /dev/null differ diff --git a/kasu/static/img/ui-icons_222222_256x240.png b/kasu/static/img/ui-icons_222222_256x240.png deleted file mode 100644 index b273ff1..0000000 Binary files a/kasu/static/img/ui-icons_222222_256x240.png and /dev/null differ diff --git a/kasu/static/img/ui-icons_228ef1_256x240.png b/kasu/static/img/ui-icons_228ef1_256x240.png deleted file mode 100644 index a641a37..0000000 Binary files a/kasu/static/img/ui-icons_228ef1_256x240.png and /dev/null differ diff --git a/kasu/static/img/ui-icons_ef8c08_256x240.png b/kasu/static/img/ui-icons_ef8c08_256x240.png deleted file mode 100644 index 85e63e9..0000000 Binary files a/kasu/static/img/ui-icons_ef8c08_256x240.png and /dev/null differ diff --git a/kasu/static/img/ui-icons_ffd27a_256x240.png b/kasu/static/img/ui-icons_ffd27a_256x240.png deleted file mode 100644 index e117eff..0000000 Binary files a/kasu/static/img/ui-icons_ffd27a_256x240.png and /dev/null differ diff --git a/kasu/static/img/ui-icons_ffffff_256x240.png b/kasu/static/img/ui-icons_ffffff_256x240.png deleted file mode 100644 index 42f8f99..0000000 Binary files a/kasu/static/img/ui-icons_ffffff_256x240.png and /dev/null differ diff --git a/kasu/static/js/jquery-1.6.2.min.js b/kasu/static/js/jquery-1.6.2.min.js deleted file mode 100644 index 48590ec..0000000 --- a/kasu/static/js/jquery-1.6.2.min.js +++ /dev/null @@ -1,18 +0,0 @@ -/*! - * jQuery JavaScript Library v1.6.2 - * http://jquery.com/ - * - * Copyright 2011, John Resig - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * Includes Sizzle.js - * http://sizzlejs.com/ - * Copyright 2011, The Dojo Foundation - * Released under the MIT, BSD, and GPL Licenses. - * - * Date: Thu Jun 30 14:16:56 2011 -0400 - */ -(function(a,b){function cv(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cs(a){if(!cg[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){ch||(ch=c.createElement("iframe"),ch.frameBorder=ch.width=ch.height=0),b.appendChild(ch);if(!ci||!ch.createElement)ci=(ch.contentWindow||ch.contentDocument).document,ci.write((c.compatMode==="CSS1Compat"?"":"")+"
"),ci.close();d=ci.createElement(a),ci.body.appendChild(d),e=f.css(d,"display"),b.removeChild(ch)}cg[a]=e}return cg[a]}function cr(a,b){var c={};f.each(cm.concat.apply([],cm.slice(0,b)),function(){c[this]=a});return c}function cq(){cn=b}function cp(){setTimeout(cq,0);return cn=f.now()}function cf(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ce(){try{return new a.XMLHttpRequest}catch(b){}}function b$(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g0){c!=="border"&&f.each(e,function(){c||(d-=parseFloat(f.css(a,"padding"+this))||0),c==="margin"?d+=parseFloat(f.css(a,c+this))||0:d-=parseFloat(f.css(a,"border"+this+"Width"))||0});return d+"px"}d=bx(a,b,b);if(d<0||d==null)d=a.style[b]||0;d=parseFloat(d)||0,c&&f.each(e,function(){d+=parseFloat(f.css(a,"padding"+this))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+this+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+this))||0)});return d+"px"}function bm(a,b){b.src?f.ajax({url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(be,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)}function bl(a){f.nodeName(a,"input")?bk(a):"getElementsByTagName"in a&&f.grep(a.getElementsByTagName("input"),bk)}function bk(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bj(a){return"getElementsByTagName"in a?a.getElementsByTagName("*"):"querySelectorAll"in a?a.querySelectorAll("*"):[]}function bi(a,b){var c;if(b.nodeType===1){b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase();if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(f.expando)}}function bh(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c=f.expando,d=f.data(a),e=f.data(b,d);if(d=d[c]){var g=d.events;e=e[c]=f.extend({},d);if(g){delete e.handle,e.events={};for(var h in g)for(var i=0,j=g[h].length;i| t |
| {% trans 'Date' %} | +{% trans 'Event' %} | +{% trans 'Players' %} | ++ | |||||
|---|---|---|---|---|---|---|---|---|
| {{ '1'|ordinal }} | +{{ '2'|ordinal }} | +{{ '3'|ordinal }} | +{{ '4'|ordinal }} | +{{ '5'|ordinal }} | +{{ '6'|ordinal }} | +|||
| {{ game.event.start|date:'SHORT_DATE_FORMAT' }} | +{{ game.event.name }} | + + {% for player in game.player_list %} +
+ {{ player.user.username }}
+ {{player.score}} {% trans 'Points' %} + |
+ {% endfor %}
+
+ {% if perms.maistar_ranking.delete_game %}
+ |
+ |||||
| {% trans "Placement" %} | +{% trans "Avatar" %} | +{% trans "Nickname" %} | +{% trans "Name" %} | +{% trans 'Average' %} | +{% trans 'Games' %} | +|||
|---|---|---|---|---|---|---|---|---|
| {% trans 'Placement' %} | +{% trans "Score" %} | +{% trans "count" %} | +{% trans "good" %} | +{% trans "won" %} | +||||
| {{ player.placement|ordinal }} | +{{player.user}} | +{% if user.is_authenticated %}{{profile.last_name}} {{profile.first_name}}{% else %} ---{% endif %} | +{{player.avg_placement|floatformat:0 }} | +{{player.avg_score|intcomma }} | +{{player.games_count}} | +{{player.games_good}} | +{{player.games_won}} | +|
| {% blocktrans %}Unfortunately, nobody has it been done in the ranking. + A player must have 6 games done, to be added to the ranking.{% endblocktrans %} + | +||||||||