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.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • 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.