Dotclear

Changeset 2643:b68c6ce10125


Ignore:
Timestamp:
01/25/14 16:52:25 (10 years ago)
Author:
Anne Kozlika <kozlika@…>
Branch:
default
Message:

Currywurst templates: archive.html some better classes and id --- Berlin Theme: styling archive

Files:
5 edited

Legend:

Unmodified
Added
Removed
  • inc/public/default-templates/currywurst/archive.html

    r2603 r2643  
    4949 
    5050                              <div id="time-criteria"><!-- entries sorted by date --> 
    51                                    <div id="by-date" class="arch-block"> 
     51                                   <div id="arch-by-year" class="arch-block arch-by-year"> 
    5252                                        <h3>{{tpl:lang By date}}</h3> 
    5353                                        <p class="fromto">{{tpl:lang FromDay}} <tpl:Entries no_content="1" order="asc" lastn="1"><a href="{{tpl:EntryURL}}">{{tpl:EntryDate format="%e %B %Y"}}</a></tpl:Entries> {{tpl:lang toDay}} <tpl:Entries no_content="1" order="desc" lastn="1"><a href="{{tpl:EntryURL}}">{{tpl:EntryDate format="%e %B %Y"}}</a></tpl:Entries></p> 
    5454                                        <tpl:Archives order="asc"> 
    5555                                             <tpl:ArchivesYearHeader> 
    56                                                   <div> 
     56                                                  <div class="arch-by-year__each-year"> 
    5757                                                       <h4>{{tpl:ArchiveDate format="%Y"}}</h4> 
    58                                                        <ul> 
     58                                                       <ul class="arch-list arch-year-list"> 
    5959                                             </tpl:ArchivesYearHeader> 
    6060                                                            <li><a href="{{tpl:ArchiveURL}}" title="{{tpl:ArchiveDate encode_html="1"}}">{{tpl:ArchiveDate encode_html="1" format="%B"}}</a> 
     
    7171                                   <tpl:Categories level="1"> 
    7272                                        <tpl:CategoriesHeader> 
    73                                              <div id="by-cat" class="arch-block"> 
     73                                             <div id="arch-by-cat" class="arch-block arch-by-cat"> 
    7474                                                  <h3>{{tpl:lang By category}}</h3> 
    75                                                   <ul> 
    76                                         </tpl:CategoriesHeader> 
     75                                                  <ul class="arch-list arch-cat-list"> 
     76                                                       </tpl:CategoriesHeader> 
    7777                                                       <li><a href="{{tpl:CategoryURL}}">{{tpl:CategoryTitle encode_html="1"}}</a> 
    78                                         <tpl:CategoryFirstChildren> 
    79                                              <tpl:CategoriesHeader> 
    80                                                             <ul> 
    81                                              </tpl:CategoriesHeader> 
    82                                                                       <li><a href="{{tpl:CategoryURL}}">{{tpl:CategoryTitle encode_html="1"}}</a></li> 
     78                                                       <tpl:CategoryFirstChildren> 
     79                                                            <tpl:CategoriesHeader> 
     80                                                            <ul class="arch-list arch-sub-cat-list"> 
     81                                                            </tpl:CategoriesHeader> 
     82                                                                 <li><a href="{{tpl:CategoryURL}}">{{tpl:CategoryTitle encode_html="1"}}</a></li> 
     83                                                            <tpl:CategoriesFooter> 
     84                                                            </ul> 
     85                                                            </tpl:CategoriesFooter> 
     86                                                       </tpl:CategoryFirstChildren> 
     87                                                       </li> 
    8388                                             <tpl:CategoriesFooter> 
    84                                                             </ul> 
    85                                              </tpl:CategoriesFooter> 
    86                                         </tpl:CategoryFirstChildren> 
    87                                                        </li> 
    88                                         <tpl:CategoriesFooter> 
    8989                                                  </ul> 
    9090                                             </div> 
    91                                         </tpl:CategoriesFooter> 
     91                                             </tpl:CategoriesFooter> 
    9292                                   </tpl:Categories> 
    9393 
    9494                                   <tpl:Tags sortby="count" order="desc"> 
    9595                                        <tpl:TagsHeader> 
    96                                              <div id="by-tag" class="arch-block"> 
     96                                             <div id="arch-by-tag" class="arch-block arch-by-tag"> 
    9797                                                  <h3>{{tpl:lang By tag}}</h3> 
    98                                                   <ul> 
     98                                                  <ul class="arch-list arch-tag-list"> 
    9999                                        </tpl:TagsHeader> 
    100100                                                       <li><a href="{{tpl:TagURL}}" class="tag{{tpl:TagRoundPercent}}">{{tpl:TagID}}</a></li> 
     
    107107 
    108108                              <div id="more-arch"><!-- others things --> 
    109                                    <div class="arch-block"> 
     109                                   <div id="arch-by-page" class="arch-block arch-by-page"> 
    110110                                        <tpl:Entries type="page" no_content="1" lastn="0" selected="0"> 
    111111                                             <tpl:EntriesHeader> 
    112112                                                  <h3>{{tpl:lang Pages}}</h3> 
    113                                                   <ul> 
     113                                                  <ul class="arch-list arch-page-list"> 
    114114                                             </tpl:EntriesHeader> 
    115115                                                       <li><a href="{{tpl:EntryURL}}">{{tpl:EntryTitle encode_html="1"}}</a></li> 
  • themes/berlin/scss/partials/_header.scss

    r2640 r2643  
    3030    margin-right: 3em; 
    3131    } 
    32 .site-title__link, 
    33 .site-title__link:link, 
    34 .site-title__link:visited { 
     32a.site-title__link, 
     33a.site-title__link:link, 
     34a.site-title__link:visited { 
    3535    background-color: transparent; 
     36    border-color: transparent; 
    3637} 
    3738.site-title__text { 
  • themes/berlin/scss/partials/_post.scss

    r2640 r2643  
    5555        font-size: scut-em(32); 
    5656    } 
     57} 
     58.post-content { 
     59    margin-bottom: 1em; 
    5760} 
    5861.post-read-it { 
  • themes/berlin/scss/style.scss

    r2640 r2643  
    2323@import "partials/content"; 
    2424@import "partials/post"; 
     25@import "partials/archive"; 
    2526 
    2627/** -------------------------------------------------- 
  • themes/berlin/style.css

    r2640 r2643  
    527527  margin-right: 3em; } 
    528528 
    529 .site-title__link, 
    530 .site-title__link:link, 
    531 .site-title__link:visited { 
    532   background-color: transparent; } 
     529a.site-title__link, 
     530a.site-title__link:link, 
     531a.site-title__link:visited { 
     532  background-color: transparent; 
     533  border-color: transparent; } 
    533534 
    534535.site-title__text { 
     
    863864      font-size: 2em; } } 
    864865 
     866.post-content { 
     867  margin-bottom: 1em; } 
     868 
    865869.post-read-it { 
    866870  margin-bottom: 1.5em; } 
     
    10641068  .post { 
    10651069    margin: 1em auto 3em; } } 
     1070/* ---------------------------------------------------------------- archives */ 
     1071/* general */ 
     1072@media all and (min-width: 30em) { 
     1073  .dc-archive .content-inner { 
     1074    margin-left: 3em; 
     1075    margin-right: 3em; } } 
     1076 
     1077.arch-block { 
     1078  display: inline-block; 
     1079  margin: 0 0 2em 0; 
     1080  vertical-align: top; } 
     1081  .arch-block a { 
     1082    color: #555; } 
     1083  @media all and (min-width: 30em) { 
     1084    .arch-block { 
     1085      margin-left: 4em; } } 
     1086 
     1087.arch-block:first-child { 
     1088  margin-left: 0; } 
     1089 
     1090.arch-block h3 { 
     1091  margin-bottom: 1em; 
     1092  font-size: 1.2em; 
     1093  font-style: italic; 
     1094  font-weight: normal; 
     1095  text-transform: lowercase; 
     1096  color: #14709e; } 
     1097 
     1098.arch-block h4 { 
     1099  font-weight: normal; 
     1100  font-size: 1.1em; 
     1101  margin-bottom: 0; 
     1102  margin-top: 0; } 
     1103 
     1104.arch-list, .arch-sub-list { 
     1105  list-style-type: none; 
     1106  margin: 0; 
     1107  padding: 0; } 
     1108 
     1109.arch-sub-list { 
     1110  margin-left: 20px; } 
     1111 
     1112/* par date */ 
     1113.arch-by-year { 
     1114  margin-right: 0; 
     1115  margin-bottom: 1em; 
     1116  margin-top: 2em; } 
     1117 
     1118.arch-by-year h3 { 
     1119  margin-bottom: 0; } 
     1120 
     1121.arch-by-year h3:first-child { 
     1122  margin-top: 0; } 
     1123 
     1124.fromto { 
     1125  margin-top: 0; 
     1126  margin-bottom: 1.5em; 
     1127  font-size: .875em; 
     1128  font-style: italic; } 
     1129 
     1130.arch-by-year__each-year { 
     1131  display: inline-block; 
     1132  vertical-align: top; 
     1133  margin: 0; 
     1134  width: 10em; } 
     1135 
     1136.arch-year-list { 
     1137  margin-bottom: 1.5em; } 
     1138 
     1139.arch-year-list span { 
     1140  font-size: .875em; } 
     1141 
     1142/* par categorie */ 
     1143.arch-cat-list, .arch-sub-cat-list { 
     1144  background: transparent url(img/vline.png) repeat-y; } 
     1145 
     1146.arch-sub-cat-list { 
     1147  margin: .5em 0 0 .5em; } 
     1148 
     1149.arch-cat-list li { 
     1150  padding: .2em .2em .2em 20px; 
     1151  background: transparent url(img/hline.png) no-repeat left 0.82em; } 
     1152 
     1153.arch-cat-list li:last-child { 
     1154  background-image: url(img/last-hline.png); } 
     1155 
     1156/* par tag */ 
     1157.arch-by-tag { 
     1158  width: 17em; } 
     1159 
     1160.arch-tag-list li { 
     1161  display: inline; 
     1162  padding-right: 1em; } 
     1163 
     1164.arch-tag-list .tag0 { 
     1165  color: #909090; 
     1166  font-size: 90%; } 
     1167 
     1168.arch-tag-list .tag10 { 
     1169  color: #828282; 
     1170  font-size: 92%; } 
     1171 
     1172.arch-tag-list .tag20 { 
     1173  color: #737373; 
     1174  font-size: 94%; } 
     1175 
     1176.arch-tag-list .tag30 { 
     1177  color: #656565; 
     1178  font-size: 96%; } 
     1179 
     1180.arch-tag-list .tag40 { 
     1181  color: #484848; 
     1182  font-size: 98%; } 
     1183 
     1184.arch-tag-list .tag50 { 
     1185  color: #3A3A3A; 
     1186  font-size: 100%; } 
     1187 
     1188.arch-tag-list .tag60 { 
     1189  color: #2B2B2B; 
     1190  font-size: 102%; } 
     1191 
     1192.arch-tag-list .tag70 { 
     1193  color: #1D1D1D; 
     1194  font-size: 104%; } 
     1195 
     1196.arch-tag-list .tag80 { 
     1197  color: #0E0E0E; 
     1198  font-size: 106%; } 
     1199 
     1200.arch-tag-list .tag90 { 
     1201  color: #030303; 
     1202  font-size: 108%; } 
     1203 
     1204.arch-tag-list .tag100 { 
     1205  color: #000; 
     1206  font-size: 110%; } 
     1207 
     1208/* archives par mois */ 
     1209.dc-archive-month #content-info h2 { 
     1210  margin-left: 2em; 
     1211  margin-top: .5em; } 
     1212 
    10661213/** -------------------------------------------------- 
    10671214    Modules 
Note: See TracChangeset for help on using the changeset viewer.

Sites map