Frank Becker avatar Frank Becker committed 0f7b77f

Further moved to staticfiles

Comments (0)

Files changed (184)

 3_rd_party
 *pyc
 *sql
+src/pentasubmitter/sitestatic/*

src/pentasubmitter/installer/requirements.txt

 PIL
 django-tastypie
 south
+django-compressor
+pyScss

src/pentasubmitter/settings.py

 #from django import template
 #template.add_to_builtins('voting.templatetags.voting_tags')
 
+BASEDIR = os.path.dirname(__file__)
 
 DEBUG = True
 TEMPLATE_DEBUG = DEBUG
 ENABLE_SSL = False
+COMPRESS_ENABLED = False
 
 ADMINS = (
     # ('Your Name', 'your_email@domain.com'),
 # Absolute path to the directory that holds media.
 # Example: "/home/media/media.lawrence.com/"
 #MEDIA_ROOT = os.getcwd()+'/templates/static'
-MEDIA_ROOT = os.path.abspath(os.path.join(os.path.dirname(__file__))) \
-        + '/templates/static'
+MEDIA_ROOT = os.path.join(BASEDIR, 'templates')
+
+STATIC_ROOT = os.path.join(BASEDIR, "sitestatic")
+#MEDIA_ROOT = STATIC_FILES_ROOT + MEDIA_APP_NAME + '/'
+STATIC_URL = '/static/'
+ADMIN_MEDIA_PREFIX = '/static/admin/'
+
 
 # What to show if screen shot of a url cannot be fetched
 NO_PAGE_SCREENSHOT = MEDIA_ROOT + '/page_shots/no_page_shot.png'
 
 # URL that handles the media served from MEDIA_ROOT.
 # Example: "http://media.lawrence.com"
-MEDIA_URL = '/static_media'
-#STATIC_URL = '/static_media'
+MEDIA_URL = '/media/'
 
 # Local development means the Django built in server deals with static files.
 # Do not use in production.
 # URL prefix for admin media -- CSS, JavaScript and images. Make sure to use a
 # trailing slash.
 # Examples: "http://foo.com/media/", "/media/".
-ADMIN_MEDIA_PREFIX = '/media/'
+#ADMIN_MEDIA_PREFIX = '/media/'
 
 # Make this unique, and don't share it with anybody.
 SECRET_KEY = '((=zi=gd0@v*^%d#@v=ovl03pur5urpq+x-g#qj01(si@0b=#)'
     "django.core.context_processors.i18n",
     "django.core.context_processors.media",
     "django.core.context_processors.request",
+    'django.core.context_processors.static',
     'django_authopenid.context_processors.authopenid',
 )
 
     'pentasubmitter.SSLMiddleware.SSLRedirect',
 )
 
+STATICFILES_FINDERS = (
+    'django.contrib.staticfiles.finders.FileSystemFinder',
+    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
+    'compressor.finders.CompressorFinder',
+    #    'django.contrib.staticfiles.finders.DefaultStorageFinder',
+)
+
+STATICFILES_DIRS = (
+    ('css', BASEDIR + '/templates/css'),
+    ('js', BASEDIR + '/templates/js'),
+    ('images', BASEDIR + '/templates/images'),
+    ('pix', BASEDIR + '/templates/pix'),
+    ('uni_form', BASEDIR + '/templates/uni_form'),
+    ('lib', BASEDIR + '/templates/lib'),
+)
+
 INTERNAL_IPS = ('127.0.0.1',)
 
 AUTH_PROFILE_MODULE = "submitter.Submitter"
     # Put strings here, like "/home/html/django_templates"
     # Always use forward slashes, even on Windows.
     # Don't forget to use absolute paths, not relative paths.
-    os.getcwd()+"/templates"
+    os.getcwd()+"/templates/"
 )
 
 INSTALLED_APPS = (
     'django.contrib.contenttypes',
     'django.contrib.sessions',
     'django.contrib.sites',
+    'django.contrib.staticfiles',
     'django.contrib.admin',
     'django.contrib.admindocs',
     'django.contrib.humanize',
     'haystack',
     'djcelery',
     'tastypie',
+    'compressor',
     'south',
 )
 
+COMPRESS_PRECOMPILERS = (
+            ('text/x-scss', 'pyscss -o {outfile} {infile}'),
+            )
+
+COMPRESS_CSS_FILTERS = ['compressor.filters.csstidy.CSSTidyFilter',]
+
 DEBUG_TOOLBAR_CONFIG = dict(
     INTERCEPT_REDIRECTS=False,
 )

src/pentasubmitter/templates/color/blue_bold.css

+
+#nav li a:hover {
+	color: #3366CC;
+	}
+
+#head h2 {
+	color: #3366CC;
+	}
+
+#right li a:hover, .right2 li a:hover {
+	color: #3366CC;
+	}
+	
+h2 {
+	color: #3366CC;
+	}
+	
+#content a, #content2 a, #foot a {
+	color: #3366CC;
+	border-bottom: 1px dotted #3366CC;
+	}
+	
+img.content, a img.content {
+	background-color: #3366CC;
+	}
+	
+thead th {
+  color: #3366CC;
+}

src/pentasubmitter/templates/color/blue_muted.css

+
+#nav li a:hover {
+	color: #82B0BF;
+	}
+
+#head h2 {
+	color: #82B0BF;
+	}
+
+#right li a:hover, .right2 li a:hover {
+	color: #82B0BF;
+	}
+	
+h2 {
+	color: #82B0BF;
+	}
+	
+#content a, #content2 a, #foot a {
+	color: #82B0BF;
+	border-bottom: 1px dotted #82B0BF;
+	}
+	
+img.content, a img.content {
+	background-color: #D7E4EA;
+	}
+	
+thead th {
+  color: #82B0BF;
+}

src/pentasubmitter/templates/color/green_bold.css

+
+#nav li a:hover {
+	color: #6C0;
+	}
+
+#head h2 {
+	color: #6C0;
+	}
+
+#right li a:hover, .right2 li a:hover {
+	color: #6C0;
+	}
+	
+h2 {
+	color: #6C0;
+	}
+	
+#content a, #content2 a, #foot a {
+	color: #6C0;
+	border-bottom: 1px dotted #6C0;
+	}
+	
+img.content, a img.content{
+	background-color: #6C0;
+	}
+	
+thead th {
+  color: #6C0;
+}

src/pentasubmitter/templates/color/orange_bold.css

+
+#nav li a:hover {
+	color: #FF9900;
+	}
+
+#head h2 {
+	color: #FF9900;
+	}
+
+#right li a:hover, .right2 li a:hover {
+	color: #FF9900;
+	}
+	
+h2 {
+	color: #FF9900;
+	}
+	
+#content a, #content2 a, #foot a {
+	color: #FF9900;
+	border-bottom: 1px dotted #FF9900;
+	}
+	
+img.content, a img.content {
+	background-color: #CC7700;
+	}
+	
+thead th {
+  color: #FF9900;
+}

src/pentasubmitter/templates/color/orange_muted.css

+
+#nav li a:hover {
+	color: #D89C6B;
+	}
+
+#head h2 {
+	color: #D89C6B;
+	}
+
+#right li a:hover, .right2 li a:hover {
+	color: #D89C6B;
+	}
+	
+h2 {
+	color: #D89C6B;
+	}
+	
+#content a, #content2 a, #foot a {
+	color: #D89C6B;
+	border-bottom: 1px dotted #D89C6B;
+	}
+	
+img.content, a img.content {
+	background-color: #E1CC99;
+	}
+	
+thead th {
+  color: #D89C6B;
+  }

src/pentasubmitter/templates/css/1140.css

+/* CSS Resets */
+
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+	border-style:initial;
+	border-top-color:#000000;
+	border-right-color:#000000;
+	border-bottom-color:#000000;
+	border-left-color:#000000;
+	margin:0;
+	padding:0;
+}
+
+article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
+	display:block;
+}
+
+a img {
+	border-top-width:0;
+	border-right-width:0;
+	border-bottom-width:0;
+	border-left-width:0;
+	border-style:initial;
+	border-top-color:#000000;
+	border-right-color:#000000;
+	border-bottom-color:#000000;
+	border-left-color:#000000;
+}
+
+figure {
+	position:relative;
+}
+
+figure img {
+	width:100%;
+}
+
+/* The 1140px Grid by Andy Taylor – http://cssgrid.net – http://www.twitter.com/andytlr – http://www.catchingzebra.com */
+
+.container {
+	padding-left:20px;
+	padding-right:20px;
+	padding-top:3em;
+	position:inherit;
+}
+
+.row {
+	width:100%;
+	max-width:1140px;
+	overflow:hidden;
+	margin:0px auto 0px auto;
+}
+
+.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
+	margin-right:3.8%;
+	float:left;
+}
+
+.onecol {
+	width:4.85%;
+}
+
+.twocol {
+	width:13.5%;
+}
+
+.threecol {
+	width:22.15%;
+}
+
+.fourcol {
+	width:30.8%;
+}
+
+.fivecol {
+	width:39.45%;
+}
+
+.sixcol {
+	width:48.1%;
+}
+
+.sevencol {
+	width:56.75%;
+}
+
+.eightcol {
+	width:65.4%;
+}
+
+.ninecol {
+	width:74.05%;
+}
+
+.tencol {
+	width:82.7%;
+}
+
+.elevencol {
+	width:91.35%;
+}
+
+.twelvecol {
+	width:100%;
+	float:left;
+}
+
+.last {
+	margin-right:0;
+}
+
+img, object, embed {
+	max-width:100%;
+}
+

