PastryKit.css

.pk-scroll-view
{
  width:100%;
  height:100%;
  overflow:hidden;
  margin:0;
  padding:0;
}

.pk-scroll-view>.hosting-layer
{
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  -webkit-transform:translate3d(0,0,0);
  margin:0;
  padding:0;
}

.pk-scroll-indicator
{
  display:block;
  position:absolute;
  -webkit-transform:translate3d(0,0,0);
  -webkit-transition-property:opacity;
  -webkit-transition-duration:.25s;
  z-index:10;
}

.pk-scroll-indicator>img
{
  -webkit-transform-origin:left top;
}

.pk-scroll-indicator.horizontal>*
{
  width:3px;
  height:7px;
}

.pk-scroll-indicator.horizontal>img
{
  left:3px;
  width:1px;
}

.pk-scroll-indicator.horizontal>div:nth-of-type(2)
{
  background-position:top right;
}

.pk-scroll-indicator.vertical>*
{
  width:7px;
  height:3px;
}

.pk-scroll-indicator.vertical>img
{
  top:3px;
  height:1px;
}

.pk-scroll-indicator.vertical>div:nth-of-type(2)
{
  background-position:bottom left;
}

.pk-scroll-indicator.indicator-default>div
{
  background-image:url(../assets/scrollindicator/UIScrollerIndicatorDefault.png);
}

.pk-scroll-indicator.indicator-black>div
{
  background-image:url(../assets/scrollindicator/UIScrollerIndicatorBlack.png);
}

.pk-scroll-indicator.indicator-white>div
{
  background-image:url(../assets/scrollindicator/UIScrollerIndicatorWhite.png);
}

.pk-custom-table-view-cell
{
  position:relative;
}

.pk-table-view.grouped
{
  background-image:url(../assets/tableview/UIPinStripe.png);
}

.pk-table-view>.hosting-layer
{
  display:block;
  position:absolute;
  width:100%;
  height:auto;
  min-height:100%;
  margin:0;
  padding:0;
}

.pk-table-view.grouped>.hosting-layer
{
  -webkit-box-sizing:border-box;
}

.pk-table-view.grouped .section
{
  margin:0;
  padding:10px 9px 0;
}

.pk-table-view.grouped .section:last-of-type
{
  padding-bottom:10px;
}

.pk-table-view.grouped .section>*
{
  font-family:Helvetica;
  font-size:17px;
  font-weight:700;
  color:#4d576d;
  text-shadow:#fafafa 0 1px 0;
  margin:0;
}

.pk-table-view.grouped .section>h1
{
  padding:8px 0 8px 10px;
}

.pk-table-view.grouped .section>span
{
  display:block;
  text-align:center;
  font-size:15px;
  font-weight:400;
  padding:7px 0 16px;
}

