pageflow 0.10.0 → 0.11.0

data/app/assets/stylesheets/pageflow/themes/default/overview.css.scss

@@ -1,134 +0,0 @@
-$overview-color: $main-color;
-$overview-font: $standard-font;
-$overview-header-font: $standard-font;
-
-.overview {
-  font-family: $standard-font;
-
-  .content h2 {
-    font-family: $standard-font;
-  }
-  .button {
-    display: block;
-    background-position: 0 0;
-    background-repeat: no-repeat;
-    width: 32px;
-    height: 32px;
-
-    &:hover {
-      background-position: -32px 0;
-    }
-  }
-
-  .close {
-    background-image: none;
-    background-color: #dbdbdb !important;
-    border-radius: 20px;
-    text-align: center;
-    @include shine-gradient;
-
-    .label {
-      text-transform: uppercase;
-      text-shadow: 1px 1px 4px #2b2b2b;
-      font-size: 1.0em;
-      letter-spacing: 0.1em;
-      color: #FFFEFE;
-      position: absolute;
-      margin-right: 130%;
-      text-align: right;
-      width: 500%;
-      right: 0px;
-      margin-top: 0.4em;
-    }
-
-
-
-    &:before {
-      content: " ";
-      position: absolute;
-      top: 3px;
-      right: 45px;
-
-      width: 100px;
-      height: 30px;
-
-    }
-    &:after {
-      content: "\F00d";
-      font-family: "FontAwesome";
-      line-height: 31px;
-      font-size: 22px;
-      color: black;
-    }
-    &:hover {
-      background-color: $overview-color !important;
-
-      &:after {
-        color: white;
-      }
-    }
-  }
-
-  .scroll_indicator {
-    &.left, &.right {
-      background-image: none;
-      background-color: #dbdbdb !important;
-      border-radius: 20px;
-      text-align: center;
-      @include shine-gradient;
-
-      &:after {
-        font-family: "FontAwesome";
-        line-height: 31px;
-        font-size: 29px;
-        color: black;
-        font-weight: bold;
-      }
-
-      &:hover {
-        background-color: $overview-color !important;
-
-        &:after {
-          color: white;
-        }
-      }
-    }
-    &.left:after {
-      content: "\f104";
-      margin-right: 3px;
-    }
-    &.right:after {
-      content: "\f105";
-      margin-left: 4px;
-    }
-  }
-
-  .ov_page {
-    &.background_image .pictogram {
-      background-image: image-url('pageflow/ov-image.png');
-    }
-
-    &.background_video .pictogram {
-      background-image: image-url('pageflow/ov-image.png');
-    }
-
-    &.video .pictogram {
-      background-image: image-url('pageflow/ov-video.png');
-    }
-
-    &.audio .pictogram {
-      background-image: image-url('pageflow/ov-audio.png');
-    }
-    &.audio_loop .pictogram {
-      background-image: image-url('pageflow/ov-image.png');
-    }
-  }
-
-  .content .ov_chapter .ov_page.active {
-    border-color: $overview-color;
-  }
-}
-
-.overview .content .ov_chapter .ov_page_description {
-  background-color: $overview-color;
-}

data/app/assets/stylesheets/pageflow/themes/default/page.css.scss