src/pentasubmitter/templates/css/base.css-disabled

+body { 
+    background-color: #fff; 
+    color: #333; 
+}
+ 
+body, p, ol, ul, td {
+  font-family: verdana, arial, helvetica, sans-serif;
+  font-size:   13px;
+  line-height: 18px;
+}
+ 
+pre {
+  background-color: #eee;
+  padding: 10px;
+  font-size: 11px;
+}
+ 
+a { color: #000; }
+a:visited { color: #666; }
+a:hover { color: #fff; background-color:#000; }
+ 
+div.errors,
+li.errors,
+ul.errorlist li {
+    background-color: #ff9898;
+    padding: 0.3em;
+    border-color:#ff0000;
+    padding: 0.3em;
+    border: 1px solid;
+}
+
+ul.errorlist,
+ul.errorlist li {
+    margin: 0;
+    list-style: none;
+    float: right;
+}
+.login {
+    width: 750px;
+    clear: both;
+}
+
+footer#bottom {
+    display: block;
+    width: 100%;
+    clear: both;
+    padding-top: 20px;
+}
+
+#bottom p {
+    width: 500px;
+}
+
+header#top {
+    display: block;
+    width: 100%;
+    height: 40px;
+    margin-bottom: 15px;
+    clear: both;
+}
Add a comment to this file

src/pentasubmitter/templates/css/bullet.gif

Added
New image

src/pentasubmitter/templates/css/default.css

