/** * @param \AppShed\Remote\Style\CSSDocument $css * @param \AppShed\Remote\HTML\Settings $settings */ public function getCSS(CSSDocument $css, Settings $settings) { $idSelector = $css->getIdSelector($this->getIdType() . $settings->getPrefix() . $this->getId()); $isScreen = $this instanceof Screen; $isItem = $this instanceof Item; $css->addRule($idSelector, 'text-align', $this->align); $css->addRule($idSelector, 'font-family', $css->getFontValue($this->fontFamily)); if ($this->color) { $css->addRule($idSelector, 'color', $css->getColorValue($this->color)); $css->addRule($idSelector . " button", 'color', $css->getColorValue($this->color)); $css->addRule($idSelector . " .item-icon-inner .title", 'color', $css->getColorValue($this->color)); } $css->addRule([$idSelector, $css->getClassSelector('glow-back')], 'fill', $css->getColorValue($this->glowColor)); $css->addRule([$css->getClassSelector('android'), $idSelector, $css->getClassSelector('glow-back'), $css->getClassSelector('back-left')], 'background-color', $css->getColorValue($this->glowColor)); $css->addRule([$idSelector, $css->getClassSelector('glow-back'), $css->getClassSelector('back-right')], 'background-color', $css->getColorValue($this->glowColor)); $css->addRule([$idSelector, $css->getClassSelector('glow-back'), $css->getClassSelector('back-center')], 'background-color', $css->getColorValue($this->glowColor)); if ($this->glowColor) { $css->addRule([$idSelector, $css->getClassSelector('glow')], 'background-color', $this->glowColor->toString(0.5)); } $css->addRule($idSelector, 'font-size', $css->getSizeValue($this->size)); if ($this->bold === true) { $css->addRule($idSelector, 'font-weight', 'bold'); } else { if ($this->bold === false) { $css->addRule($idSelector, 'font-weight', 'normal'); } } if ($this->italic === true) { $css->addRule($idSelector, 'font-style', 'italic'); } else { if ($this->italic === false) { $css->addRule($idSelector, 'font-style', 'normal'); } } if ($this->underline === true) { $css->addRule($idSelector, 'text-decoration', 'underline'); } else { if ($this->underline === false) { $css->addRule($idSelector, 'text-decoration', 'none'); } } $css->addRule($idSelector, 'border-color', $css->getColorValue($this->borderColor)); $css->addRule([$idSelector, 'textarea'], 'border-color', $css->getColorValue($this->borderColor)); $css->addRule([$idSelector, 'input'], 'border-color', $css->getColorValue($this->borderColor)); $css->addRule([$idSelector, 'select'], 'border-color', $css->getColorValue($this->borderColor)); $css->addRule([$idSelector, $css->getClassSelector('autocomplete')], 'color', $css->getColorValue($this->autoCompleteColor)); $css->addRule([$idSelector, $css->getClassSelector('autocomplete')], 'border-color', $css->getColorValue($this->autoCompleteColor)); $css->addRule([$idSelector, $css->getClassSelector('autocomplete')], 'background-color', $css->getColorValue($this->autoCompleteBackgroundColor)); $css->addRule([$idSelector, $css->getClassSelector('autocomplete'), $css->getClassSelector('completion') . $css->getPseudoClassSelector('hover')], 'color', $css->getColorValue($this->autoCompleteHighlightColor)); $css->addRule([$idSelector, $css->getClassSelector('title')], 'color', $css->getColorValue($this->titleColor)); $css->addRule([$idSelector, $css->getClassSelector('title')], 'font-size', $css->getSizeValue($this->titleSize)); $css->addRule([$idSelector, $css->getClassSelector('title')], 'font-family', $css->getFontValue($this->titleFont)); $css->addRule([$idSelector, $css->getClassSelector('text')], 'color', $css->getColorValue($this->subtitleColor)); $css->addRule([$idSelector, $css->getClassSelector('text')], 'font-size', $css->getSizeValue($this->subtitleSize)); $css->addRule([$idSelector, $css->getClassSelector('text')], 'font-family', $css->getFontValue($this->subtitleFont)); if ($isScreen) { if ($this->galleryBackground) { $this->galleryBackground->toCSS($css, [$idSelector . $css->getClassSelector(['screen', 'gallery']), $css->getClassSelector('items')]); $this->galleryBackground->toCSS($css, [$idSelector . $css->getClassSelector(['screen', 'photo']), $css->getClassSelector('items')]); } if ($this->listBackground) { $this->listBackground->toCSS($css, [$idSelector . $css->getClassSelector(['screen', 'list']), $css->getClassSelector('items')]); } if ($this->iconBackground) { $this->iconBackground->toCSS($css, [$idSelector . $css->getClassSelector(['screen', 'icon']), $css->getClassSelector('items')]); } if ($this->appsBackground) { $this->appsBackground->toCSS($css, [$idSelector . $css->getClassSelector(['screen', 'appsscreen']), $css->getClassSelector('items')]); } } else { if ($this->galleryBackground) { $this->galleryBackground->toCSS($css, [$idSelector, $css->getClassSelector(['screen', 'gallery']), $css->getClassSelector('items')]); $this->galleryBackground->toCSS($css, [$idSelector, $css->getClassSelector(['screen', 'photo']), $css->getClassSelector('items')]); } if ($this->listBackground) { $this->listBackground->toCSS($css, [$idSelector, $css->getClassSelector(['screen', 'list']), $css->getClassSelector('items')]); } if ($this->iconBackground) { $this->iconBackground->toCSS($css, [$idSelector, $css->getClassSelector(['screen', 'icon']), $css->getClassSelector('items')]); } if ($this->appsBackground) { $this->appsBackground->toCSS($css, [$idSelector, $css->getClassSelector(['screen', 'appsscreen']), $css->getClassSelector('items')]); } } //if this is an item if ($this->background) { if ($isScreen) { $this->background->toCSS($css, [$idSelector . $css->getClassSelector(['screen', 'list']), $css->getClassSelector('item')]); } else { if ($isItem) { $this->background->toCSS($css, [$css->getClassSelector(['screen', 'list']), $idSelector . $css->getClassSelector('item')]); } else { $this->background->toCSS($css, [$idSelector, $css->getClassSelector(['screen', 'list']), $css->getClassSelector('item')]); } } } if ($this->headerTextColor) { if ($isScreen) { $css->addRule([$idSelector . $css->getClassSelector('screen'), $css->getClassSelector('header')], 'color', $css->getColorValue($this->headerTextColor)); $css->addRule([$css->getClassSelector('android'), $idSelector . $css->getClassSelector('screen'), $css->getClassSelector('header'), $css->getClassSelector('back')], 'stroke', $css->getColorValue($this->headerTextColor)); $css->addRule([$idSelector . $css->getClassSelector('screen'), $css->getClassSelector('header'), $css->getClassSelector('title')], 'text-shadow', "0px 1px 0px " . $css->getColorValue($this->getShadowColor($this->headerTextColor))); } else { $css->addRule([$idSelector, $css->getClassSelector('screen'), $css->getClassSelector('header')], 'color', $css->getColorValue($this->headerTextColor)); $css->addRule([$css->getClassSelector('android'), $idSelector, $css->getClassSelector('screen'), $css->getClassSelector('header'), $css->getClassSelector('back')], 'stroke', $css->getColorValue($this->headerTextColor)); $css->addRule([$idSelector, $css->getClassSelector('screen'), $css->getClassSelector('header'), $css->getClassSelector('title')], 'text-shadow', "0px 1px 0px " . $css->getColorValue($this->getShadowColor($this->headerTextColor))); } } if ($isScreen) { $css->addRule([$idSelector . $css->getClassSelector('screen'), $css->getClassSelector('header')], 'background-color', $css->getColorValue($this->headerColor)); } else { $css->addRule([$idSelector, $css->getClassSelector('screen'), $css->getClassSelector('header')], 'background-color', $css->getColorValue($this->headerColor)); } if ($this->hrAfter === true) { $width = $this->hrWidth; if (!$width) { $width = 1; } if ($isItem) { $css->addRule($idSelector . $css->getClassSelector('item'), 'border-bottom-width', $css->getSizeValue($width)); } else { $css->addRule([$idSelector, $css->getClassSelector('item')], 'border-bottom-width', $css->getSizeValue($width)); } } else { if ($this->hrAfter === false) { if ($isItem) { $css->addRule($idSelector . $css->getClassSelector('item'), 'border-bottom-width', 0); } else { $css->addRule([$idSelector, $css->getClassSelector('item')], 'border-bottom-width', 0); } } } if ($isItem) { $css->addRule($idSelector . $css->getClassSelector('item'), 'border-bottom-color', $css->getColorValue($this->hrColor)); } else { $css->addRule([$idSelector, $css->getClassSelector('item')], 'border-bottom-color', $css->getColorValue($this->hrColor)); } $css->addRule($idSelector, 'padding-top', $css->getSizeValue($this->paddingTop)); $css->addRule($idSelector, 'padding-bottom', $css->getSizeValue($this->paddingBottom)); $css->addRule($idSelector, 'padding-left', $css->getSizeValue($this->paddingLeft)); $css->addRule($idSelector, 'padding-right', $css->getSizeValue($this->paddingRight)); }