Reworked CSS to use assetic

Signed-off-by: Gergely Polonkai <polesz@w00d5t0ck.info>

app/Resources/views/main_template.html.twig

@@ -7,16 +7,7 @@
         <meta charset="utf8" />
         <link rel="stylesheet" type="text/css" href="{{ asset('css/kekrozsak_front.css') }}" />
         <link rel="stylesheet" type="text/css" href="{{ asset('js/jquery-cluetip/jquery.cluetip.css') }}" />
-{% stylesheets
-    '../app/Resources/public/css/main.css'
-    '../app/Resources/public/css/menu.css'
-    '../app/Resources/public/css/popup.css'
-    '../app/Resources/public/css/profilebox.css'
-    '../app/Resources/public/css/loginbox.css'
-    '../app/Resources/public/css/eventbox.css'
-    '../app/Resources/public/css/forum.css'
-    '../app/Resources/public/css/library.css'
-filter='cssrewrite' %}
+{% stylesheets 'bundles/kekrozsakfront/css/*' filter='cssrewrite' output='kekrozsak.css' %}
         <link rel="stylesheet" type="text/css" href="{{ asset_url }}" />
 {% endstylesheets %}
 {% block additional_css %}{% endblock %}

app/config/security.yml

@@ -27,6 +27,10 @@ security:
             pattern:  ^/login$
             security: false
 
+        stylesheets:
+            pattern:  \.css$
+            security: false
+
         members:
             pattern:    ^/
 

web/bundles/kekrozsakfront/css/eventbox.css

@@ -0,0 +1,53 @@
+/* 
+    Document   : eventbox
+    Created on : 2012.08.15., 11:34:17
+    Author     : Gergely Polonkai
+    Description:
+        Event-box styling CSS
+*/
+
+#event-box {
+    position: fixed;
+    left: 5px;
+    top: 32px;
+    width: 250px;
+    height: 200px;
+    background-color: #c4d3ff;
+    border: 2px solid #152967;
+    color: #152967;
+    display: none;
+}
+
+#event-box td {
+    text-align: center;
+    vertical-align: middle;
+}
+
+#event-box td.woy {
+    font-size: 60%;
+}
+
+#event-box td.program {
+    background-color: green;
+}
+
+#event-inside p.month {
+    text-align: center;
+    margin: 0 5px;
+    font-weight: bold;
+}
+
+#event-inside table {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#event-inside {
+    position: relative;
+    padding: 5px;
+}
+
+#events-button {
+    float: left;
+    padding: 5px;
+}

web/bundles/kekrozsakfront/css/forum.css

@@ -0,0 +1,98 @@
+/* 
+    Document   : forum
+    Created on : 2012.08.15., 11:40:39
+    Author     : Gergely
+    Description:
+        Forum styling CSS
+*/
+
+.forum-lista {
+    border: 1px solid #3366ff;
+    border-collapse: collapse;
+    width: 100%;
+    margin-bottom: 20px;
+}
+
+.forum-lista thead td {
+    font-weight: bold;
+    height: 1.5em;
+    border-bottom: 2px solid #3366ff;
+    padding: 3px;
+}
+
+.forum-lista thead td a {
+	color: #3366ff;
+	text-decoration: none;
+}
+
+.forum-lista tbody td {
+	padding: 5px;
+	border-bottom: 1px solid #3366ff;
+}
+
+.forum-lista tbody tr.odd td {
+	background-color: #060c16;
+}
+
+.forum-lista tbody tr.even td {
+	background-color: #000000;
+}
+
+.forum-lista tbody td a {
+	color: #3366ff;
+	text-decoration: underline;
+}
+
+.post-lista {
+	border: 1px solid #3366ff;
+	border-collapse: collapse;
+}
+
+.post-lista td {
+	border-style: solid;
+	border-color: #3366ff;
+	border-width: 3px 1px;
+	vertical-align: top;
+	padding: 5px;
+}
+
+.post-lista td.felado {
+	width: 150px !important;
+	font-size: 80%;
+}
+
+.post-lista td.szoveg {
+	width: 510px;
+}
+
+.post-lista td.szoveg div {
+	width: 510px;
+	overflow: auto;
+}
+
+td.uj-post {
+}
+
+td.uj-post textarea {
+	width: 500px;
+	background-color: #000000;
+	color: #3366ff;
+	border-style: solid;
+	border-color: #3366ff;
+	border-width: 0 0 2px 0;
+	height: 15em;
+}
+
+td.uj-post p {
+	clear: both;
+	float: none;
+	margin: 0;
+}
+
+td.uj-post p .eszkoztar {
+	float: left;
+}
+
+td.uj-post p .kuldes-gomb {
+	float: right;
+}