+* {
+    margin: 0;
+    padding: 0;
+    }
+
+body {
+    width: 95%;
+    margin: 0 auto;
+    font: 400 1.0em 'trebuchet ms',arial,sans-serif;
+    color: #666;
+    background-color: #fff;
+    }
+
+    
+#nav {
+    margin: 0.5em 0;
+    width: 100%;
+    padding: 10px 0;
+    }
+    
+#nav ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    float: right;
+    }
+    
+#nav li {
+    float: left;
+    clear: none;
+    }
+    
+#nav li a {
+    margin-left: 40px;
+    padding-top: 20px;
+    display: block;
+    text-decoration: none;
+    font: 400 1.1em 'trebuchet ms',arial,sans-serif;
+    color: #999;
+    letter-spacing: -1px;
+    }
+
+#nav li a:hover {
+    background: #FFF url('/static_media/images/arrow.gif') no-repeat top center;
+    }
+    
+#head {
+    margin: 0.5em 0;
+    width: 100%;
+    line-height: 0.8em;
+    }
+
+
+#head h1 {
+    font: 400 4.5em arial,sans-serif;
+    color: #666;
+    margin-top: 0.3em;
+    margin-bottom: 0px;
+    padding-bottom: 0px;
+    letter-spacing: -0.1em;
+    }
+
+#head h2 {
+    font: 400 2.5em 'trebuchet ms',arial,sans-serif;
+    margin-top: -0.4em;
+    padding: 0;
+    margin-bottom: 10px;
+    letter-spacing: -0.1em;
+    }
+
+#head a:visited {
+    text-decoration:none;
+}
+
+.exposed {
+    text-decoration:none;
+    font-size: 1.5em;
+    color: #008a17;
+}
+
+#news_submission a:link, a:visited {
+    /* border: 1px solid #ECECEC; */
+    text-decoration:none;
+}
+
+#news_submission a:hover {
+    text-decoration:underline;
+}
+
+#header_login {
+    /* margin: 0.5em 0; */
+    width: 100%;
+    line-height: 0.8em;
+    border-bottom: 1px solid #ECECEC;
+    margin: 0 0 5px 0;
+    }
+
+#header_login p {
+    margin: 0.5em 0;
+}
+
+#header_logo img {
+    float: right;
+    top: 5px;
+    margin-left:1em;
+}
+
+#main {
+    position: relative;
+    margin: 50px 0 0 0;
+    padding: 0;
+    width: 100%;
+    }
+    
+#search-box {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    /* border: 1px solid #ECECEC; */
+    padding: 5px;
+    text-align: left;
+    }
+#right {
+    width: 30%;
+    float: right;
+    border-top: 5px solid #ECECEC;
+    padding-top: 40px;
+    text-align: right;
+    margin-bottom: 40px;
+    margin-right:2px;
+    }
+
+#right ul, .right2 ul {
+    list-style: none;
+    margin: 0 0 20px 0;
+    padding: 0;
+    }
+
+#right li, .right2 li {
+    list-style: none;
+    padding: 5px 0 5px 5px;
+    }
+
+#right li a, .right2 li a {
+    padding: 0 0 0 20px;
+    color: #999;
+    font-size: 1.1em;
+    text-decoration: none;
+    }
+
+#right li a:hover, .right2 li a:hover {
+    background: #FFF url('/static_media/images/bullet.gif') no-repeat left center;
+    }
+
+#content {
+    width: 64%;
+    margin-right: 35%;
+    border-top: 5px solid #ECECEC;
+    padding-top: 40px;
+    margin-bottom: 40px;
+    }
+    
+h1 {
+    font: 400 1.4em arial,sans-serif;
+    color: #444;
+    letter-spacing: -0.1em;
+    margin-bottom: 0;
+    }
+
+h2 {
+    font: 400 1.2em 'trebuchet ms',arial,sans-serif;
+    margin-top: -0.4em;
+    padding-top: 0px;
+    letter-spacing: -1px;
+    }
+    
+h3 {
+    font: 400 1.2em arial,sans-serif;
+    color: #666;
+    letter-spacing: -0.1em;
+    margin-bottom: 10px;
+    }
+a {
+    color: #92bf92;
+}
+p {
+    line-height: 1.8em;
+    margin: 10px 0 20px 0;
+    color: #777;
+    font-size: 0.9em;
+    }
+    
+#content a, #content2 a, #foot a {
+    text-decoration: none;
+    }
+
+#content a:hover, #content2 a:hover, #foot a:hover {
+    border-bottom: none;
+    }
+
+img.content, a img.content {
+    float: right;
+    padding: 4px;
+    border: 1px solid #D6D6D6;
+    margin: 10px 0 10px 10px;
+    }
+    
+a:hover img.content {
+    border: 1px solid #BBB;
+    }
+    
+img.color, a img.color {
+    float: left;
+    padding: 1px;
+    border: 1px solid #CCC;
+    margin: 0 8px 0 0;
+    height:90px;
+    }
+    
+a:hover img.color {
+    border: 1px solid #999;
+    }
+
+.right2 {
+    float: right;
+    width: 160px;
+    margin-left: 15px;
+    padding-top: 40px;
+    border-top: 5px solid #ECECEC;
+    text-align: right;
+    font-size: 0.9em;
+    }
+
+.right2 h3 {
+    letter-spacing: -1px;
+    }
+
+#content2 {
+    /* margin-right: 365px; */
+    margin-right: 30%;
+    border-top: 5px solid #ECECEC;
+    padding-top: 20px;
+    }
+
+#comments {
+    /* margin-right: 365px; */
+    margin-right: 30%;
+    border-top: 5px solid #ECECEC;
+    padding-top: 20px;
+    }
+
+div.odd {
+    background-color: #eee;
+    min-height:95px;
+}
+
+div.even {
+    min-height:95px;
+}
+
+ol {
+    color: #AAA;
+    font: 600 1.0em arial,sans-serif;
+    padding: 10px;
+    }
+ 
+ol span {
+    font: 400 1.0em 'trebuchet ms',arial,sans-serif;
+    color: #777;
+    font-style: normal;
+    }
+
+ol li {
+    margin-left: 25px;
+    padding: 4px 0
+    }
+
+#content ul, #content2 ul {
+    list-style-type: none;
+    padding: 10px;
+    color: #777
+    }
+    
+#content ul li, #content2 ul li {
+    padding-left: 17px;
+    background: url('/static_media/images/bullet2.gif') no-repeat left center;
+    margin-left: 10px;
+    }
+
+table {
+  width: 100%;
+  margin-bottom: 20px;  
+  font-size: 1em;
+  border-collapse: collapse;
+}
+
+table caption {
+  margin-top: 20px;
+  padding: 0 0 0.5em 3px;
+  font: 400 1.2em arial,sans-serif;
+  text-align: left;  
+  letter-spacing: -1px;
+}
+
+table th,
+table td {
+  text-align: left;
+  vertical-align: top;
+  padding: 4px 7px !important;
+  padding: 6px 10px;
+}
+
+
+thead th {
+  border-top: 2px solid #CCC;
+  border-bottom: 1px solid #CCC;
+}
+
+
+tbody td {
+  border-bottom: 1px solid #ECECEC;
+}
+
+tbody tr:hover {
+  background-color: #F0F0F0;
+}
+
+.blockquote {
+    display: block;
+    width: 100%;
+    border-top: 1px solid #E0E0E0;
+    border-bottom: 1px solid #E0E0E0;
+    background-color: #F0F0F0;
+    margin: 10px 0 20px 10px;
+    padding: 5px;
+    font-style: italic;
+    }
+
+form label{
+    display:block;
+    }
+
+form input.text, form textarea{
+    width:100%;
+    border:1px #E0E0E0 solid;
+    color:#666;
+    padding:4px 5px;
+    font:12px Arial,san-serif;
+    background-color: #F3F3F3;
+    }
+
+form input.text:hover, form textarea:hover{
+    border:1px #E0E0E0 solid;
+    }
+
+form input.text:focus, form textarea:focus{
+    border:1px #92bf92 solid;
+    background: #f1f1f1;
+    color:#666;
+    }
+
+textarea:focus, input.textfeld:focus {
+    border:1px #92bf92 solid;
+    color: #000000;
+    background: #f1f1f1;
+}
+
+input:focus {
+    color: black;
+    border: 1px solid #000000;
+    background: #f1f1f1;
+}
+
+form input.button{
+    margin-right:8px;
+    padding:3px 5px;
+    font:12px Arial,san-serif;
+    }
+
+* html form input.text,
+
+* html form textarea{
+    border-color: #CCC;
+    color:#333;
+    }
+
+
+#foot {
+    width: 100%;
+    clear:both;
+    border-top: 3px solid #ECECEC;
+    padding: 40px 0 40px 0;
+    margin-top: 0px;
+    }
+#foot img {
+    float: right;
+    border-style: none;
+}
+
+/* Tag cloud */
+.tag-cloud {
+    text-align: center;
+    border: 1px solid #CCC;
+    padding: 5px;
+    background-color: #ECECEC;
+}
+
+.tag-1 {
+    font-size: 12px;
+}
+
+.tag-2 {
+    font-size: 13px;
+}
+
+.tag-3 {
+    font-size: 14px;
+}
+
+.tag-4 {
+    font-size: 15px;
+}
+
+.tag-5 {
+    font-size: 16px;
+}
+
+.tag-6 {
+    font-size: 17px;
+}
+
+/* For large tag cloud 6 step */
+.tag-7 {
+    font-size: 18px;
+}
+.tag-8 {
+    font-size: 19px;
+}

