diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css index 4691985102..1fa03b253c 100644 --- a/view/theme/quattro/dark/style.css +++ b/view/theme/quattro/dark/style.css @@ -66,6 +66,9 @@ .icon.s10.type-text { background-image: url("../../../images/icons/10/text.png"); } +.icon.s10.language { + background-image: url("icons/language.png"); +} .icon.s10.text { padding: 2px 0px 0px 15px; } @@ -121,6 +124,9 @@ .icon.s16.type-text { background-image: url("../../../images/icons/16/text.png"); } +.icon.s16.language { + background-image: url("icons/language.png"); +} .icon.s16.text { padding: 4px 0px 0px 20px; } @@ -176,6 +182,9 @@ .icon.s22.type-text { background-image: url("../../../images/icons/22/text.png"); } +.icon.s22.language { + background-image: url("icons/language.png"); +} .icon.s22.text { padding: 10px 0px 0px 25px; } @@ -231,6 +240,9 @@ .icon.s48.type-text { background-image: url("../../../images/icons/48/text.png"); } +.icon.s48.language { + background-image: url("icons/language.png"); +} /* global */ body { font-family: Liberation Sans, helvetica, arial, clean, sans-serif; @@ -1630,13 +1642,17 @@ ul.tabs li .active { transition: all 0.2s ease-in-out; } /* theme screenshot */ -.screenshot { +.screenshot, +#theme-preview { position: absolute; + width: 202px; left: 70%; top: 50px; } -.screenshot img { +.screenshot img, +#theme-preview img { width: 200px; + height: 150px; } /* page footer */ footer { diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css index b4bfe05a99..317112f6f8 100644 --- a/view/theme/quattro/green/style.css +++ b/view/theme/quattro/green/style.css @@ -66,6 +66,9 @@ .icon.s10.type-text { background-image: url("../../../images/icons/10/text.png"); } +.icon.s10.language { + background-image: url("icons/language.png"); +} .icon.s10.text { padding: 2px 0px 0px 15px; } @@ -121,6 +124,9 @@ .icon.s16.type-text { background-image: url("../../../images/icons/16/text.png"); } +.icon.s16.language { + background-image: url("icons/language.png"); +} .icon.s16.text { padding: 4px 0px 0px 20px; } @@ -176,6 +182,9 @@ .icon.s22.type-text { background-image: url("../../../images/icons/22/text.png"); } +.icon.s22.language { + background-image: url("icons/language.png"); +} .icon.s22.text { padding: 10px 0px 0px 25px; } @@ -231,6 +240,9 @@ .icon.s48.type-text { background-image: url("../../../images/icons/48/text.png"); } +.icon.s48.language { + background-image: url("icons/language.png"); +} /* global */ body { font-family: Liberation Sans, helvetica, arial, clean, sans-serif; @@ -1630,13 +1642,17 @@ ul.tabs li .active { transition: all 0.2s ease-in-out; } /* theme screenshot */ -.screenshot { +.screenshot, +#theme-preview { position: absolute; + width: 202px; left: 70%; top: 50px; } -.screenshot img { +.screenshot img, +#theme-preview img { width: 200px; + height: 150px; } /* page footer */ footer { diff --git a/view/theme/quattro/icons.less b/view/theme/quattro/icons.less index 3688ae0213..24e96b5aa5 100644 --- a/view/theme/quattro/icons.less +++ b/view/theme/quattro/icons.less @@ -19,6 +19,9 @@ &.type-video{ background-image: url("../../../images/icons/@{size}/video.png"); } &.type-image{ background-image: url("../../../images/icons/@{size}/image.png"); } &.type-text { background-image: url("../../../images/icons/@{size}/text.png"); } + + &.language { background-image: url("icons/language.png"); } + } diff --git a/view/theme/quattro/icons/language.png b/view/theme/quattro/icons/language.png new file mode 100644 index 0000000000..8029c01553 Binary files /dev/null and b/view/theme/quattro/icons/language.png differ diff --git a/view/theme/quattro/nav.tpl b/view/theme/quattro/nav.tpl index fb64f0a39a..af1fc9414e 100644 --- a/view/theme/quattro/nav.tpl +++ b/view/theme/quattro/nav.tpl @@ -92,3 +92,4 @@