CSS refactoring

Refactored CSS stylesheets. Broke down original CSS file into small, more
logical parts

Signed-off-by: Gergely POLONKAI <polesz@w00d5t0ck.info>
This commit is contained in:
Gergely POLONKAI
2012-08-15 11:45:58 +02:00
parent 8309843958
commit 7823ac2847
15 changed files with 580 additions and 502 deletions

View File

@@ -1,10 +1,10 @@
{# vim: ft=htmljinja
#}
<div id="esemenyek-gomb">
<span id="esemeny-mutato" class="gomb">[események gomb]</span>
<div id="esemeny-box">
<div id="esemeny-belso">
<p class="honap">{{ firstDay|date('Y-m') }}</p>
<div id="events-button">
<span id="event-shower" class="gomb">[események gomb]</span>
<div id="event-box">
<div id="event-inside">
<p class="month">{{ firstDay|date('Y-m') }}</p>
<table>
<thead>
<tr>

View File

@@ -2,20 +2,32 @@
#}
<!DOCTYPE html>
<html>
<head>
<title>Kék Rózsák{% block title %}{% endblock %}</title>
<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') }}" />
<head>
<title>Kék Rózsák{% block title %}{% endblock %}</title>
<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' %}
<link rel="stylesheet" type="text/css" href="{{ asset_url }}" />
{% endstylesheets %}
{% block additional_css %}{% endblock %}
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="{{ asset('js/jquery-cluetip/lib/jquery.hoverIntent.js')}}"></script>
<script type="text/javascript" src="{{ asset('js/jquery-cluetip/jquery.cluetip.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery.tinyscrollbar.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
<script type="text/javascript" src="{{ path('fos_js_routing_js', {callback: 'fos.Router.setData'}) }}"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="{{ asset('js/jquery-cluetip/lib/jquery.hoverIntent.js')}}"></script>
<script type="text/javascript" src="{{ asset('js/jquery-cluetip/jquery.cluetip.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/jquery.tinyscrollbar.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
<script type="text/javascript" src="{{ path('fos_js_routing_js', {callback: 'fos.Router.setData'}) }}"></script>
{% block additional_js %}{% endblock %}
</head>
</head>
<body>
<div id="popup-container">
<div id="popup-close"></div>
@@ -65,8 +77,7 @@
</ul>
</div>
<div id="header">
<h1><a href="{{ path('KekRozsakFrontBundle_homepage') }}"><img src="{{ asset('images/kek_rozsak_felirat.jpg') }}" alt="Kék Rózsák" /></a></h1>
<h2><img src="{{ asset('images/okkultista_kor_felirat.jpg') }}" alt="A Kék Rózsa okkultista kör honlapja" /></h2>
<h1>Kék Rózsák</h1>
</div>
<div id="content-wrapper">
<div id="content-outline">
@@ -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');
});
</script>
{% block bottomscripts %}{% endblock %}
</body>