src/pentasubmitter/templates/css/green_muted.css

+
+#nav li a:hover {
+	color: #92BF92;
+	}
+
+#head h2 {
+	color: #92BF92;
+	}
+
+#right li a:hover, .right2 li a:hover {
+	color: #92BF92;
+	}
+	
+h2 {
+	color: #92BF92;
+	}
+	
+#content a, #content2 a, #foot a {
+	color: #92BF92;
+	border-bottom: 1px dotted #92BF92;
+	}
+	
+img.content, a img.content {
+	background-color: #D3ECCA;
+	}
+	
+thead th {
+  color: #92BF92;
+}

src/pentasubmitter/templates/css/ie.css

+.onecol {
+width: 4.7%;
+}
+
+.twocol {
+width: 13.2%;
+}
+
+.threecol {
+width: 22.05%;
+}
+
+.fourcol {
+width: 30.6%;
+}
+
+.fivecol {
+width: 39%;
+}
+
+.sixcol {
+width: 48%;
+}
+
+.sevencol {
+width: 56.75%;
+}
+
+.eightcol {
+width: 61.6%;
+}
+
+.ninecol {
+width: 74.05%;
+}
+
+.tencol {
+width: 82%;
+}
+
+.elevencol {
+width: 91.35%;
+}

src/pentasubmitter/templates/css/jquery.autocomplete.css

+.ac_results {
+	padding: 0px;
+	border: 1px solid black;
+	background-color: white;
+	overflow: hidden;
+	z-index: 99999;
+}
+
+.ac_results ul {
+	width: 100%;
+	list-style-position: outside;
+	list-style: none;
+	padding: 0;
+	margin: 0;
+}
+
+.ac_results li {
+	margin: 0px;
+	padding: 2px 5px;
+	cursor: default;
+	display: block;
+	/* 
+	if width will be 100% horizontal scrollbar will apear 
+	when scroll mode will be used
+	*/
+	/*width: 100%;*/
+	font: menu;
+	font-size: 12px;
+	/* 
+	it is very important, if line-height not setted or setted 
+	in relative units scroll will be broken in firefox
+	*/
+	line-height: 16px;
+	overflow: hidden;
+}
+
+.ac_loading {
+	background: white url('/static_media/images/indicator-autocompleate.gif') right center no-repeat;
+}
+
+.ac_odd {
+	background-color: #eee;
+}
+
+.ac_over {
+	background-color: #0A246A;
+	color: white;
+}
Add a comment to this file

src/pentasubmitter/templates/css/jquery.css

Empty file added.

src/pentasubmitter/templates/css/layout.css

