Ignore:
Timestamp:
2 Feb 2014, 07:36:59 (11 years ago)
Author:
Henrik Bettermann
Message:

Move student status into seperate box.

Enable responsive design in IE less than 9.

Location:
main/waeup.kofa/branches/uli-diazo-themed/layout
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • main/waeup.kofa/branches/uli-diazo-themed/layout/rules.xml

    r11029 r11030  
    5050
    5151    <!-- breadcrumbs -->
    52     <drop css:theme="div.kofa-breadcrumbs-box"
     52    <drop css:theme="div.kofa-breadcrumbs-box-long"
    5353          css:if-not-content="ul.breadcrumb" />
     54    <drop css:theme="div.kofa-breadcrumbs-box-long"
     55          css:if-content="div.wfstatus" />
     56    <drop css:theme="div.kofa-breadcrumbs-box-short"
     57          css:if-not-content="ul.breadcrumb" />
     58    <drop css:theme="div.kofa-breadcrumbs-box-short"
     59          css:if-not-content="div.wfstatus" />
    5460    <replace css:theme-children="ol.kofa-breadcrumbs"
    5561             css:content-children="ul.breadcrumb" />
    5662
    57     <!-- student info -->
    58 
    59     <drop css:theme="div.kofa-student-breadcrumbs-box"
    60           css:if-not-content="ul.student-info-bar" />
    61     <replace css:theme-children="ol.kofa-student-breadcrumbs"
    62              css:content-children="ul.student-info-bar" />
     63    <!-- student status -->
     64    <drop css:theme="div.kofa-student-status-box"
     65          css:if-not-content="div.wfstatus" />
     66    <replace css:theme-children="div.wfstatus"
     67             css:content-children="div.wfstatus" />
    6368
    6469    <!-- sidebar -->

  • main/waeup.kofa/branches/uli-diazo-themed/layout/static/css/base.css

    r11029 r11030  
    2828}
    2929
    30 .breadcrumb {
     30.breadcrumb , .wfstatus {
    3131    background-color: #fff;
    3232    margin-bottom: 0px;
    … …  
    4040    background-image: None;
    4141    background-color: #fff;
     42    filter: None;
    4243}
    4344
    … …  
    4748}
    4849
    49 .wfstatus {
    50     float: right;
    51 }
    5250
    5351/* Kofa styles */
    5452
    5553.kofa-sidebar,
    56 .kofa-content-narrow ,
    57 .kofa-breadcrumbs-box {
     54.kofa-content-narrow,
     55.kofa-content-wide,
     56.kofa-breadcrumbs-box-short,
     57.kofa-breadcrumbs-box-long,
     58.kofa-student-status-box {
    5859    padding: 0px 5px 0px 5px;
    5960}
    6061
    61 .kofa-content-wide {
    62     padding: 0px 15px 0px 15px;
    63 }
    64 
    6562.workflow {
    66   border:1px solid #1fdf00;
    67   background-color:#bbffb6;
    68   font-family: courier;
    69   font-size: 100%;
    70   padding: 4px;
    71   margin-bottom: 8px;
    72   line-height: 16px;
    73 }
    74 
    75 .kofa-breadcrumbs-box .well,
    76 .kofa-student-breadcrumbs-box .well {
     63    border:1px solid #1fdf00;
     64    background-color:#bbffb6;
     65    font-family: courier;
     66    font-size: 100%;
     67    padding: 4px;
     68    margin-bottom: 8px;
     69    line-height: 16px;
     70}
     71
     72.kofa-breadcrumbs-box-short .well,
     73.kofa-breadcrumbs-box-long .well,
     74.kofa-student-status-box .well {
    7775    padding: 5px 5px 5px 5px;
    7876}
    … …  
    235233/* Smartphone styles */
    236234
    237 
    238235@media (max-width: 767px) {
    239236
    … …  
    243240
    244241  .kofa-sidebar,
    245   .kofa-content-narrow , .kofa-breadcrumbs-box,
    246   .kofa-student-breadcrumbs-box {
     242  .kofa-content-narrow ,
     243  .kofa-breadcrumbs-box-short,
     244  .kofa-breadcrumbs-box-long,
     245  .kofa-student-status-box {
    247246      padding: 0px 0px 0px 0px;
    248247  }

  • main/waeup.kofa/branches/uli-diazo-themed/layout/theme.html

    r11029 r11030  
    1919    <link href="static/css/base.css" rel="stylesheet">
    2020
     21    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
     22    <!--[if lt IE 9]>
     23      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
     24      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
     25    <![endif]-->
     26
    2127    <script src="static/js/kofa-recaptcha_white.js"></script>
    22 
    23     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    24     <!--[if lt IE 9]>
    25       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    26     <![endif]-->
    2728
    2829    <!-- icons -->
    … …  
    8788
    8889      <div class="row">
    89         <div class="col-md-12 container kofa-breadcrumbs-box">
     90        <div class="col-md-12 container kofa-breadcrumbs-box-long">
    9091          <div class="well">
    9192            <ol class="breadcrumb kofa-breadcrumbs">
    … …  
    9798              <li>
    9899                <a href="#">
    99                   Subtopic
    100                 </a>
    101               </li>
    102               <span class="wfstatus">
    103                 Student Id: K12345678
    104                   &nbsp;&nbsp;
    105                   State: clearance requested
    106               </span> <!-- /wfstatus -->
     100                  Subtopic 1
     101                </a>
     102              </li>
     103              <li>
     104                <a href="#">
     105                  Subtopic 2
     106                </a>
     107              </li>
     108              <li>
     109                <a href="#">
     110                  Subtopic 3
     111                </a>
     112              </li>
    107113            </ol><!-- /kofa-breadcrumbs -->
    108114          </div> <!-- /well -->
    109         </div> <!-- /kofa-breadcrumbs-box -->
     115        </div> <!-- /kofa-breadcrumbs-box-short -->
     116      </div>
     117
     118      <div class="row">
     119        <div class="col-md-8 container kofa-breadcrumbs-box-short">
     120          <div class="well">
     121            <ol class="breadcrumb kofa-breadcrumbs">
     122              <li>
     123                <a href="#">
     124                  Home
     125                </a>
     126              </li>
     127              <li>
     128                <a href="#">
     129                  Subtopic 1
     130                </a>
     131              </li>
     132              <li>
     133                <a href="#">
     134                  Subtopic 2
     135                </a>
     136              </li>
     137              <li>
     138                <a href="#">
     139                  Subtopic 3
     140                </a>
     141              </li>
     142            </ol><!-- /kofa-breadcrumbs -->
     143          </div> <!-- /well -->
     144        </div> <!-- /kofa-breadcrumbs-box-short -->
     145
     146        <div class="col-md-4 container kofa-student-status-box">
     147          <div class="well">
     148            <div class="wfstatus">
     149                K1000000
     150                |
     151                quite long student status
     152            </div> <!-- /wfstatus -->
     153          </div> <!-- /well -->
     154        </div> <!-- /kofa-student-status-box -->
     155
    110156      </div> <!-- /row -->
    111157
    … …  
    225271
    226272      <div class="row">
    227         <div class="col-md-12 container kofa-student-breadcrumbs-box">
    228           <div class="well">
    229             <ol class="breadcrumb kofa-student-breadcrumbs">
    230               <li>
    231                 <a href="#">
    232                   Home
    233                 </a>
    234               </li>
    235               <li>
    236                 <a href="#">
    237                   Students
    238                 </a>
    239               </li>
    240               <li>
    241                 <a href="#">
    242                   Demo Student
    243                 </a>
    244               </li>
    245               <span class="wfstatus">
    246                   K1000000
    247                   |
    248                   school fee paid
    249               </span>
    250             </ol>
    251           </div>
    252         </div>
    253       </div>
    254 
    255       <div class="row">
    256273        <div class="col-md-12 content kofa-content-wide">
    257274          <div class="well kofa-content">
Note: See TracChangeset for help on using the changeset viewer.