Skip to content

Commit

Permalink
General Update March 2018
Browse files Browse the repository at this point in the history
  • Loading branch information
@hipertextos
hipertextos committed Mar 28, 2018
1 parent c598ac5 commit 61c8660
Show file tree
Hide file tree
Showing 17 changed files with 472 additions and 262 deletions.
Binary file added .DS_Store
View file
Binary file not shown.
2 changes: 0 additions & 2 deletions docs/index.html
View file
Expand Up @@ -72,8 +72,6 @@ <h1>
BarcelonaCSS
</h1>
<p>rediscovering Cascade Style Sheets</p>
<br>
<em><a href="https://github.com/hipertextos/barcelonacss" title="View on Github">Download</a></em><br>
</div>
</header>

Expand Down
20 changes: 10 additions & 10 deletions docs/layouts.html
View file
Expand Up @@ -14,9 +14,9 @@
<meta name="geo.position" content="PageLangitudeLongitude">
<meta name="ICBM" content="PageLangitudeLongitude">
<!-- Screen styles -->
<link href="../src/styles/screen.css" rel="stylesheet" media="screen">
<link href="../src/styles/components.css" rel="stylesheet" media="screen">
<link href="../src/styles/helpers.css" rel="stylesheet" media="screen">
<link href="../src/styles/screen.min.css" rel="stylesheet" media="screen">
<link href="../src/styles/components.min.css" rel="stylesheet" media="screen">
<link href="../src/styles/helpers.min.css" rel="stylesheet" media="screen">
<!-- Print styles -->
<link href="../src/styles/print.css" rel="stylesheet" media="print">
<!-- If iexplorer :( -->
Expand Down Expand Up @@ -106,49 +106,49 @@ <h1>
<h3>Monument al Doctor Robert</h3>
<strong>Article date & info</strong>
<div><img src="../src/img/picture-1.jpg" alt="Picture 1">El Monument al Doctor Robert és un conjunt escultòric avui dia a l'interior de la Plaça de Tetuan de Barcelona, al districte de l'Eixample. Està dedicat a Bartomeu Robert, metge i polític catalanista, alcalde de Barcelona entre març i octubre de 1899. És obra de Lluís Domènech i Montaner i Josep Llimona.</div>
<nav><a href="https://ca.wikipedia.org/wiki/Monument_al_Doctor_Robert" title="Wikipedia" target="blank">Link</a></nav>
<nav><a href="https://ca.wikipedia.org/wiki/Monument_al_Doctor_Robert" title="Wikipedia" target="blank">+</a></nav>
</article>

<article>
<h3>l'Auditori</h3>
<strong>Article date & info</strong>
<div><img src="../src/img/picture-2.jpg" alt="Picture 2">L’Auditori, també L'Auditori de Barcelona, és un modern edifici de 42.000 metres quadrats dissenyat per l'arquitecte Rafael Moneo[1] que es va inaugurar el 22 de març del 1999 (les obres havien començat el 1990). El seu enginyer acústic és Higini Arau.</div>
<nav><a href="https://ca.wikipedia.org/wiki/L%27Auditori" title="Wikipedia" target="blank">Link</a></nav>
<nav><a href="https://ca.wikipedia.org/wiki/L%27Auditori" title="Wikipedia" target="blank">+</a></nav>
</article>

<article>
<h3>Laberint d'Horta</h3>
<strong>Article date & info</strong>
<div><img src="../src/img/picture-3.jpg" alt="Picture 3">El parc del Laberint d'Horta és un jardí històric situat en el districte d'Horta-Guinardó de Barcelona, el més antic que es conserva a la ciutat. Es troba en l'antiga finca de la família Desvalls, en una vessant de la serra de Collserola. Iniciat el 1794 i acabat en la seva primera fase el 1808, va ser obra de l'arquitecte italià Domenico Bagutti.</div>
<nav><a href="https://ca.wikipedia.org/wiki/Parc_del_Laberint_d%27Horta" title="Wikipedia" target="blank">Link</a></nav>
<nav><a href="https://ca.wikipedia.org/wiki/Parc_del_Laberint_d%27Horta" title="Wikipedia" target="blank">+</a></nav>
</article>

<article>
<h3>El Desconsol</h3>
<strong>Article date & info</strong>
<div><img src="../src/img/picture-4.jpg" alt="Picture 4">Desconsol és una escultura realitzada per Josep Llimona i actualment conservada al Museu Nacional d'Art de Catalunya. La primera versió, de guix, és del 1903. Va entrar a formar part de la col·lecció permanent del museu com una donació de Domènec Sanllehy, llavors alcalde de Barcelona, el 1909.</div>
<nav><a href="https://ca.wikipedia.org/wiki/Desconsol" title="Wikipedia" target="blank">Link</a></nav>
<nav><a href="https://ca.wikipedia.org/wiki/Desconsol" title="Wikipedia" target="blank">+</a></nav>
</article>

<article>
<h3>Charlie Rivel</h3>
<strong>Article date & info</strong>
<div><img src="../src/img/picture-5.jpg" alt="Picture 5">Charlie Rivel, nom artístic de Josep Andreu i Lasserre (Cubelles, 23 d'abril de 1896 - Sant Pere de Ribes, 26 de juliol de 1983), fou un pallasso català. Al Parc Joan Brossa de Montjuïc hi ha una escultura dedicada a ell. </div>
<nav><a href="https://ca.wikipedia.org/wiki/Charlie_Rivel" title="Wikipedia" target="blank">Link</a></nav>
<nav><a href="https://ca.wikipedia.org/wiki/Charlie_Rivel" title="Wikipedia" target="blank">+</a></nav>
</article>

<article>
<h3>Front Marítim del Poblenou</h3>
<strong>Article date & info</strong>
<div><img src="../src/img/picture-6.jpg" alt="Picture 6">Diagonal Mar i el Front Marítim del Poblenou, conegut com a Diagonal Mar, és un barri situat al nord-est de la ciutat de Barcelona, part del districte de Sant Martí. Aquest barri va néixer a la darreria dels anys 60 i la primera meitat dels anys 70 amb la construcció dels primers habitatges on abans hi havia camps de conreu i masies. Arran de l'acte del Fòrum Universal de les Cultures, celebrat a Barcelona l'any 2004, l'ajuntament de Barcelona, conjuntament amb diverses promotores immobiliàries va donar un gir al barri tot creant un centre comercial, un gran parc i un munt d'edificis d'alt nivell, millorant l'aspecte i la vida del barri. </div>
<nav><a href="https://ca.wikipedia.org/wiki/Diagonal_Mar_i_el_Front_Mar%C3%ADtim_del_Poblenou" title="Wikipedia" target="blank">Link</a></nav>
<nav><a href="https://ca.wikipedia.org/wiki/Diagonal_Mar_i_el_Front_Mar%C3%ADtim_del_Poblenou" title="Wikipedia" target="blank">+</a></nav>
</article>

<article>
<h3>Central Tèrmica del Besòs</h3>
<strong>Article date & info</strong>
<div><img src="../src/img/picture-7.jpg" alt="Picture 7">La Central Tèrmica de Sant Adrià és una central termoelèctrica de cicle combinat propietat de FECSA-Endesa situada a la desembocadura del riu Besòs, entre els municipis de Sant Adrià del Besòs i Badalona, al nord de Barcelona, actualment inactiva. Actualment es troba fora de servei. </div>
<nav><a href="https://ca.wikipedia.org/wiki/Central_t%C3%A8rmica_de_Sant_Adri%C3%A0_de_Bes%C3%B2s" title="Wikipedia" target="blank">Link</a></nav>
<nav><a href="https://ca.wikipedia.org/wiki/Central_t%C3%A8rmica_de_Sant_Adri%C3%A0_de_Bes%C3%B2s" title="Wikipedia" target="blank">+</a></nav>
</article>

<article>
Expand Down
Binary file added src/.DS_Store
View file
Binary file not shown.
Binary file added src/styles/.DS_Store
View file
Binary file not shown.
138 changes: 99 additions & 39 deletions src/styles/blogger-hacks.css
View file
@@ -1,29 +1,37 @@
/* Blogger hacks */
/* Blogger Hacks by acozar (gmail) */

/* Blogger labels */
/* Headers */

article .blogger-labels {
display: none;
#page-section-article-header {
padding-top: 64px;
text-align: center;
}
#page-header,
#page-nav {
text-align: center;
}



/* Blogger labels */

.blogger-labels {
display: block;
clear: both;
color: #333;
font-size: 0;
margin: 16px 0 0;
margin: 12px 0 0;
text-align: center;
}
.blogger-labels:before {
border-bottom: 1px solid currentColor;
display: block;
content: 'Tags';
content: 'Etiquetas';
font-size: 16px;
margin: 16px;
}
.blogger-labels a {
border: 1px solid currentColor;
border-radius: 2em;
color: #ffffff !important;
border: 4px solid currentColor;
border-radius: 1em;
font-size: 16px;
margin: 0 .25em;
padding: .25em 1em;
Expand All @@ -32,11 +40,47 @@ article .blogger-labels {
-moz-hyphens: none;
hyphens: none;
}
.blogger-labels a:hover {
background-color: #000;
color: #fff;
article .blogger-labels,
article .blogger-labels,
article .blogger-labels {
display: none;
}
#page-section-article-content figure .blogger-labels {
display: block;
clear: both;
font-size: 0;
margin: 12px auto 0;
text-align: center;
position: absolute;
bottom: 36px;
opacity: 0;
}#page-section-article-content figure:hover .blogger-labels {
opacity: 1;
}
#page-section-article-content figure .blogger-labels:before {
border: none;
color: rgba(255,255,255,.8);
display: block;
float: left;
font-weight: bold;
content: 'Etiquetas';
font-size: 16px;
margin: 0 16px;
}
#page-section-article-content figure .blogger-labels a {
background-color: rgba(255,255,255,.8);
}