web/bundles/kekrozsakfront/css/library.css

@@ -0,0 +1,17 @@
+/* 
+    Document   : books.css
+    Created on : 2012.08.15., 11:41:37
+    Author     : Gergely Polonkai
+    Description:
+        Library-styling CSS
+*/
+
+#konyvtar-gomb {
+    float: left;
+    padding: 5px;
+}
+
+#konyvtar-gomb a {
+    color: inherit;
+    text-decoration: none;
+}

web/bundles/kekrozsakfront/css/loginbox.css

@@ -0,0 +1,24 @@
+/* 
+    Document   : loginbox
+    Created on : 2012.08.15., 11:32:19
+    Author     : Gergely Polonkai
+    Description:
+        Login-box styling CSS
+*/
+
+#login-box {
+    position: fixed;
+    left: 5px;
+    top: 32px;
+    width: 300px;
+    height: 100px;
+    background-color: #c4d3ff;
+    border: 2px solid #152967;
+    color: #152967;
+    display: none;
+}
+
+#login-belso {
+    position: relative;
+    padding: 5px;
+}

web/bundles/kekrozsakfront/css/main.css

@@ -0,0 +1,175 @@
+/* 
+    Document   : main
+    Created on : 2012.08.15., 10:58:08
+    Author     : Gergely Polonkai
+    Description:
+        Main stylesheet
+*/
+
+* {
+	font-family: sans-serif;
+	font-size: 14px;
+}
+
+body {
+    margin: 0;
+    background-color: #001100;
+    background-image: url('../images/rose_bg.png');
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-position: right bottom;
+}
+
+a {
+    color: inherit;
+    text-decoration: underline;
+}
+
+#top-line {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    background-color: #152967;
+    color: #c4d3ff;
+    height: 32px;
+    border-bottom: 1px solid #1b3586;
+}
+
+#top-line-padding {
+    height: 33px;
+    clear: both;
+}
+
+#top-line #search-box {
+    float: right;
+    padding: 5px;
+}
+
+#top-line #login-gomb {
+    float: left;
+    padding: 5px;
+}
+
+#top-line #profil-gomb {
+    float: left;
+    padding: 5px;
+}
+
+#bottom-line-padding {
+    height: 33px;
+}
+
+#bottom-line {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    background-color: #152967;
+    color: #c4d3ff;
+    height: 32px;
+    border-top: 1px solid #1b3586;
+}
+
+#wrapper {
+    background-color: #000000;
+    width: 960px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#header {
+    height: 270px;
+    background-image: url('../images/fejlec.jpg');
+}
+
+#header h1 {
+    display: none;
+}
+
+#content-wrapper {
+    background-color: #0e0e0e;
+}
+
+#content-outline {
+    color: #3366ff;
+    text-align: justify;
+    width: 740px;
+    float: left;
+    background-color: #c6ecfe;
+}
+
+#content {
+    padding: 5px;
+}
+
+#hirek {
+    float: right;
+    color: #aaaacc;
+    width: 215px;
+}
+
+#hirek h3 {
+    padding: 10px;
+    margin: 15px 0 0 0;
+}
+
+div.hir {
+    padding: 5px;
+    font-size: 80%;
+    margin-bottom: 15px;
+}
+
+p.hir-cim {
+    font-weight: bold;
+    margin: 0 0 5px 0;
+}
+
+p.hir-szoveg {
+    text-align: justify;
+    margin: 10px 0;
+}
+
+p.hir-szerzo {
+    font-style: italic;
+    text-align: right;
+    margin: 0;
+}
+
+p.hir-datum {
+    text-align: right;
+    margin: 0;
+}
+
+h3 a {
+    color: #3366ff;
+    text-decoration: none;
+}
+
+.u {
+	text-decoration: underline;
+}
+
+.b {
+	font-weight: bold;
+}
+
+.i {
+	font-style: italic;
+}
+
+.gomb {
+	background-color: #cccccc;
+	color: black;
+	white-space: nowrap;
+	cursor: pointer;
+}
+
+#top-line .gomb {
+	background-color: transparent;
+	color: #c4d3ff;
+}
+
+.gomb a {
+	color: inherit !important;
+}