@@ -1,276 +0,0 @@
-// Typography
-
-/// Default font family for page content
-/// @group page-typography
-$page-font-family: $standard-font !default;
-
-/// Base font size.
-/// @group page-typography
-$page-font-size: 16px !default;
-
-/// Base font size for page content
-/// @group page-typography
-$page-content-font-size: 1em !default;
-
-/// Base font size for page content in phone layout
-/// @group page-typography
-$page-content-phone-font-size: 0.7em !default;
-
-/// Default font fimily for page header
-/// @group page-typography
-$page-header-font-family: $page-font-family !default;
-
-/// Base font size of page header
-/// @group page-typography
-$page-header-font-size: 1.375em !default;
-
-/// Font weight of page header
-/// @group page-typography
-$page-header-font-weight: normal !default;
-
-/// Font size of tagline
-/// @group page-typography
-$page-header-tagline-font-size: 1em !default;
-
-/// Font weight of tagline
-/// @group page-typography
-$page-header-tagline-font-weight: $page-header-font-weight !default;
-
-/// Line height of tagline
-/// @group page-typography
-$page-header-tagline-line-height: normal !default;
-
-/// Margin of tagline
-/// @group page-typography
-$page-header-tagline-margin-top: 0 !default;
-
-/// Font size of title
-/// @group page-typography
-$page-header-title-font-size: 2.3em !default;
-
-/// Font size of title in phone layout
-/// @group page-typography
-$page-header-title-phone-font-size: 1.8em !default;
-
-/// Font size of title on first page of entry
-/// @group page-typography
-$page-header-first-page-title-font-size: 2.5em !default;
-
-/// Font size of title on first page of entry in phone layout
-/// @group page-typography
-$page-header-first-page-title-phone-font-size: 2em !default;
-
-/// Font weight of title
-/// @group page-typography
-$page-header-title-font-weight: $page-header-font-weight !default;
-
-/// Line height of title
-/// @group page-typography
-$page-header-title-line-height: 1em !default;
-
-/// Line height of title
-/// @group page-typography
-$page-header-first-page-title-line-height: 1em !default;
-
-/// Margin top of title
-/// @group page-typography
-$page-header-title-margin-top: 0.4em !default;
-
-/// Margin bottom of title
-/// @group page-typography
-$page-header-title-margin-bottom: 0.4em !default;
-
-/// Font size of subtitle
-/// @group page-typography
-$page-header-subtitle-font-size: 1em !default;
-
-/// Font weight of subtitle
-/// @group page-typography
-$page-header-subtitle-font-weight: $page-header-font-weight !default;
-
-/// Line height of subtitle
-/// @group page-typography
-$page-header-subtitle-line-height: normal !default;
-
-/// Margin of subtitle
-/// @group page-typography
-$page-header-subtitle-margin-bottom: 1.875em !default;
-
-/// Font family of content text
-/// @group page-typography
-$page-content-text-font-family: $page-font-family !default;
-
-/// Font size of content text
-/// @group page-typography
-$page-content-text-font-size: 1.2em !default;
-
-/// Line height of content text
-/// @group page-typography
-$page-content-text-line-height: 1.5em !default;
-
-// Colors
-
-/// Color of text
-/// @group page-colors
-$page-text-color: #fff !default;
-
-/// Color of text on inverted pages
-/// @group page-colors
-$page-inverted-text-color: #000 !default;
-
-/// Background-color of pages
-/// @group page-colors
-$page-background-color: #000 !default;
-
-/// Background-color of inverted pages
-/// @group page-colors
-$page-inverted-background-color: #fff !default;
-
-/// Color of the gradient
-/// @group page-colors
-$page-shadow-color: #000 !default;
-
-/// Color of the gradient on inverted pages
-/// @group page-colors
-$page-shadow-inverted-color: #fff !default;
-
-.page {
-  font-family: $page-font-family;
-  font-size: $page-font-size;
-  color: $page-text-color;
-  background-color: $page-background-color;
-
-  .content {
-    font-size: $page-content-font-size;
-
-    @include phone {
-      font-size: $page-content-phone-font-size;
-    }
-  }
-
-  .shadow {
-    @include shadow($page-shadow-color);
-  }
-
-  &.invert {
-    color: $page-inverted-text-color;
-    background-color: $page-inverted-background-color;
-
-    .shadow {
-      @include shadow($page-shadow-inverted-color);
-    }
-  }
-
-  h2 {
-    font-family: $page-header-font-family;
-    font-size: $page-header-font-size;
-
-    .tagline {
-      display: block;
-      font-size: $page-header-tagline-font-size;
-      font-weight: $page-header-tagline-font-weight;
-      line-height: $page-header-tagline-line-height;
-      margin-top: $page-header-tagline-margin-top;
-      letter-spacing: 0;
-    }
-
-    .title {
-      display: block;
-      font-size: $page-header-title-font-size;
-      font-weight: $page-header-title-font-weight;
-      line-height: $page-header-title-line-height;
-      margin-top: $page-header-title-margin-top;
-      margin-bottom: $page-header-title-margin-top;
-      letter-spacing: 0;
-
-      @include phone {
-        font-size: $page-header-title-phone-font-size;
-      }
-    }
-
-    .subtitle {
-      display: block;
-      font-size: $page-header-subtitle-font-size;
-      font-weight: $page-header-subtitle-font-weight;
-      line-height: $page-header-subtitle-line-height;
-      margin-top: 0;
-      margin-bottom: $page-header-subtitle-margin-bottom;
-    }
-  }
-
-  .contentText > * {
-    font-family: $page-content-text-font-family;
-    font-size: $page-content-text-font-size;
-    line-height: $page-content-text-line-height;
-  }
-
-  p {
-    margin-top: 0;
-  }
-}
-
-.js .page:first-child {
-
-  .content_and_background .scroller > div:after {
-    content: " ";
-    position: absolute;
-    background-image: image-url("pageflow/themes/#{$theme-name}/logo_header.png");
-    background-repeat: no-repeat;
-    top: 50px;
-    z-index: 200;
-    background-size: contain;
-    background-position: left top;
-    padding-top: 6.8%;
-    min-width: 100px;
-    max-width: 221px;
-    width: 13%;
-    left: 8%;
-
-    @include mobile {
-      padding-top: 1%;
-      height: 35px;
-    }
-  }
-
-  &.invert .content_and_background .scroller > div:after {
-    background-image: image-url("pageflow/themes/#{$theme-name}/logo_header_invert.png");
-  }
-
-  .scroller > div, .content_and_background > .page_header {
-    @include mobile {
-      padding: 110px 12% 5% 8%;
-      width: 100%;
-      @media (orientation: landscape) {
-        padding: 100px 12% 5% 8%;
-      }
-    }
-  }
-
-  h2 .title {
-    font-size: $page-header-first-page-title-font-size;
-    line-height: $page-header-first-page-title-line-height;
-    letter-spacing: 0;
-
-    @include phone {
-      font-size: $page-header-first-page-title-phone-font-size;
-    }
-  }
-}
-
-.js .vjs-current-time,
-.js .vjs-time-divider,
-.js .vjs-duration,
-.vjs-duration,
-.vjs-time-divider,
-.vjs-current-time {
-  font-family: $standard-font;
-  color: white;
-}
-
-.js .vjs-play-control {
-  background-image: image-url('pageflow/themes/#{$theme-name}/video_controls.png');
-}
-
-.js .vjs-progress-control .vjs-play-progress, .js .vjs-progress-control.vjs-fade-out .vjs-play-progress {
-  background-color: $main-color;
-}

