SHARE
TWEET

ore1

a guest Apr 21st, 2017 58 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. #transportDetailsPage {
  2.   color: $positive;
  3.  
  4.   .spacer {
  5.     display: block;
  6.     width: 100%;
  7.     height: 0;
  8.   }
  9.  
  10.   h4 {
  11.     color: $positive;
  12.     margin: 10px -10px 0 -10px;
  13.     padding: 0 20px 10px 20px;
  14.     border-bottom: 1px solid $positive;
  15.   }
  16.  
  17.   .margin-bottom {
  18.     margin-bottom: 10px;
  19.   }
  20.  
  21.   .font-bold {
  22.     font-weight: 500;
  23.   }
  24.  
  25.   .row {
  26.     padding-left: 15px;
  27.     padding-right: 15px;
  28.  
  29.     &:last-child {
  30.       padding-left: 5px;
  31.       padding-right: 5px;
  32.     }
  33.   }
  34. }
  35.  
  36. ----
  37.  
  38. <ion-view title="UNLOAD" id="transportDetailsPage" hide-tabs>
  39.   <ion-nav-bar class="bar-positive">
  40.     <ion-nav-back-button></ion-nav-back-button>
  41.   </ion-nav-bar>
  42.   <ion-content padding="true" class="has-header">
  43.  
  44.     <h4>MMHBS1-0043</h4>
  45.  
  46.     <span class="spacer"></span>
  47.  
  48.     <div class="row">
  49.       <div class="col">Planned dock:</div>
  50.       <div class="col font-bold text-right">B76</div>
  51.     </div>
  52.     <div class="row">
  53.       <div class="col">Assigned to:</div>
  54.       <div class="col font-bold text-right">John Doe</div>
  55.     </div>
  56.     <div class="row">
  57.       <div class="col">Handling date:</div>
  58.       <div class="col font-bold text-right">2017-05-06</div>
  59.     </div>
  60.     <div class="row">
  61.       <div class="col">Handling time:</div>
  62.       <div class="col font-bold text-right">08:00</div>
  63.     </div>
  64.  
  65.     <span class="spacer"></span>
  66.  
  67.     <div class="row">
  68.       <div class="col">Handling status:</div>
  69.       <div class="col font-bold text-right">STARTED</div>
  70.     </div>
  71.     <div class="row">
  72.       <div class="col">Handling time:</div>
  73.       <div class="col font-bold text-right">00:32</div>
  74.     </div>
  75.  
  76.     <span class="spacer"></span>
  77.  
  78.     <div class="row">
  79.       <div class="col">Traffic:</div>
  80.       <div class="col font-bold text-right">MMHBS1</div>
  81.     </div>
  82.     <div class="row">
  83.       <div class="col">Equipment:</div>
  84.       <div class="col font-bold text-right">DSVA7301437<br />DSVA7301437</div>
  85.     </div>
  86.  
  87.     <h4>Total:</h4>
  88.  
  89.     <div class="row font-bold text-right">
  90.       <div class="col">19 itm</div>
  91.       <div class="col">15.317 kg</div>
  92.       <div class="col">20.3 m&#179;</div>
  93.       <div class="col">11.7 idm</div>
  94.     </div>
  95.     <div class="row font-bold text-right">
  96.       <div class="col">19 itm</div>
  97.       <div class="col">15.317 kg</div>
  98.       <div class="col">20.3 m&#179;</div>
  99.       <div class="col">11.7 idm</div>
  100.     </div>
  101.  
  102.     <h4>Transport remarks:</h4>
  103.  
  104.     <div class="row margin-bottom">
  105.       <div class="col">
  106.         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  107.       </div>
  108.     </div>
  109.   </ion-content>
  110. </ion-view>
RAW Paste Data
Pastebin PRO Summer Special!
Get 40% OFF on Pastebin PRO accounts!
Top