theme/static/css/lamboz.css

changeset 36
9507107a1133
child 42
3c30fc0f8ce0
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/theme/static/css/lamboz.css	Sat Mar 12 17:37:27 2016 +0100
@@ -0,0 +1,346 @@
+BODY,P,DIV, UL LI, OL LI, TD {
+  font-family:"Exo 2",sans-serif;
+  font-size: 12pt;
+  margin: 0;
+}
+
+
+H1,H2,H3,H4,H5,H6 {
+  font-family:"Exo 2",sans-serif;
+  font-weight: 600;
+  color: #777;
+}
+
+H1 { font-size: 2em; }
+H2 { font-size: 1.57em; }
+H3 { font-size: 1.23em; }
+H4 { font-size: 1.1em; }
+H5,H6 { font-size: 1.05em; }
+ 
+
+.header H1 {
+  font-size:3em;
+  margin-top: 0.2em;
+}
+
+.data-holder {
+  margin: 1em auto;
+  max-width: 1024px;
+}
+
+.header, .content, .footer { padding: 1em; }
+
+.header { 
+  border-bottom: 1px dotted silver;
+}
+.footer { 
+  
+    border-top: 1px dotted silver;
+}
+
+.main-article { 
+  background-color: #eee;
+  margin-bottom: 0.8em;
+  padding: 1em;
+}
+
+.main-article H2 {
+  font-size: 1.9em;
+}
+.main-article P  {
+  font-size: 1.2em;
+}
+
+A { 
+  text-decoration: none;
+  color: #666;
+}
+
+A:hover {
+  color: #900;
+}
+
+.footer UL { 
+  margin:0px ;
+    padding: 0px; 
+  list-style-type:none;
+}
+.footer UL LI {
+  display: inline-block;
+  margin: 1px;
+  padding: 1px;
+  
+}
+
+UL li.active { 
+  border: 1px dotted #aaa;
+  background-color: #eee;
+}
+
+
+.main-article .read-more {
+  font-size: 0.9em;
+  letter-spacing: 2px;
+  border-bottom: 1px dotted silver;
+  margin-bottom: 0.5em;
+}
+
+.header-article .read-more,
+.sec-article .read-more {
+  font-size: 0.9em;
+  letter-spacing: 2px;
+  border-bottom: 1px dotted silver;
+  margin-bottom: 0.5em;
+}
+
+ul.tag-list {
+  list-style-type: none;
+  margin:0px;
+  padding: 0px;
+}
+
+ul.tag-list LI:hover { 
+    background-color: whitesmoke;
+}
+
+ul.tag-list LI {
+  display: inline-block;
+  background-color: white;
+  border: 1px dotted silver;
+  margin-right: 5px;
+  margin-bottom: 5px;
+  padding: 3px;
+}
+
+div.entry-summary p{
+  font-size: 1.2em;
+}
+
+div.entry-summary {
+  margin-bottom: 1em;
+}
+
+section.article P { 
+  margin-bottom: 1em;
+  text-align: justify;
+  -moz-hyphens: auto;
+  -webkit-hyphens: auto;
+}
+
+.main-article P, .sec-article P {
+  text-align: justify;
+  -moz-hyphens: auto;
+  -webkit-hyphens: auto;
+}
+
+.pages {
+    background-color: #A01;
+    color: white;
+    padding: 3px;
+}
+
+.pages UL {
+  list-style-type: none;
+  margin: 0px;
+}
+
+.pages UL LI {
+  display: inline-block;
+  margin: 3px 10px 3px 0px;
+}
+
+.pages UL LI:nth-child(1) {
+  font-size: 1.4em;
+}
+
+.pages UL LI A { color: white; font-weight: 600; text-transform: uppercase;}
+
+
+.pages UL LI.active {
+  background-color: transparent;
+  border: 0px solid transparent;
+  border-bottom: 1px solid white;
+}
+
+.pages UL LI.category {
+    float: right !important;
+}
+
+#image-block { float: right; }
+
+div.hp-header {
+  display:table;
+  width:100%;
+  height:55%;
+  max-height: 55;
+  position:relative;
+  background:url('/theme/img/HP8904A_Q106.jpg') no-repeat center center fixed;
+  background-size:cover;
+
+}
+
+div.hp-header-inner {
+  display:table;
+  width:100%;
+  height:30%;
+  position:relative;
+  background:url('/theme/img/HP8904A_Q106.jpg') no-repeat center center fixed;
+  background-size:cover;
+
+}
+
+div.hp-header-inner  #title-block H1 {
+  font-size:4em;
+  color:white;
+  text-align:center
+}
+
+
+div.page-header {
+  display:table-cell;
+  vertical-align: middle;
+  text-align:center;
+}
+
+div#title-block {
+  margin:10px;
+}
+
+div#title-block H1 {
+  font-size: 6em;
+  font-weight:900;  
+  text-shadow: 2px 2px 10px #000;
+  margin-bottom: 0px;
+}
+
+div#title-block H1 A {
+  color: white;
+}
+
+div#title-block P.blurb {
+  font-family:"Exo 2",sans-serif;
+  color: white;
+  font-size: 1.5em;
+  text-shadow: 1px 1px 3px #000;
+     margin-top: 0px;
+}
+
+
+.blog_review, .rev_rating {
+  background-color: #DDD;
+  padding: 0.5em;
+  text-align: justify;
+}
+
+.rev_rating {
+  margin-bottom: 1em;
+}
+
+.blog_review {
+    margin-bottom:1em;
+}
+
+.rev_rating  span {
+  font-weight: 700;
+  color: #901;
+}
+
+.a_cura_di { 
+  font-size: 0.9em; 
+  font-style: italic;
+}
+
+
+.sec-article {
+  margin-bottom: 1em;
+}
+
+ .footer {
+    background-color:#C01;
+    color: #FFF;
+  }
+  
+  .footer A {
+    color: #FFF;
+    font-weight: bold;
+  }
+  
+ .footer H3 { color: white; margin: 0px;}
+ 
+  .footer .active A { color: #A01;}
+  .footer .active { color: #666; } 
+
+
+
+@media (max-width: 768px) {
+
+  .content { padding: 0px;}
+  div.column > * { margin: 1em;}
+  
+  div.column.aside { background-color: #DDD; padding: 10px;}
+  
+  .aside UL {
+      margin: 0px; 
+      padding: 4px;
+      list-style: none;
+    }
+  
+    .aside UL LI {
+      display: inline-block;
+      background-color: #FFF; 
+      padding: 4px; border: 1px dotted gray
+    }
+  
+   #title-block,#image-block { margin: 0.2em auto; }
+  #title-block { text-align: center; }
+  #image-block { float: none; }
+
+  /* mobile version */
+div.hp-header {
+  display:table;
+  width:100%;
+  height:100%;
+  position:relative;
+  background:url('/theme/img/HP8904A_Q106.jpg') no-repeat scroll 0% 0% / 100% 100%;
+  background-size:cover;
+
+}
+
+div.hp-header-inner {
+  display:table;
+  width:100%;
+  height:30%;
+  position:relative;
+  background:url('/theme/img/HP8904A_Q106.jpg') no-repeat scroll 0% 0% / 100% 100%;
+  /*  background-size:cover; */
+
+}
+
+div.hp-header-inner  #title-block H1 {
+  font-size:2.5em;
+  color:white;
+  text-align:center;
+}
+  
+  
+div#title-block H1 {
+  font-size: 2.5em;
+  font-weight:900;  
+  text-shadow: 2px 2px 10px #000;
+  margin-bottom: 0px;
+}
+
+  .content .data-holder {
+    margin: 0px;
+  }
+  
+  .main-article  {
+    padding: 0.5em;
+  }
+
+}
+
+
+
+
+

mercurial