.pk-table-view.grouped .section>div
{
  position:relative;
  width:auto;
  height:44px;
  background-color:#FFF;
  color:#000;
  border:1px solid #a8abad;
  border-bottom:none;
  -webkit-box-sizing:border-box;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.pk-table-view.grouped .section>div:first-of-type
{
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:10px;
}

.pk-table-view.grouped .section>div:last-of-type
{
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  height:45px;
  border:1px solid #a8abad;
}

.pk-table-view.plain .section>h1
{
  position:relative;
  display:block;
  background-image:url(../assets/tableview/UISectionListHeaderBackground.png);
  width:auto;
  height:23px;
  font-family:Helvetica;
  font-size:18px;
  font-weight:700;
  color:#FFF;
  text-shadow:#64696e 0 1px 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-box-sizing:border-box;
  z-index:1;
  -webkit-transform:translate3d(0,0,0);
  margin:-1px 0 0;
  padding:1px 10px 0 12px;
}

.pk-table-view.plain .section>div
{
  position:relative;
  width:auto;
  height:44px;
  background-color:#FFF;
  border-bottom:1px solid #e0e0e0;
  -webkit-box-sizing:border-box;
}

.pk-table-view.plain .section>div:first-of-type
{
  border-top:1px solid #e0e0e0;
  height:45px;
  margin-top:-1px;
}

.pk-table-view.plain .section:last-of-type>div:last-of-type
{
  top:-1px;
  border-top:1px solid #e0e0e0;
  height:45px;
  margin-bottom:-1px;
}

.pk-table-view-cell
{
  position:relative;
  display:block;
  -webkit-transform:none;
}

.pk-table-view-cell>span
{
  position:absolute;
  display:block;
  font-family:Helvetica;
  font-size:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:none;
}

.pk-table-view.grouped .pk-table-view-cell>span
{
  top:12px;
  right:10px;
  left:10px;
  font-size:17px;
  font-weight:700;
}

.pk-table-view.plain .pk-table-view-cell>span
{
  top:11px;
  right:10px;
  left:10px;
  font-size:20px;
  font-weight:700;
}

.pk-table-view-cell.selected>span
{
  color:#FFF!important;
}

.pk-table-view-cell.style-subtitle>span.text-label
{
  left:11px;
  top:2px;
  font-size:18px!important;
  font-weight:700!important;
  color:#000;
}

.pk-table-view-cell.style-subtitle>span.detailed-text-label
{
  left:11px;
  top:25px;
  font-size:14px!important;
  font-weight:400!important;
  color:gray;
}

.pk-table-view-cell.style-value-1>span.detailed-text-label
{
  font-weight:400!important;
  color:#385487;
  text-align:right;
}

.pk-table-view-cell.style-value-2>span.text-label
{
  top:13px;
  left:84px;
  font-size:15px;
}

.pk-table-view-cell.style-value-2>span.detailed-text-label
{
  width:68px!important;
  top:15px;
  font-size:13px;
  text-align:right;
  color:#385487;
}

.pk-table-view-cell.disclosure-accessory>span
{
  right:25px!important;
}

.pk-table-view-cell.detail-accessory>span
{
  right:35px!important;
}

.pk-table-view-cell>.pk-bar-button-item
{
  display:none;
  background-repeat:no-repeat;
  -webkit-transform:none;
}

.pk-table-view-cell.disclosure-accessory>.pk-bar-button-item
{
  display:block;
  background-image:url(../assets/tableview/UITableNext.png);
  width:10px;
  height:13px;
  left:auto;
  right:9px;
  top:14px;
  pointer-events:none;
}

.pk-table-view-cell.disclosure-accessory.selected>.pk-bar-button-item
{
  background-image:url(../assets/tableview/UITableNextSelected.png);
}

.pk-table-view-cell.detail-accessory>.pk-bar-button-item
{
  display:block;
  background-image:url(../assets/tableview/UITableNextButton.png);
  width:29px;
  height:31px;
  left:auto;
  right:6px;
  top:5px;
}

.pk-table-view-cell.detail-accessory.selected>.pk-bar-button-item,.pk-table-view-cell.detail-accessory>.pk-bar-button-item.highlighted
{
  background-image:url(../assets/tableview/UITableNextButtonPressed.png);
}

.pk-table-view-cell.selected
{
  background-image:url(../assets/tableview/UITableSelection.png);
  background-repeat:repeat-x;
}

.pk-table-view-cell.selected.gray-selection
{
  background-image:url(../assets/tableview/UITableSelectionGray.png);
  background-repeat:repeat-x;
}

.pk-table-view-cell.selected.no-selection
{
  background-image:none;
}

.pk-toolbar
{
  width:320px;
  height:44px;
  background-repeat:repeat-x;
  -webkit-box-sizing:border-box;
  -webkit-user-select:none;
}

.pk-toolbar.default
{
  background-image:url(../assets/bar/UIButtonBarDefaultBackground.png);
}

.pk-toolbar.black
{
  background-image:url(../assets/bar/UIButtonBarBlackOpaqueBackground.png);
}

.pk-toolbar.black-translucent
{
  background-image:url(../assets/bar/UIButtonBarBlackTranslucentBackground.png);
}

.pk-toolbar>div.glow
{
  position:absolute;
  top:-28px;
  left:0;
  width:100px;
  height:100px;
  background-image:url(../assets/bar/toolbar_glow.png);
  -webkit-transform:translate3d(0,0,0);
  -webkit-transition-property:opacity;
  -webkit-transition-duration:.25s;
  opacity:0;
  z-index:1;
  display:none;
}

.pk-navigation-view>.pk-toolbar
{
  z-index:1;
}

.pk-navigation-view>.pk-toolbar.default
{
  background-image:url(../assets/bar/UINavigationBarDefaultBackground.png);
}

.pk-navigation-view>.pk-toolbar>.pk-bar-button-item
{
  top:7px;
  z-index:1;
}

.pk-navigation-view>.pk-toolbar>.pk-bar-button-item.plain
{
  z-index:0;
}

.pk-navigation-view>.pk-navigation-view-hosting-layer
{
  -webkit-user-select:auto;
}

.pk-control.disabled
{
  opacity:.5;
}

.pk-bar-button-item>div
{
  font-family:Helvetica;
  font-size:12px;
  font-weight:700;
  text-align:center;
  color:#FFF;
  text-shadow:rgba(0,0,0,.6) 0 -1px 0;
  width:100%;
  height:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-box-sizing:border-box;
}

.pk-bar-button-item>img
{
  position:absolute;
}

.pk-bar-button-item.plain>div
{
  padding-top:7px;
}

.pk-toolbar .pk-bar-button-item.plain>div
{
  padding-top:3px;
  font-size:20px;
  text-shadow:rgba(0,0,0,.4) 0 -1px 0;
}

.pk-bar-button-item.square>div
{
  border-width:0 5px;
  padding:8px 5px 0;
}

.pk-bar-button-item.square.default>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarDefaultButton.png) 0 5 0 5;
}