data/app/assets/stylesheets/pageflow/themes/default/player_controls.css.scss

@@ -1,31 +0,0 @@
-.js .vjs-play-control {
-  background-image: none;
-  width: 36px;
-  height: 36px;
-  margin-top: 12px;
-  margin-left: 13px;
-
-  @include fa-play-icon;
-
-  &:before {
-    color: white;
-    font-size: 34px;
-    top: -15px;
-    left: 3px;
-    text-shadow: 0px 0px 2px black;
-  }
-
-  &.vjs-playing, &.vjs-pause {
-    &:before {
-      left: 0px;
-    }
-    @include fa-pause-icon;
-  }
-
-  &:hover, &:active {
-    &:before {
-      color: $main-color;
-      text-shadow: 0px 0px 2px black;
-    }
-  }
-}

data/app/assets/stylesheets/pageflow/themes/default/variables.css.scss

@@ -1,20 +0,0 @@
-$theme-name: "default";
-
-$main-color: #e84d2c;
-$main-color-dark: #b14a08;
-
-$focus-color: #c1c1c1;
-
-$anchor-color: #e84d2c;
-
-$basic-background-color: #353535;
-$basic-background-color-transparent: rgba(53, 53, 53, 0.9);
-$header-background-color: gray;
-
-$addInfobox-text-color: #fff; /* for the description text inside the info box */
-$addInfobox-controls-text-color: #ccc; /* for control text like durations */
-$addInfobox-background-color: #191919;
-$addInfobox-border-color: #505050;
-
-$standard-font: SourceSansPro;
-$standard-font-size: 16px;