+/* Layout for desktop version */
+
+body {
+	background-repeat-x:no-repeat;
+	background-repeat-y:no-repeat;
+	background-repeat:no-repeat;
+	background-attachment:initial;
+	background-position:initial initial;
+	background-position-x:initial;
+	background-position-y:initial;
+	background-origin:initial;
+	background-clip:initial;
+	background-color: #e8e8e8;
+
+	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E0E0E0), to(#666666), color-stop(.8,#333333),color-stop(.3,#999999));
+	background-image:-moz-linear-gradient(19% 75% 90deg,#ababab, #c9c9c9, #c7c7c7 100%);
+		background-image:-o-linear-gradient(19% 75% 90deg,#ababab, #c9c9c9, #c7c7c7 100%);
+}
+#page-header {
+	background-color: silver;
+	padding-top:1em;
+	height:80px;
+	background-image:-webkit-gradient(linear, 90% 0%, 0% 100%, from(rgba(0, 0, 0, 0.839844)), to(rgb(255, 255, 255)));
+	background-repeat-x:no-repeat;
+	background-repeat-y:no-repeat;
+	background-repeat:no-repeat;
+	background-attachment:initial;
+	background-position:initial initial;
+	background-position-x:initial;
+	background-position-y:initial;
+	background-origin:initial;
+	background-clip:initial;
+	background-color:#000000;
+	background-image:-moz-linear-gradient( top, rgba(0, 0, 0, 0.839844), rgb(255, 255, 255 ));
+}
+
+/* search form 
+--------------------------------------
+stolen at http://www.webdesignerwall.com/demo/css3-search-form.html
+ */
+div.search-box-wrapper {
+	float: right;
+}
+.search-form {
+	display: inline-block;
+	border: solid 1px #c0c0c0;
+	padding: 3px 5px;
+	
+	-webkit-border-radius: 2em;
+	-moz-border-radius: 2em;
+	border-radius: 2em;
+
+	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
+	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
+	box-shadow: 0 1px 0px rgba(0,0,0,.1);
+
+	background: #c0c0c0;
+}
+.search-form input {
+	font: normal 12px/100% Arial, Helvetica, sans-serif;
+}
+.search-form .search-field {
+	background: #fff;
+	padding: 6px 6px 6px 8px;
+	width: 202px;
+	border: solid 1px #bcbbbb;
+	outline: none;
+
+	-webkit-border-radius: 2em;
+	-moz-border-radius: 2em;
+	border-radius: 2em;
+
+	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
+	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
+	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
+}
+.search-form .search-button {
+	color: #fff;
+	border: solid 1px #494949;
+	font-size: 11px;
+	height: 27px;
+	width: 27px;
+	text-shadow: 0 1px 1px rgba(0,0,0,.6);
+
+	-webkit-border-radius: 2em;
+	-moz-border-radius: 2em;
+	border-radius: 2em;
+
+	background: #5f5f5f;
+	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
+	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
+}
+
+/* Content */
+.content {
+	box-reflect:inherit;
+	-webkit-box-reflect:inherit;
+	-o-box-reflect:inherit;
+	-moz-box-reflect:inherit;
+	box-shadow:rgb(170, 170, 170) 0px 0px 30px;
+	-webkit-box-shadow:rgb(170, 170, 170) 0px 0px 30px;
+	-o-box-shadow:rgb(170, 170, 170) 0px 0px 30px;
+	-moz-box-shadow:rgb(170, 170, 170) 0px 0px 30px;
+	opacity:inherit;
+	border:2px solid #808080;
+	background-color: silver;
+}
+
+div.row.content {
+	border-top-style:none;
+	border-right-style:solid;
+	border-bottom-style:none;
+	border-left-style:solid;
+}
+
+.page-header {
+	margin-right:1em;
+	margin-left:1em;
+}
+
+.no-br {
+	display:inline;
+}
+
+#submit-form {
+	text-align:left;
+	overflow:hidden;
+	position:absolute;
+	top:75px;
+	margin-left:10px;
+	z-index:1;
+	background-image:initial;
+	background-repeat-x:no-repeat;
+	background-repeat-y:no-repeat;
+	background-repeat:no-repeat;
+	background-attachment:initial;
+	background-position:initial initial;
+	background-position-x:initial;
+	background-position-y:initial;
+	background-origin:initial;
+	background-clip:initial;
+	background-color:#DCDCDC;
+	width:70%;
+	border-top-color:#000000;
+	border-right-color:#000000;
+	border-bottom-color:#000000;
+	border-left-color:#000000;
+	border-width:initial;
+	border-style:dashed;
+}
+
+#form a a:hover a:visited a:link {
+	text-decoration:none;
+	border-width:initial;
+	border-top-color:#000000;
+	border-right-color:#000000;
+	border-bottom-color:#000000;
+	border-left-color:#000000;
+	border-style:none;
+}
+
+#submit-button {
+	display:block;
+	background-repeat-x:no-repeat;
+	background-repeat-y:no-repeat;
+	background-repeat:no-repeat;
+	width:147px;
+	height:26px;
+	text-align:center;
+	padding-top:10px;
+	padding-bottom:4px;
+	background-image:initial;
+	background-attachment:initial;
+	background-position:initial initial;
+	background-position-x:initial;
+	background-position-y:initial;
+	background-origin:initial;
+	background-clip:initial;
+	background-color:transparent;
+	border-width:initial;
+	border-top-color:#000000;
+	border-right-color:#000000;
+	border-bottom-color:#000000;
+	border-left-color:#000000;
+	cursor:pointer;
+	text-decoration:none;
+	font-size:12pt;
+	font-weight:300;
+	text-shadow:rgba(0, 0, 0, 0.398438) 0px -1px 1px;
+	font-family:museo-sans-1, museo-sans-2, 'Helvetica Neue', Helvetica, Arial;
+	color:#D5DBE0;
+	border-style:none;
+}
+
+.get-button {
+	float:left;
+	width:147px;
+	height:29px;
+	margin-right:20px;
+}
+
+.button img {
+	display:block;
+	height:23px;
+	width:23px;
+	float:left;
+	margin-bottom:0;
+	margin-left:6px;
+}
+
+.button-dummy, .button {
+	display:block;
+	background-repeat-x:no-repeat;
+	background-repeat-y:no-repeat;
+	background-repeat:no-repeat;
+	width:147px;
+	height:26px;
+	text-align:center;
+	vertical-align:baseline;
+	padding-top:10px;
+	padding-bottom:4px;
+	background-image:initial;
+	background-attachment:initial;
+	background-position:initial initial;
+	background-position-x:initial;
+	background-position-y:initial;
+	background-origin:initial;
+	background-clip:initial;
+	background-color:transparent;
+	border-width:initial;
+	border-top-color:#000000;
+	border-right-color:#000000;
+	border-bottom-color:#000000;
+	border-left-color:#000000;
+	cursor:pointer;
+	text-decoration:none;
+	font-size:12pt;
+	font-weight:300;
+	text-shadow:rgba(0, 0, 0, 0.398438) 0px -1px 1px;
+	font-family:museo-sans-1, museo-sans-2, 'Helvetica Neue', Helvetica, Arial;
+	color:#D5DBE0;
+	border-style:none;
+}
+
+form .button {
+	padding-bottom:2px;
+}
+
+.button-dummy {
+	position:absolute;
+	z-index:1;
+	top:0;
+}
+
+.grey-button-light {
+	background-position:50% 1px;
+	background-position-x:50%;
+	background-position-y:1px;
+	background-image:url(../images/buttons%2dlight.png);
+}
+
+.grey-button-dark {
+	background-position:50% 1px;
+	background-position-x:50%;
+	background-position-y:1px;
+	background-image:url(../images/buttons%2ddark.png);
+}
+
+.button:hover, .button-hover {
+	background-repeat-x:no-repeat;
+	background-repeat-y:no-repeat;
+	background-repeat:no-repeat;
+	background-position:50% -39px;
+	background-position-x:50%;
+	background-position-y:-39px;
+}
+
+.button:active, .button-active {
+	background-repeat-x:no-repeat;
+	background-repeat-y:no-repeat;
+	background-repeat:no-repeat;
+	background-position:50% -79px;
+	background-position-x:50%;
+	background-position-y:-79px;
+}
+
+.button-css3 {
+	height:42px;
+	display:inline;
+	position: absolute;
+	padding-left: 0.3em;
+	padding-top: 0.3em;
+}
+
+#tag-line {
+	padding-top: 2em;
+	padding-bottom: 0.2em;
+}
+
+@font-face {
+	font-family: Philosopher;
+	src: url('../fonts/Philosopher.ttf');
+}
+
+.button-text {
+	font-family: Philosopher;
+	font-size: 1.0em;
+	padding-right:0.5em;
+	padding-left:0.5em;
+	
+}
+
+a.shiny {
+	height:42px;
+	width:270px;
+	color:#2C241C;
+	cursor:pointer;
+	display:inline-block;
+	font-size:26px;
+	font-weight:bold;
+	letter-spacing:-1px;
+	line-height:1.7em;
+	opacity:0.8;
+	text-decoration:none;
+	text-align:center;
+	text-shadow:rgba(255, 255, 255, 0.398438) 0px 1px 0px;
+	border-top-left-radius:2em 2em;
+	-webkit-border-top-left-radius:2em 2em;
+	-o-border-top-left-radius:2em 2em;
+	-moz-border-radius-topleft:2em 2em;
+	border-top-right-radius:2em 2em;
+	-webkit-border-top-right-radius:2em 2em;
+	-o-border-top-right-radius:2em 2em;
+	-moz-border-radius-topright:2em 2em;
+	border-bottom-right-radius:2em 2em;
+	-webkit-border-bottom-right-radius:2em 2em;
+	-o-border-bottom-right-radius:2em 2em;
+	-moz-border-radius-bottomright:2em 2em;
+	border-bottom-left-radius:2em 2em;
+	-webkit-border-bottom-left-radius:2em 2em;
+	-o-border-bottom-left-radius:2em 2em;
+	-moz-border-radius-bottomleft:2em 2em;
+	transition-property:all;
+	-webkit-transition-property:all;
+	-o-transition-property:all;
+	-moz-transition-property:all;
+	transition-duration:0.3s;
+	-webkit-transition-duration:0.3s;
+	-o-transition-duration:0.3s;
+	-moz-transition-duration:0.3s;
+	transition-timing-function:linear;
+	-webkit-transition-timing-function:linear;
+	-o-transition-timing-function:linear;
+	-moz-transition-timing-function:linear;
+	transition-delay:initial;
+	-webkit-transition-delay:initial;
+	-o-transition-delay:initial;
+	-moz-transition-delay:initial;
+	border-left:1px solid rgba(255,255,255,0.593750);
+	border-right:1px solid rgba(255,255,255,0.593750);
+	border-top:2px solid #FFFFFF;
+	border-bottom:2px solid #FFFFFF;
+	background-color: orange;
+	transform: scale(0.75) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
+}
+
+a.shiny span {
+	height:42px;
+	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 172, 83)), color-stop(0.5, rgb(239, 99, 28)), color-stop(0.51, rgb(234, 85, 7)), to(rgb(255, 97, 12)));
+	background-repeat-x:no-repeat;
+	background-repeat-y:no-repeat;
+	background-repeat:no-repeat;
+	background-attachment:initial;
+	background-position:initial initial;
+	background-position-x:initial;
+	background-position-y:initial;
+	background-origin:initial;
+	background-clip:initial;
+	display:block;
+	transition-property:all;
+	-webkit-transition-property:all;
+	-o-transition-property:all;
+	-moz-transition-property:all;
+	transition-duration:0.3s;
+	-webkit-transition-duration:0.3s;
+	-o-transition-duration:0.3s;
+	-moz-transition-duration:0.3s;
+	transition-timing-function:linear;
+	-webkit-transition-timing-function:linear;
+	-o-transition-timing-function:linear;
+	-moz-transition-timing-function:linear;
+	transition-delay:initial;
+	-webkit-transition-delay:initial;
+	-o-transition-delay:initial;
+	-moz-transition-delay:initial;
+	border-top-left-radius:2em 2em;
+	-webkit-border-top-left-radius:2em 2em;
+	-o-border-top-left-radius:2em 2em;
+	-moz-border-radius-topleft:2em 2em;
+	border-top-right-radius:2em 2em;
+	-webkit-border-top-right-radius:2em 2em;
+	-o-border-top-right-radius:2em 2em;
+	-moz-border-radius-topright:2em 2em;
+	border-bottom-right-radius:2em 2em;
+	-webkit-border-bottom-right-radius:2em 2em;
+	-o-border-bottom-right-radius:2em 2em;
+	-moz-border-radius-bottomright:2em 2em;
+	border-bottom-left-radius:2em 2em;
+	-webkit-border-bottom-left-radius:2em 2em;
+	-o-border-bottom-left-radius:2em 2em;
+	-moz-border-radius-bottomleft:2em 2em;
+	background-image:-moz-linear-gradient( top, rgb(255, 172, 83), rgb(255, 97, 12 ));
+}
+
+a.shiny:hover {
+	color:#1C1813;
+	text-shadow:rgba(255, 255, 255, 0.792969) 0px 0px 0px;
+	box-shadow:rgb(201, 201, 201) 0px 2px 5px;
+	-webkit-box-shadow:rgb(201, 201, 201) 0px 2px 5px;
+	-o-box-shadow:rgb(201, 201, 201) 0px 2px 5px;
+	-moz-box-shadow:rgb(201, 201, 201) 0px 2px 5px;
+	margin-right:0;
+	margin-left:0;
+	margin-bottom:2px;
+	border-left:1px solid #FFFFFF;
+	border-right:1px solid #FFFFFF;
+	border-top:2px solid #FFFFFF;
+	border-bottom:2px solid #FFFFFF;
+}
+
+a.shiny:hover span {
+	box-shadow:rgb(255, 170, 0) 0px 0px 30px;
+	-webkit-box-shadow:rgb(255, 170, 0) 0px 0px 30px;
+	-o-box-shadow:rgb(255, 170, 0) 0px 0px 30px;
+	-moz-box-shadow:rgb(255, 170, 0) 0px 0px 30px;
+}
+
+a.shiny:active {
+	text-shadow:rgba(255, 255, 255, 0.792969) 0px -1px 0px;
+	box-shadow:rgb(12, 255, 246) 0px 0px 30px;
+	-webkit-box-shadow:rgb(12, 255, 246) 0px 0px 30px;
+	-o-box-shadow:rgb(12, 255, 246) 0px 0px 30px;
+	-moz-box-shadow:rgb(12, 255, 246) 0px 0px 30px;
+	border-left:1px solid rgba(28,95,107,0.398438);
+	border-right:1px solid rgba(28,95,107,0.398438);
+	border-top:2px solid rgba(28,95,107,0.398438);
+	border-bottom:2px solid rgba(28,95,107,0.398438);
+}
+
+a.shiny:active span {
+	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(83, 255, 253)), color-stop(0.5, rgb(28, 197, 239)), color-stop(0.51, rgb(7, 178, 234)), to(rgb(12, 172, 255)));
+	background-repeat-x:no-repeat;
+	background-repeat-y:no-repeat;
+	background-repeat:no-repeat;
+	background-attachment:initial;
+	background-position:initial initial;
+	background-position-x:initial;
+	background-position-y:initial;
+	background-origin:initial;
+	background-clip:initial;
+	background-color:#000000;
+	box-shadow:rgb(255, 170, 0) 0px 0px 0px;
+	-webkit-box-shadow:rgb(255, 170, 0) 0px 0px 0px;
+	-o-box-shadow:rgb(255, 170, 0) 0px 0px 0px;
+	-moz-box-shadow:rgb(255, 170, 0) 0px 0px 0px;
+	background-image:-moz-linear-gradient( top, rgb(83, 255, 253), rgb(12, 172, 255 ));
+}
+
+/* news submission form */
+
+#news-submission {
+    text-align:left;
+    overflow:hidden;
+    position:absolute;
+    margin-left:10px;
+    z-index:1;
+    background: #dcdcdc;
+    width:75%;
+	border: 1px dashed black;
+    box-shadow:rgb(255, 170, 0) 0px 0px 30px;
+    -webkit-box-shadow:rgb(255, 170, 0) 0px 0px 30px;
+    -o-box-shadow:rgb(255, 170, 0) 0px 0px 30px;
+    -moz-box-shadow:rgb(255, 170, 0) 0px 0px 30px;
+	display: none;
+}
+
+/* news entries list */
+
+div.news-entry {
+	padding:1.3em;
+}
+
+.news-entry a img {
+	display:inline;
+	margin-right:0.3em;
+	margin-bottom:0.3em;
+	float:left;
+	border:1px solid #000000;
+	z-index: 1;
+}
+
+.news-entry a:hover, img:hover {
+	box-shadow:rgb(255, 170, 0) 0px 0px 20px;
+	-webkit-box-shadow:#f47f28 0 0px 20px;
+	-o-box-shadow:rgb(255, 170, 0) 0px 0px 20px;
+	-moz-box-shadow:rgb(255, 170, 0) 0px 0px 20px;
+	transition-property:all;
+	-webkit-transition-property:all;
+	-o-transition-property:all;
+	-moz-transition-property:all;
+	transition-duration:0.3s;
+	-webkit-transition-duration:0.3s;
+	-o-transition-duration:0.3s;
+	-moz-transition-duration:0.3s;
+	transition-timing-function:linear;
+	-webkit-transition-timing-function:linear;
+	-o-transition-timing-function:linear;
+	-moz-transition-timing-function:linear;
+	transition-delay:initial;
+	-webkit-transition-delay:initial;
+	-o-transition-delay:initial;
+	-moz-transition-delay:initial;
+	background-color: rgba(255,141,0,0.5);
+	border-radius:0.2em 0.2em;
+	-webkit-border-radius:0.2em 0.2em;
+	-o-border-radius:0.2em 0.2em;
+	-moz-border-radius:0.2em 0.2em;
+	color: #000;
+}
+
+div.odd {
+	background-color:#EEEEEE;
+	min-height:95px;
+}
+
+div.even {
+	min-height:95px;
+	background-color:#FFFFFF;
+}
+
+div.even a, div.odd a {
+	text-decoration:none;
+	font-weight:bold;
+	border-style:none;
+	color: #212121;
+	text-shadow: 0 0 1px #ff6633;
+}
+
+div.edit-entry {
+	position: static;
+	right: 5px;
+	top: 5px;
+	overflow: visible;
+	display: inline;
+	float: right;
+	clear: none;
+}
+div.edit-entry img {
+	float: right;
+	clear: both;
+	display: inline;
+	width: 48px;
+	height: 48px;
+	border-style: none;
+	margin-left: 3px;
+	margin-bottom: 3px;
+}
+
+div.news-entry-head {
+	display:inline-block;
+	float:none;
+	overflow: visible;
+	clear: right;
+    width:100%;
+}
+
+img.home-pix {
+	display:inline;
+	margin-left:55%;
+}
+
+
+img.header-pix {
+	float:right;
+	display:inline;
+	padding-bottom:0;
+	margin-right:14px;
+	clear:both;
+}
+
+@font-face {
+  font-family: "Kaffeesatz Head";
+  src: url('../fonts/YanoneKaffeesatz-Bold.otf');
+}
+
+@font-face {
+  font-family: "Kaffeesatz Light";
+  src: url('../fonts/YanoneKaffeesatz-Regular.otf');
+}
+
+div.news-entry-head p {
+	font-family: "Kaffeesatz Light", "Lucida Grande", Lucida, Verdana, sans-serif;
+}
+
+div.news-entry h2 {
+	display:inline;
+	padding-bottom:0;
+	clear:none;
+	float:none;
+	font: 1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+}
+
+div.news-entry p{
+	margin-bottom: 0;
+}
+
+div.meta-col {
+	padding-top: 1.3em;
+	margin-bottom: 1.3em;
+}
+
+#programme {
+	border-bottom: 1px solid #919191;
+	padding-bottom: 0.6em;
+}
+
+
+#programme h1 {
+	margin-bottom: 0.2em;
+	margin-left:auto;
+	margin-right:auto;
+	width: 90%;
+}
+
+#programme .tagline {
+	font-style: italic;
+}
+
+#user {
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
+	border-bottom: 1px solid #919191;
+	padding-top: 0.6em;
+	padding-bottom: 0.6em;
+	text-align: left;
+	display: block;
+}
+
+#user h1 {
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
+	margin-bottom: 0.1em;
+}
+
+#user img {
+	display: block;
+	float: right;
+	clear: both;
+	position: static;
+	width: 80px;
+	height: 80px;
+	top: 3px;
+	margin-right: 0.6em;
+}
+
+.meta-col ol, ul {
+	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
+	list-style-type: none;
+	margin-bottom: 0.3em;
+	margin-top: 0;
+}
+
+#tags {
+	padding-top: 0.6em;
+	padding-bottom: 0.6em;	
+}
+
+#tags a {
+	background-color: #eaeaea;
+	font-family: "Courier New", Courier, mono;
+	color: #797979;
+	padding: 0.2em;
+	border-radius:0.2em 0.2em;
+	-webkit-border-radius:0.2em 0.2em;
+	-o-border-radius:0.2em 0.2em;
+	-moz-border-radius:0.2em 0.2em;
+
+}
+
+#tags a:hover {
+/*	background-color: rgba(255,141,0,0.5); */
+	box-shadow:#eaeaea 0px 0px 20px;
+	-webkit-box-shadow:#eaeaea 0 0px 20px;
+	-o-box-shadow:#eaeaea 0px 0px 20px;
+	-moz-box-shadow:#eaeaea 0px 0px 20px;
+	transition-property:all;
+	-webkit-transition-property:all;
+	-o-transition-property:all;
+	-moz-transition-property:all;
+	transition-duration:0.3s;
+	-webkit-transition-duration:0.3s;
+	-o-transition-duration:0.3s;
+	-moz-transition-duration:0.3s;
+	transition-timing-function:linear;
+	-webkit-transition-timing-function:linear;
+	-o-transition-timing-function:linear;
+	-moz-transition-timing-function:linear;
+	transition-delay:initial;
+	-webkit-transition-delay:initial;
+	-o-transition-delay:initial;
+	-moz-transition-delay:initial;
+}
+.tag-1 {
+    font-size: 1em;
+}
+
+.tag-2 {
+    font-size: 1.2em;
+}
+
+.tag-3 {
+    font-size: 1.4em;
+}
+
+.tag-4 {
+    font-size: 1.6em;
+}
+
+.tag-5 {
+    font-size: 1.8em;
+}
+
+.tag-6 {
+    font-size: 2em;
+}
+
+/* For large tag cloud 6 step */
+.tag-7 {
+    font-size: 2.2em;
+}
+.tag-8 {
+    font-size: 2.4em;
+}
+
+.footer {
+	background-color:#D5D5D5;
+	box-reflect:inherit;
+	-webkit-box-reflect:inherit;
+	-o-box-reflect:inherit;
+	-moz-box-reflect:inherit;
+	box-shadow:rgb(170, 170, 170) 0px 0px 30px;
+	-webkit-box-shadow:rgb(170, 170, 170) 0px 0px 30px;
+	-o-box-shadow:rgb(170, 170, 170) 0px 0px 30px;
+	-moz-box-shadow:rgb(170, 170, 170) 0px 0px 30px;
+	margin-bottom:3em;
+	border:2px solid #808080;
+}
+
+#pony-pix img {
+	display:inline;
+	float:right;
+	margin-bottom:0.3em;
+	padding:0.3em;
+}
+
+#html5-pix img {
+	display:inline;
+	float:left;
+	width:96px;
+	height:70px;
+	padding-top:0.3em;
+	margin-bottom:0.3em;
+}
+
+/* Layout for mobile version */
+
+@media handheld, only screen and (max-width: 767px) { 
+  body { }
+  img.header-pix { visibility: hidden; }
+}
+
+/* Provide higher res assets for iPhone 4 */
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
+  #fluxcsscommentfakeruleprefix742430421784484492 { }
+}
+
+.news-entry p {
+	padding-bottom: 0;
+}
+

src/pentasubmitter/templates/css/mobile.css

+.row, .body, .container {
+width: 100%;
+margin-left: 0px;
+margin-right: 0px;
+padding-left: 0px;
+padding-right: 0px;
+}
+
+.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
+width: auto;
+float: none;
+margin-left: 0px;
+margin-right: 0px;
+padding-left: 20px;
+padding-right: 20px;
+}