.pk-bar-button-item.square.default.highlighted>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarDefaultButtonPressed.png) 0 5 0 5;
}

.pk-bar-button-item.square.black>div,.pk-toolbar.black-translucent .pk-bar-button-item.square>div,.pk-search-bar.black-translucent .pk-bar-button-item.square>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarBlackTranslucentButton.png) 0 5 0 5;
}

.pk-toolbar.black .pk-bar-button-item.square.black>div,.pk-toolbar.black .pk-bar-button-item.square>div,.pk-search-bar.black .pk-bar-button-item.square>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarBlackOpaqueButton.png) 0 5 0 5;
}

.pk-bar-button-item.square.black.highlighted>div,.pk-toolbar.black .pk-bar-button-item.square.highlighted>div,.pk-toolbar.black-translucent .pk-bar-button-item.square.highlighted>div,.pk-search-bar.black .pk-bar-button-item.square.highlighted>div,.pk-search-bar.black-translucent .pk-bar-button-item.square.highlighted>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarBlackButtonPressed.png) 0 5 0 5!important;
}

.pk-bar-button-item.square.lightblue>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarDoneButton.png) 0 5 0 5;
}

.pk-bar-button-item.square.lightblue.highlighted>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarDoneButtonPressed.png) 0 5 0 5;
}

.pk-bar-button-item.back>div
{
  border-width:0 4px 0 12px;
  padding:8px 4px 0 0;
}

.pk-bar-button-item.back.default>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarDefaultBack.png) 0 4 0 12;
}

.pk-bar-button-item.back.default.highlighted>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarDefaultBackPressed.png) 0 4 0 12;
}

.pk-bar-button-item.back.black>div,.pk-toolbar.black .pk-bar-button-item.back>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarBlackOpaqueBack.png) 0 4 0 12;
}

.pk-bar-button-item.back.black.highlighted>div,.pk-toolbar.black .pk-bar-button-item.back.highlighted>div,.pk-toolbar.black-translucent .pk-bar-button-item.back.highlighted>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarBlackBackPressed.png) 0 4 0 12!important;
}

.pk-toolbar.black-translucent .pk-bar-button-item.back>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarBlackTranslucentBack.png) 0 4 0 12!important;
}

.pk-bar-button-item.forward>div
{
  border-width:0 12px 0 4px;
  padding:8px 0 0 4px;
}