web/bundles/kekrozsakfront/css/menu.css

@@ -0,0 +1,31 @@
+/* 
+    Document   : menu
+    Created on : 2012.08.15., 11:10:44
+    Author     : Gergely Polonkai
+    Description:
+        Menu stylesheet
+*/
+
+#menu {
+    background-color: #29140d;
+    border-radius: 15px 15px 0 0;
+    border-color: #29140d;
+    font-size: 80%;
+    height: 50px;
+}
+
+#menu ul {
+    margin: 0;
+    padding: 17px 0 0 20px;
+}
+
+#menu li {
+    list-style-type: none;
+    display: inline;
+}
+
+#menu a {
+    color: #ffffff;
+    margin-right: 5px;
+    padding: 0 15px;
+}

web/bundles/kekrozsakfront/css/popup.css

@@ -0,0 +1,100 @@
+/* 
+    Document   : popup
+    Created on : 2012.08.15., 11:29:58
+    Author     : Gergely Polonkai
+    Description:
+        Popup DIV styling CSS
+*/
+
+#popup-container {
+	display: none;
+	position: fixed;
+	height: 300px;
+	width: 200px;
+	background: #ffffff;
+	z-index: 80;
+}
+
+#popup-close {
+	position: absolute;
+	width: 16px;
+	height: 16px;
+	top: -5px;
+	right: -5px;
+	background-image: url('../images/no.png');
+}
+
+#popup-inside {
+	border: 1px solid black;
+	height: 292px;
+	width: 192px;
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: 3px;
+}
+
+#popup-title {
+	font-weight: bold;
+	padding: 5px;
+}
+
+#popup-content {
+	padding: 3px;
+}
+
+#popup-scrollable {
+	width: 192px;
+	clear: both;
+	margin: 20px 0 10px;
+}
+
+#popup-scrollable .viewport {
+	width: 172px;
+	height: 246px;
+	overflow: hidden;
+	position: relative;
+}
+
+#popup-scrollable .overview {
+	list-style: none;
+	position: absolute;
+	left: 0;
+	top: 0;
+}
+
+#popup-scrollable .thumb .end, #popup-scrollable .thumb {
+	background-color: #003D5D;
+}
+
+#popup-scrollable .scrollbar {
+	position: relative;
+	float: right;
+	width: 15px;
+}
+
+#popup-scrollable .track {
+	background-color: #D8EEFD;
+	height: 100%;
+	width: 13px;
+	position: relative;
+	padding: 0 1px;
+}
+
+#popup-scrollable .thumb {
+	height: 20px;
+	width: 13px;
+	cursor: pointer;
+	overflow: hidden;
+	position: absolute;
+	top: 0;
+}
+
+#popup-scrollable .thumb .end {
+	overflow: hidden;
+	height: 5px;
+	width: 13px;
+}
+
+#popup-scrollable .disable {
+	display: none;
+}

web/bundles/kekrozsakfront/css/profilebox.css

@@ -0,0 +1,34 @@
+/* 
+    Document   : profilebox
+    Created on : 2012.08.15., 11:31:41
+    Author     : Gergely Polonkai
+    Description:
+        Profile-box styling CSS
+*/
+
+#profil-box {
+    position: fixed;
+    left: 5px;
+    top: 32px;
+    width: 300px;
+    height: 400px;
+    background-color: #c4d3ff;
+    border: 2px solid #152967;
+    color: #152967;
+    display: none;
+}
+
+#profil-belso {
+    position: relative;
+    padding: 5px;
+}
+
+#profil-box dt {
+    font-weight: bold;
+}
+
+#profil-szerkesztes {
+    position: absolute;
+    bottom: 5px;
+    right: 5px;
+}