date
This commit is contained in:
parent
eb78e2730a
commit
9d69b1a86f
|
@ -16,7 +16,7 @@
|
||||||
<link rel="stylesheet" href="{{ asset('bundles/deblanblog/css/cleanblog/bootstrap.css') }}" />
|
<link rel="stylesheet" href="{{ asset('bundles/deblanblog/css/cleanblog/bootstrap.css') }}" />
|
||||||
<link rel="stylesheet" href="{{ asset('bundles/deblanblog/css/cleanblog/clean-blog.css') }}" />
|
<link rel="stylesheet" href="{{ asset('bundles/deblanblog/css/cleanblog/clean-blog.css') }}" />
|
||||||
<link rel="stylesheet" href="{{ asset('bundles/deblanblog/syntaxhighlighter/styles/shThemeEclipse.css') }}" />
|
<link rel="stylesheet" href="{{ asset('bundles/deblanblog/syntaxhighlighter/styles/shThemeEclipse.css') }}" />
|
||||||
<link rel="stylesheet" href="{{ asset('bundles/deblanblog/css/cleanblog/main.css') }}?v=2" />
|
<link rel="stylesheet" href="{{ asset('bundles/deblanblog/css/cleanblog/main.css') }}?v=14" />
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
{{ get_var('CssBlock')|raw }}
|
{{ get_var('CssBlock')|raw }}
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
|
|
@ -1,125 +1,134 @@
|
||||||
#search input[type=text] {
|
#search input[type=text] {
|
||||||
position: relative;
|
position: relative;
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 40px;
|
top: 40px;
|
||||||
float: right;
|
float: right;
|
||||||
width: 173px;
|
width: 173px;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
border: 1px solid #fff;
|
border: 1px solid #fff;
|
||||||
background: url(../img/search.png) #ffffff 150px 2px no-repeat;
|
background: url(../img/search.png) #ffffff 150px 2px no-repeat;
|
||||||
color: #333;
|
color: #333;
|
||||||
padding: 3px 25px 3px 4px;
|
padding: 3px 25px 3px 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#breadcrumb {
|
#breadcrumb {
|
||||||
background: #333;
|
background: #333;
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: Calibri, Verdana;
|
font-family: Calibri, Verdana;
|
||||||
}
|
}
|
||||||
|
|
||||||
#breadcrumb ul {
|
#breadcrumb ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 960px) {
|
@media (max-width: 960px) {
|
||||||
#breadcrumb ul {
|
#breadcrumb ul {
|
||||||
padding: 0 4px;
|
padding: 0 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#breadcrumb li {
|
#breadcrumb li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
#breadcrumb li.sep {
|
#breadcrumb li.sep {
|
||||||
color: #666;
|
color: #666;
|
||||||
padding: 0 3px;
|
padding: 0 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#breadcrumb a {
|
#breadcrumb a {
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
#breadcrumb .glyphicon {
|
#breadcrumb .glyphicon {
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author a {
|
||||||
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
#social {
|
#social {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#social li {
|
#social li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.social {
|
.social {
|
||||||
background: url(../../img/socials.png) no-repeat 1000px 0;
|
background: url(../../img/socials.png) no-repeat 1000px 0;
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.social a {
|
.social a {
|
||||||
display: block;
|
display: block;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-indent: 100px;
|
text-indent: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.social-rss {
|
.social-rss {
|
||||||
background-position: -20px 0;
|
background-position: -20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.social-twitter {
|
.social-twitter {
|
||||||
background-position: 0 0;
|
background-position: 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.social-facebook {
|
.social-facebook {
|
||||||
background-position: -40px 0;
|
background-position: -40px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.social-linkedin {
|
.social-linkedin {
|
||||||
background-position: -60px 0;
|
background-position: -60px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.social-diaspora {
|
.social-diaspora {
|
||||||
background-position: -80px 0;
|
background-position: -80px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.social-github {
|
.social-github {
|
||||||
background-position: -100px 0;
|
background-position: -100px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
code {
|
code {
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media.level-2 {
|
.media.level-2 {
|
||||||
padding-left: 40px;
|
padding-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media.level-3 {
|
.media.level-3 {
|
||||||
padding-left: 80px;
|
padding-left: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media.level-4 {
|
.media.level-4 {
|
||||||
padding-left: 120px;
|
padding-left: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media .media-body .answer {
|
.media .media-body .answer {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-body p {
|
.media-body p {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media .media-body:hover .answer {
|
.media .media-body:hover .answer {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -130,153 +139,153 @@ code {
|
||||||
.media.level-9,
|
.media.level-9,
|
||||||
.media.level-10,
|
.media.level-10,
|
||||||
.media.level-11 {
|
.media.level-11 {
|
||||||
padding-left: 160px;
|
padding-left: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
.media.level-2 {
|
.media.level-2 {
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media.level-3 {
|
.media.level-3 {
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media.level-4 {
|
.media.level-4 {
|
||||||
padding-left: 30px;
|
padding-left: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media.level-5,
|
.media.level-5,
|
||||||
.media.level-6,
|
.media.level-6,
|
||||||
.media.level-7,
|
.media.level-7,
|
||||||
.media.level-8,
|
.media.level-8,
|
||||||
.media.level-9,
|
.media.level-9,
|
||||||
.media.level-10,
|
.media.level-10,
|
||||||
.media.level-11 {
|
.media.level-11 {
|
||||||
padding-left: 40px;
|
padding-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media .avatar {
|
.media .avatar {
|
||||||
width: 45px;
|
width: 45px;
|
||||||
height: 45px;
|
height: 45px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media .pull-left .answer {
|
.media .pull-left .answer {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media .media-body .answer {
|
.media .media-body .answer {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.comments .media button {
|
.comments .media button {
|
||||||
display: block;
|
display: block;
|
||||||
width: 90px;
|
width: 90px;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comments .media {
|
.comments .media {
|
||||||
margin-bottom: 40px;
|
margin-bottom: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-group.submit .control-label {
|
.form-group.submit .control-label {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.error_list {
|
.error_list {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #FF8D8D;
|
background: #FF8D8D;
|
||||||
border: 1px solid #b94a48;
|
border: 1px solid #b94a48;
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
|
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
.error_list li {
|
.error_list li {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
input.has-error,
|
input.has-error,
|
||||||
textarea.has-error {
|
textarea.has-error {
|
||||||
border-color: #b94a48;
|
border-color: #b94a48;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
|
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cancel_answer {
|
#cancel_answer {
|
||||||
margin-top: -7px;
|
margin-top: -7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.syntaxhighlighter .container {
|
.syntaxhighlighter .container {
|
||||||
width: auto;
|
width: auto;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: auto;
|
padding: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
border-radius: 0 !important;
|
border-radius: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
code,
|
code,
|
||||||
pre,
|
pre,
|
||||||
.syntaxhighlighter .line {
|
.syntaxhighlighter .line {
|
||||||
-webkit-hyphens: auto !important;
|
-webkit-hyphens: auto !important;
|
||||||
-moz-hyphens: auto !important;
|
-moz-hyphens: auto !important;
|
||||||
-ms-hyphens: auto !important;
|
-ms-hyphens: auto !important;
|
||||||
-o-hyphens: auto !important;
|
-o-hyphens: auto !important;
|
||||||
hyphens: auto !important;
|
hyphens: auto !important;
|
||||||
word-wrap: break-word !important;
|
word-wrap: break-word !important;
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbar {
|
.toolbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.code-container {
|
.code-container {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.show-code {
|
.show-code {
|
||||||
display: none;
|
display: none;
|
||||||
color: blue;
|
color: blue;
|
||||||
padding: 4px 0 10px 0;
|
padding: 4px 0 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.show-code:hover {
|
.show-code:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
.code-container {
|
.code-container {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.show-code {
|
.show-code {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.labels {
|
.labels {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.labels li {
|
.labels li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0
|
padding: 0
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -11,6 +11,15 @@
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block header_subtitle %}
|
{% block header_subtitle %}
|
||||||
|
{% set post = page.object %}
|
||||||
|
|
||||||
|
<address class="author">
|
||||||
|
<a rel="author" href="{{ cms_path('about') }}">{{ post.user.username|capitalize }}</a>,
|
||||||
|
</address>
|
||||||
|
|
||||||
|
<time datetime="{{ post.publishedAt|date("Y-m-d") }}" title="{{ post.publishedAt|date("r") }}">
|
||||||
|
le {{ post.publishedAt|date("d/m/Y à H\\hi") }}
|
||||||
|
</time>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
|
|
|
@ -40,15 +40,6 @@
|
||||||
<h1><a href="{{ cms_path('post', {id: post.id, post: post.slug}) }}">{{ post.title }}</a></h1>
|
<h1><a href="{{ cms_path('post', {id: post.id, post: post.slug}) }}">{{ post.title }}</a></h1>
|
||||||
|
|
||||||
<div class="meta">
|
<div class="meta">
|
||||||
<address class="author">
|
|
||||||
<span class="glyphicon glyphicon-user"></span>
|
|
||||||
<a rel="author" href="{{ cms_path('about') }}">{{ post.user.username|capitalize }}</a>
|
|
||||||
</address>
|
|
||||||
|
|
||||||
<time datetime="{{ post.publishedAt|date("Y-m-d") }}" title="{{ post.publishedAt|date("r") }}">
|
|
||||||
<span class="glyphicon glyphicon-calendar"></span>
|
|
||||||
{{ post.publishedAt|date("d/m/Y à H\\hi") }}
|
|
||||||
</time>
|
|
||||||
|
|
||||||
<ul class="labels">
|
<ul class="labels">
|
||||||
{% for category in post.categories %}
|
{% for category in post.categories %}
|
||||||
|
|
|
@ -12,15 +12,17 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block body %}
|
{% block header_title %}
|
||||||
<h1>
|
{{ page.seoTitle|pp(page.object)|pp(page)|e }}
|
||||||
{{ page.seoTitle|pp(page.object)|pp(page)|e }}
|
<a href="https://tiny.deblan.org/public.php?op=rss&id=-1&key=c35938b7d791af1d550a8e11e77eb91ad2bf7a6f" target="_blank">
|
||||||
|
<span class="social social-rss" style="width: 20px; height: 20px; display: inline-block"></span>
|
||||||
<a href="https://tiny.deblan.org/public.php?op=rss&id=-1&key=c35938b7d791af1d550a8e11e77eb91ad2bf7a6f" target="_blank">
|
</a>
|
||||||
<span class="social social-rss" style="width: 20px; height: 20px; display: inline-block"></span>
|
{% endblock %}
|
||||||
</a>
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
|
{% block header_subtitle %}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block body %}
|
||||||
{% for post in page.pager %}
|
{% for post in page.pager %}
|
||||||
{{ include('DeblanBlogBundle:Default:tinyThePost.html.twig', {post: post}) }}
|
{{ include('DeblanBlogBundle:Default:tinyThePost.html.twig', {post: post}) }}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
|
@ -1,23 +1,13 @@
|
||||||
<article class="post" id="post-{{ post.id }}">
|
<article>
|
||||||
<header>
|
<div class="container">
|
||||||
<h3><a href="{{ post.link }}" target="_blank">{{ post.title }}</a></h3>
|
<div class="row">
|
||||||
|
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
|
||||||
|
<h1><a href="{{ post.link }}" target="_blank">{{ post.title }}</a></h1>
|
||||||
|
|
||||||
<div class="meta">
|
{{ post.excerpt|raw }}
|
||||||
<address class="author">
|
|
||||||
<span class="glyphicon glyphicon-user"></span>
|
|
||||||
<a rel="author" href="{{ post.link }}" target="_blank">{{ post.author }}</a>
|
|
||||||
</address>
|
|
||||||
|
|
||||||
<time datetime="{{ post.updated|date("Y-m-d") }}" title="{{ post.updated|date("r") }}">
|
<p><a href="{{ post.link }}" target="_blank">{{ post.link }}</a></p>
|
||||||
<span class="glyphicon glyphicon-calendar"></span>
|
</div>
|
||||||
{{ post.updated|date("d/m/Y à H\\hi") }}
|
|
||||||
</time>
|
|
||||||
</div>
|
</div>
|
||||||
</header>
|
|
||||||
|
|
||||||
<div class="page-content">
|
|
||||||
{{ post.excerpt|raw }}
|
|
||||||
|
|
||||||
<p><a href="{{ post.link }}" target="_blank">{{ post.link }}</a></p>
|
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
Loading…
Reference in a new issue