.pk-bar-button-item.forward.default>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarDefaultForward.png) 0 12 0 4;
}

.pk-bar-button-item.forward.default.highlighted>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarDefaultForwardPressed.png) 0 12 0 4;
}

.pk-bar-button-item.forward.black>div,.pk-toolbar.black .pk-bar-button-item.forward>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarBlackOpaqueForward.png) 0 12 0 4;
}

.pk-bar-button-item.forward.black.highlighted>div,.pk-toolbar.black .pk-bar-button-item.forward.highlighted>div,.pk-toolbar.black-translucent .pk-bar-button-item.forward.highlighted>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarBlackForwardPressed.png) 0 12 0 4!important;
}

.pk-toolbar.black-translucent .pk-bar-button-item.forward>div
{
  -webkit-border-image:url(../assets/button/UINavigationBarBlackTranslucentForward.png) 0 12 0 4!important;
}

.pk-search-bar
{
  width:100%;
  height:44px;
  background-repeat:repeat-x;
  -webkit-box-sizing:border-box;
  -webkit-user-select:none;
  background-image:url(../assets/search/background_default.png);
}

.pk-search-bar>form
{
  position:absolute;
  top:6px;
  left:5px;
  right:5px;
  height:31px;
  -webkit-border-image:url(../assets/search/border.png) 0 17 0 17;
  -webkit-box-sizing:border-box;
  border-width:0 17px;
}

.pk-search-bar>.pk-bar-button-item.square
{
  position:absolute;
  top:7px;
  left:auto;
  right:5px;
  visibility:hidden;
  pointer-events:none;
}

.pk-search-bar.shows-cancel-button>.pk-bar-button-item.square
{
  visibility:visible;
  pointer-events:all;
}

.pk-search-bar>.pk-bar-button-item.plain
{
  position:absolute;
  top:12px;
  left:auto;
  right:10px;
  background-image:url(../assets/search/cancel_normal.png);
  background-repeat:no-repeat;
}

.pk-search-bar>.pk-bar-button-item.plain.highlighted
{
  background-image:url(../assets/search/cancel_touched.png);
}

.pk-search-bar>form>div,.pk-search-bar>form>input
{
  position:absolute;
  top:7px;
  height:20px;
  font-size:14px;
  font-family:Helvetica;
  margin:0;
  padding:0;
}

.pk-search-bar.displays-placeholder>form>div,.pk-search-bar.displays-placeholder>form>input
{
  color:silver;
}

.pk-search-bar.displays-placeholder>form>input
{
  background-color:transparent;
}

.pk-search-bar>form>div
{
  left:-7px;
  right:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  background-image:url(../assets/search/magnifying_glass.png);
  background-repeat:no-repeat;
  background-position:0 1px;
  padding-left:20px;
}

.pk-search-bar>form>input
{
  left:12px;
  right:14px;
  top:5px;
  -webkit-appearance:none;
  border:none;
  -webkit-border-radius:0;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  background-color:#FFF;
  opacity:0;
}

.pk-search-bar>form>input:focus
{
  opacity:1;
}

.pk-view,.pk-scroll-indicator>*
{
  position:absolute;
  top:0;
  left:0;
  -webkit-transform:translate3d(0,0,0);
}

.pk-table-view,.pk-navigation-view,.pk-control
{
  -webkit-user-select:none;
}

.pk-table-view.plain .section>span,.pk-table-view-cell.style-default>span.detailed-text-label,.pk-search-bar.displays-placeholder>.pk-bar-button-item.plain
{
  display:none;
}

.pk-table-view-cell.selected.gray-selection>span,.pk-table-view-cell.selected.no-selection>span
{
  color:#000!important;
}

.pk-navigation-view>.pk-toolbar.black,.pk-search-bar.black
{
  background-image:url(../assets/bar/UINavigationBarBlackOpaqueBackground.png);
}

.pk-navigation-view>.pk-toolbar.black-translucent,.pk-search-bar.black-translucent
{
  background-image:url(../assets/bar/UINavigationBarBlackTranslucentBackground.png);
}