diff --git a/app/Resources/public/css/eventbox.css b/app/Resources/public/css/eventbox.css new file mode 100644 index 0000000..9872fca --- /dev/null +++ b/app/Resources/public/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; +} diff --git a/app/Resources/public/css/forum.css b/app/Resources/public/css/forum.css new file mode 100644 index 0000000..fddc8f0 --- /dev/null +++ b/app/Resources/public/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; +} diff --git a/app/Resources/public/css/library.css b/app/Resources/public/css/library.css new file mode 100644 index 0000000..564b3d4 --- /dev/null +++ b/app/Resources/public/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; +} diff --git a/app/Resources/public/css/loginbox.css b/app/Resources/public/css/loginbox.css new file mode 100644 index 0000000..82d68ec --- /dev/null +++ b/app/Resources/public/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; +} diff --git a/app/Resources/public/css/main.css b/app/Resources/public/css/main.css new file mode 100644 index 0000000..f0d71b7 --- /dev/null +++ b/app/Resources/public/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; +} diff --git a/app/Resources/public/css/menu.css b/app/Resources/public/css/menu.css new file mode 100644 index 0000000..ed3a69c --- /dev/null +++ b/app/Resources/public/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; +} diff --git a/app/Resources/public/css/popup.css b/app/Resources/public/css/popup.css new file mode 100644 index 0000000..94f3933 --- /dev/null +++ b/app/Resources/public/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; +} diff --git a/app/Resources/public/css/profilebox.css b/app/Resources/public/css/profilebox.css new file mode 100644 index 0000000..2359ae8 --- /dev/null +++ b/app/Resources/public/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; +} diff --git a/app/Resources/public/images/fejlec.jpg b/app/Resources/public/images/fejlec.jpg new file mode 100644 index 0000000..5d74169 Binary files /dev/null and b/app/Resources/public/images/fejlec.jpg differ diff --git a/web/images/no.png b/app/Resources/public/images/no.png similarity index 100% rename from web/images/no.png rename to app/Resources/public/images/no.png diff --git a/web/images/rose_bg.png b/app/Resources/public/images/rose_bg.png similarity index 100% rename from web/images/rose_bg.png rename to app/Resources/public/images/rose_bg.png diff --git a/app/Resources/views/Box/Events.html.twig b/app/Resources/views/Box/Events.html.twig index 419b41f..2217ead 100644 --- a/app/Resources/views/Box/Events.html.twig +++ b/app/Resources/views/Box/Events.html.twig @@ -1,10 +1,10 @@ {# vim: ft=htmljinja #} -
- [események gomb] -
-
-

{{ firstDay|date('Y-m') }}

+
+ [események gomb] +
+
+

{{ firstDay|date('Y-m') }}

diff --git a/app/Resources/views/main_template.html.twig b/app/Resources/views/main_template.html.twig index 5f08c12..85d2e96 100644 --- a/app/Resources/views/main_template.html.twig +++ b/app/Resources/views/main_template.html.twig @@ -2,20 +2,32 @@ #} - - Kék Rózsák{% block title %}{% endblock %} - - - + + Kék Rózsák{% block title %}{% endblock %} + + + +{% 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' %} + +{% endstylesheets %} {% block additional_css %}{% endblock %} - - - - - - + + + + + + {% block additional_js %}{% endblock %} - +
@@ -113,14 +124,14 @@ $('.program').cluetip({ cluezIndex: 1000 }); - $('#esemeny-mutato').click(function() { - if ($('#esemeny-box').is(':visible')) + $('#event-shower').click(function() { + if ($('#event-box').is(':visible')) { - $('#esemeny-box').hide(); + $('#event-box').hide(); } else { - $('#esemeny-box').show(); + $('#event-box').show(); } }); $('.userdata').cluetip(); @@ -174,6 +185,20 @@ $('#popup-content').html('Nem sikerült betölteni a könyv adatait.'); }); } + + $(document).ready(function() { + bottomLineTop = $('#bottom-line').position().top; + contentOutlineTop = $('#content-outline').position().top; + contentHeight = $('#content-outline').outerHeight(); + newsHeight = $('#hirek').outerHeight(); + minHeight = bottomLineTop - contentOutlineTop; + + height = Math.max(contentHeight, newsHeight, minHeight); + if ($('#content-outline').outerHeight() < height) + $('#content-outline').css('height', height + 'px'); + if ($('#hirek').outerHeight() < height) + $('#hirek').css('height', height + 'px'); + }); {% block bottomscripts %}{% endblock %} diff --git a/web/css/kekrozsak_front.css b/web/css/kekrozsak_front.css deleted file mode 100644 index ccb6660..0000000 --- a/web/css/kekrozsak_front.css +++ /dev/null @@ -1,479 +0,0 @@ -* { - font-family: sans-serif; - font-size: 14px; -} - -body { - margin: 0; - background-color: black; - background-image: url('../images/rose_bg.png'); - background-repeat: no-repeat; - background-attachment: fixed; - background-position: right bottom; -} - -#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; -} - -#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; -} - -#login-box { - position: fixed; - left: 5px; - top: 32px; - width: 300px; - height: 100px; - background-color: #c4d3ff; - border: 2px solid #152967; - color: #152967; - display: none; -} - -#esemeny-box { - position: fixed; - left: 5px; - top: 32px; - width: 250px; - height: 200px; - background-color: #c4d3ff; - border: 2px solid #152967; - color: #152967; - display: none; -} - -#esemeny-box td { - text-align: center; - vertical-align: middle; -} - -#esemeny-box td.woy { - font-size: 60%; -} - -#esemeny-box td.program { - background-color: green; -} - -#esemeny-belso p.honap { - text-align: center; - margin: 0 5px; - font-weight: bold; -} - -#esemeny-belso table { - margin-left: auto; - margin-right: auto; -} - -#login-belso { - position: relative; - padding: 5px; -} - -#esemeny-belso { - position: relative; - padding: 5px; -} - -#esemenyek-gomb { - float: left; - padding: 5px; -} - -#konyvtar-gomb { - float: left; - padding: 5px; -} - -#konyvtar-gomb a { - color: inherit; - text-decoration: none; -} - -#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; -} - -#menu { - background-color: #29140d; - background-image: gradient(top, #4e1e0b, #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; -} - -#header { - height: 270px; - background-image: url('../images/fejlec.jpg'); -} - -#header h1 { - margin: 0; - padding-left: 96px; - padding-top: 95px; -} - -#header h2 { - margin: 0; - padding-left: 15px; - padding-top: 20px; -} - -#content-wrapper { - background-color: #0e0e0e; -} - -#content-outline { - color:#3366ff; - text-align: justify; - width: 740px; - float: left; -} - -#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; -} - -.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; -} - -.u { - text-decoration: underline; -} - -.b { - font-weight: bold; -} - -.i { - font-style: italic; -} - -#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; -} - -.gomb { - background-color: #cccccc; - color: black; - white-space: nowrap; - cursor: pointer; -} - -#top-line .gomb { - background-color: transparent; - color: #c4d3ff; -} - -.gomb a { - color: inherit !important; -} - diff --git a/web/images/fejlec.jpg b/web/images/fejlec.jpg deleted file mode 100644 index 2366240..0000000 Binary files a/web/images/fejlec.jpg and /dev/null differ