/* Twitter */

.twitter-timeline,
.twitter-tweet {
display: block;
margin: 0 auto;
}
.tw-tools {
padding: 6px;
}

/* Prev/next */

Expand All @@ -50,35 +94,35 @@ article .blogger-labels {
.prev-next .blog-paging-control-container .blog-paging-control,
.prev-next .blog-paging-control-container .blog-paging-control:after {
display: block;
height: 2em;
width: 2em;
height: 32px;
width: 32px;
position: absolute;
text-decoration: none;
top: -.25em;
top: -24px;
text-align: center;
z-index: 1;
}
.prev-next .blog-paging-control-container .blog-paging-control:nth-child(1),
.prev-next .blog-paging-control-container .blog-paging-control:nth-child(2) {
visibility: hidden;
}
.prev-next .blog-paging-control-container .blog-paging-control:nth-child(1) {
left: 0; right: auto;
left: 12px; right: auto;
}
.prev-next .blog-paging-control-container .blog-paging-control:nth-child(2),
.prev-next .blog-paging-control-container .blog-paging-control:only-child {
right: 0; left: auto;
right: 32px; left: auto;
}
.prev-next .blog-paging-control-container .blog-paging-control:nth-child(1):after,
.prev-next .blog-paging-control-container .blog-paging-control:nth-child(2):after {
border: thin solid #ccc;
border: 4px solid currentColor;
border-radius: 50%;
color: #bbb;
color: inherit;
display: block;
font-size: 1.2em;
font-weight: bold;
line-height: 1.9em;
height: 2em;
width: 2em;
line-height: 32px;
height: 32px;
width: 32px;
visibility: visible;
}
.prev-next .blog-paging-control-container .blog-paging-control:nth-child(1):after {
Expand All @@ -89,8 +133,13 @@ article .blogger-labels {
content: '>';
}

/* Pagination */

.pagination {
margin: 2em auto 3em;
border: none;
display: block;
margin: 3em auto 1em;
text-align: center;
}
.pagination a {
visibility: hidden;
Expand All @@ -99,7 +148,7 @@ article .blogger-labels {
border-radius: 2em;
font-weight: normal;
margin-left: -5em;
padding: .75em 1em;
padding: 16px 32px;
visibility: visible;
}
.pagination a:nth-child(1):after {
Expand All @@ -109,19 +158,35 @@ article .blogger-labels {
.pagination a:only-child:after {
content: ' Anterior >';
}
.pagination a:after,
.prev-next .blog-paging-control-container .blog-paging-control:after {
background: #000;
color: #fff;

/* Colors */

.blogger-labels a:hover,
.pagination a:after {

}
.blogger-labels a,
article div a,
.pagination a:hover:after,
.pagination a:visited:hover:after,
.prev-next .blog-paging-control-container .blog-paging-control:hover:after {
background: #3AB16C;
color: #fff;
background-color: rgba(0,0,0,.1);
}
article div a:visited,
.blogger-labels a:visited:hover,
.pagination a:visited:after,
.pagination a:visited:hover:after,
.prev-next .blog-paging-control-container .blog-paging-control:visited:hover:after {
background: #dd0000;
background-color: rgba(0,0,0,.05);
}
.blogger-labels a:focus,
.pagination a:focus {
background-color: rgba(255,255,255,.8);

}
.blogger-labels a:visited:focus,
.pagination a:visited:focus {

}

/* Cookies info */
Expand Down Expand Up @@ -149,9 +214,4 @@ article .blogger-labels {
color: #ffffff !important;
}

/* Twitter timeline */

.twitter-timeline {
display: block;
margin: 0 auto;
}
/* The End */

0 comments on commit 61c8660

Please sign in to comment.