new layout

Resources/assets/css/config.rb

@@ -0,0 +1,33 @@
+# Require any additional compass plugins here.
+
+# Tell compass where to find local extensions
+# If you followed directions and ran 'gem install modular-scale' comment the next two lines out:
+#extensions_dir = "bower_components/gumby/sass/extensions"
+
+#Compass::Frameworks.register('modular-scale', :path => File.expand_path("#{extensions_dir}/modular-scale"))
+
+# Uncomment these to use regular Ruby gems.
+require 'modular-scale'
+require 'sassy-math'
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "./../../public/css"
+sass_dir = "sass"
+images_dir = "img"
+
+# You can select your preferred output style here (can be overridden via the command line) :nested or :expanded or :compact or :compressed:
+output_style = :compact
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

Resources/assets/css/sass/person.scss

@@ -0,0 +1,41 @@
+div#person_wrapper {
+    
+    div#general {
+        
+    }
+    
+    div#person_details {
+        margin-top: 50px;
+        
+        
+        .tab-content {
+            border-top: 1px solid #e5e5e5;
+            
+            width: 640px;
+        }
+        
+         dl { 
+             padding: 0.5em; 
+         } 
+         
+         dt { 
+             float: left; 
+             clear: left; 
+             width: 190px; 
+             text-align: right; 
+             font-weight: bold; 
+             color: green; 
+         } 
+         
+         dt:after { 
+             content: " :"; 
+         } 
+         
+         dd { 
+             margin: 0 0 0 199px; 
+             padding: 0 0 0.5em 0; 
+         }
+    }
+    
+}
+

Resources/public/css/person.css

@@ -0,0 +1,6 @@
+div#person_wrapper div#person_details { margin-top: 50px; }
+div#person_wrapper div#person_details .tab-content { border-top: 1px solid #e5e5e5; width: 640px; }
+div#person_wrapper div#person_details dl { padding: 0.5em; }
+div#person_wrapper div#person_details dt { float: left; clear: left; width: 190px; text-align: right; font-weight: bold; color: green; }
+div#person_wrapper div#person_details dt:after { content: " :"; }
+div#person_wrapper div#person_details dd { margin: 0 0 0 199px; padding: 0 0 0.5em 0; }

Resources/views/layout.html.twig

@@ -0,0 +1,50 @@
+{% extends "CLChillMainBundle::layout.html.twig" %}
+
+{% block css %}
+
+    {% stylesheets  output="css/all.css" filter="cssrewrite"
+          "bundles/clchillperson/css/person.css"
+     %}
+    <link rel="stylesheet" href="{{ asset_url }}"/>
+    {% endstylesheets %}
+
+
+{% endblock %}
+
+{% block content %}
+
+<div id="person_wrapper">
+    <div id="general">
+    <h1>
+        <span class="surname">{{  person.surname }}</span> 
+        <span class="personName">{{ person.name }}</span>
+    </h1>
+
+    <p class="date detail">{% transchoice person.genreNumeric
+           with {'%date%' : person.dateOfBirth.format('d-m-Y')} %}views.layout.born{% endtranschoice %}</p>
+    {% if person.nationality is not null %}
+        <p class="nationality detail">{{ person.nationality.label }}</p>
+    {% else %}
+        <p class="nationality detail without_nationality">{% trans %}views.layout.without_nationality{% endtrans %}</p>
+    {% endif %} 
+    </div>
+    <div id="person_details">
+        
+        
+        <section class="tabs vertical"> 
+            
+        {{ include("CLChillPersonBundle::menu.html.twig", 
+    {'person': person, 'menu_composer' : menu_composer, 'route_active': 'chill_person_view' }) }}
+                          
+        <div class="tab-content active columns height">
+        
+        {% block personcontent %}<!-- block personcontent empty -->{%endblock%}
+        
+        </div>
+        </section>
+    </div>
+
+</div>
+
+
+ {% endblock %}