primo commit
This commit is contained in:
29
media/com_phocagallery/css/administrator/3.css
Normal file
29
media/com_phocagallery/css/administrator/3.css
Normal file
@ -0,0 +1,29 @@
|
||||
.com_phocagallery {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
.com_phocagallery.layout-edit {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.ph-admin-box-content {
|
||||
padding: 20px;
|
||||
background: #F1F5F9;
|
||||
background: #EDF0F5;
|
||||
margin: 0px !important;
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
|
||||
.com_phocagallery table {
|
||||
background: #fff;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
.ph-extension-info-box {
|
||||
background: #f0f0f0;
|
||||
padding: 1em;
|
||||
}
|
||||
.ph-extension-links-box {
|
||||
margin-top: 1em;
|
||||
padding: 1em;
|
||||
background: #f0f0f0;
|
||||
}
|
||||
54
media/com_phocagallery/css/administrator/4.css
Normal file
54
media/com_phocagallery/css/administrator/4.css
Normal file
@ -0,0 +1,54 @@
|
||||
.com_phocagallery a[target=_blank]:before {
|
||||
content: "" !important;
|
||||
}
|
||||
|
||||
#toolbar a.btn.btn-small i {
|
||||
margin-inline-end: .5rem;
|
||||
}
|
||||
|
||||
.ph-extension-info-box {
|
||||
background: #fff;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.ph-extension-links-box {
|
||||
margin-top: 1em;
|
||||
padding: 1em;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.ph-extension-info-box {
|
||||
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
|
||||
.tpl-bettum.com_phocagallery .ph-extension-info-box,
|
||||
.tpl-bettum.com_phocagallery .ph-extension-links-box {
|
||||
|
||||
background: #505050;
|
||||
|
||||
}
|
||||
|
||||
.tpl-bettum.com_phocagallery .ph-cpanel-logo {
|
||||
background: #000;
|
||||
padding-left: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
|
||||
.tpl-bettum.com_phocagallery .ph-cp-item-icon {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.tpl-bettum.com_phocagallery .phi {
|
||||
|
||||
color: #fff !important;
|
||||
|
||||
}
|
||||
|
||||
.com_phocagallery .table > :not(caption) > * > * {
|
||||
padding: 0.75rem 0.25rem;
|
||||
}
|
||||
.com_phocagallery .ph-multiple-table > :not(caption) > * > * {
|
||||
padding: 0.15rem 0.25rem;
|
||||
}
|
||||
1
media/com_phocagallery/css/administrator/index.html
Normal file
1
media/com_phocagallery/css/administrator/index.html
Normal file
@ -0,0 +1 @@
|
||||
<html><body style="background-color: #000;"></body></html>
|
||||
1447
media/com_phocagallery/css/administrator/phocagallery.css
Normal file
1447
media/com_phocagallery/css/administrator/phocagallery.css
Normal file
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,57 @@
|
||||
label {
|
||||
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 1px solid #cce6ff;
|
||||
}
|
||||
|
||||
.ph-options-head {
|
||||
background: #E5F3FF;
|
||||
color: #0079e0;
|
||||
border: 1px solid #add9ff;
|
||||
padding:15px 10px;
|
||||
margin:5px 0;
|
||||
display:block;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
margin-left: -240px;
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
.ph-options-head-expert {
|
||||
background: #F2dede;
|
||||
color: #b74848;
|
||||
border: 1px solid #e2b6b6;
|
||||
padding:15px 10px;
|
||||
margin:5px 0;
|
||||
display:block;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
margin-left: -240px;
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
|
||||
/* 3.3.0 */
|
||||
.ph-options-head {
|
||||
background-image: linear-gradient(-90deg, #129ED9,#0a5c80);
|
||||
color: #fff;
|
||||
text-shadow: none;
|
||||
border: 0;
|
||||
font-size: 120%;
|
||||
border-radius: 3px;
|
||||
margin: auto;
|
||||
}
|
||||
.ph-options-head-expert {
|
||||
background-image: linear-gradient(-90deg, #b74848,#b74848);
|
||||
color: #fff;
|
||||
text-shadow: none;
|
||||
border: 0;
|
||||
font-size: 120%;
|
||||
border-radius: 3px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
||||
.form-horizontal .controls {
|
||||
/*margin-left: 300px !important;*/
|
||||
}
|
||||
219
media/com_phocagallery/css/administrator/theme-dark.css
Normal file
219
media/com_phocagallery/css/administrator/theme-dark.css
Normal file
@ -0,0 +1,219 @@
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
.ph-extension-links-box,
|
||||
.ph-extension-info-box,
|
||||
.ph-box-info {
|
||||
background-color: rgb(72, 86, 106);
|
||||
}
|
||||
|
||||
.ph-cpanel-logo {
|
||||
padding: 0.5em;
|
||||
background: rgb(255,255,255, 0.5);
|
||||
margin-bottom: 1em
|
||||
}
|
||||
|
||||
.ph-box-info .ph-cpanel-logo {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ph-box-info .ph-cpanel-logo img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.ph-cp-item-icon {
|
||||
background: rgb(72, 86, 106);
|
||||
background-image: linear-gradient(-45deg, rgb(72, 86, 106), rgb(72, 86, 106));
|
||||
}
|
||||
|
||||
.ph-admin-additional-box {
|
||||
background: rgb(255, 222, 125, 0.4);
|
||||
}
|
||||
|
||||
select.form-control {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.subhead .btn:not([disabled]):active, .subhead .btn:not([disabled]):focus, .subhead .btn:not([disabled]):hover {
|
||||
background-color: var(--subhead-btn-accent);
|
||||
border-color: var(--subhead-btn-accent);
|
||||
color: hsla(0,0%,100%,.9);
|
||||
}
|
||||
|
||||
/* codemirror */
|
||||
.ͼ1 .cm-content[contenteditable="true"] {
|
||||
background-color: rgb(72, 86, 106);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Select 2 */
|
||||
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
.select2-container .select2-choice {
|
||||
color: #fff;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
background: url('../../js/administrator/select2/select-bg-dark.svg') no-repeat right center/116rem;
|
||||
}
|
||||
|
||||
.select2-container.select2-drop-above .select2-choice {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.select2-drop-mask {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.select2-drop {
|
||||
background: #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice .select2-arrow {
|
||||
background: #333;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice .select2-arrow b {
|
||||
|
||||
background: url('../../js/administrator/select2/select2-dark.png') no-repeat 0 1px;
|
||||
}
|
||||
|
||||
.select2-search input {
|
||||
background: #000;
|
||||
background: url('../../js/administrator/select2/select2-dark.png') no-repeat 100% -22px, linear-gradient(to bottom, #000 85%, #000 99%) 0 0;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-search input {
|
||||
background: #000 url('../../js/administrator/select2/select2-dark.png') no-repeat -37px -22px;
|
||||
background: url('../../js/administrator/select2/select2-dark.png') no-repeat -37px -22px, linear-gradient(to bottom, #000 85%, #000 99%) 0 0;
|
||||
}
|
||||
|
||||
.select2-search input.select2-active {
|
||||
background: #000 url('../../js/administrator/select2/select2-spinner.png') no-repeat 100%;
|
||||
background: url('../../js/administrator/select2/select2-spinner.png') no-repeat 100%, linear-gradient(to bottom, #000 85%, #000 99%) 0 0;
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice {
|
||||
|
||||
background-color: #000;
|
||||
background-image: linear-gradient(to top, #000 0%, #000 50%);
|
||||
}
|
||||
|
||||
.select2-dropdown-open.select2-drop-above .select2-choice,
|
||||
.select2-dropdown-open.select2-drop-above .select2-choices {
|
||||
background-image: linear-gradient(to bottom, #000 0%, #000 50%);
|
||||
}
|
||||
|
||||
.select2-results li em {
|
||||
background: #999;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.select2-results .select2-highlighted ul {
|
||||
background: #000
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.select2-results .select2-no-results,
|
||||
.select2-results .select2-searching,
|
||||
.select2-results .select2-ajax-error,
|
||||
.select2-results .select2-selection-limit {
|
||||
background: #999;
|
||||
}
|
||||
|
||||
/*
|
||||
disabled look for disabled choices in the results dropdown
|
||||
*/
|
||||
.select2-results .select2-disabled.select2-highlighted {
|
||||
color: #666;
|
||||
background: #999;
|
||||
|
||||
}
|
||||
.select2-results .select2-disabled {
|
||||
background: #999;
|
||||
}
|
||||
|
||||
|
||||
.select2-more-results.select2-active {
|
||||
background: #999 url('../../js/administrator/select2/select2-spinner.png') no-repeat 100%;
|
||||
}
|
||||
|
||||
.select2-results .select2-ajax-error {
|
||||
background: rgba(255, 50, 50, .2);
|
||||
}
|
||||
|
||||
.select2-more-results {
|
||||
background: #999;
|
||||
}
|
||||
|
||||
/* disabled styles */
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice {
|
||||
background-color: #999;
|
||||
border: 1px solid #999;
|
||||
}
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
|
||||
/* multiselect */
|
||||
|
||||
.select2-container-multi .select2-choices {
|
||||
background-image: linear-gradient(to bottom, #000 1%, #000 15%);
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
|
||||
background: #000 url('../../js/administrator/select2/select2-spinner.png') no-repeat 100% !important;
|
||||
}
|
||||
|
||||
.select2-default {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice {
|
||||
|
||||
background-color: #999;
|
||||
background-image: linear-gradient(to bottom, #999 20%, #999 50%, #999 52%, #999 100%);
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice-focus {
|
||||
background: #999;
|
||||
}
|
||||
|
||||
/* disabled styles */
|
||||
.select2-container-multi.select2-container-disabled .select2-choices {
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
|
||||
.select2-results .select2-no-results {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice {
|
||||
color: #000;
|
||||
|
||||
}
|
||||
|
||||
.select2-search-choice-close::before {
|
||||
content: "\2715";
|
||||
color: #000;
|
||||
font-size: 12em;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
0
media/com_phocagallery/css/custom/default.css
Normal file
0
media/com_phocagallery/css/custom/default.css
Normal file
1
media/com_phocagallery/css/custom/index.html
Normal file
1
media/com_phocagallery/css/custom/index.html
Normal file
@ -0,0 +1 @@
|
||||
<html><body bgcolor="#FFFFFF"></body></html>
|
||||
BIN
media/com_phocagallery/css/img/glyphicons-halflings-white.png
Normal file
BIN
media/com_phocagallery/css/img/glyphicons-halflings-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
BIN
media/com_phocagallery/css/img/glyphicons-halflings.png
Normal file
BIN
media/com_phocagallery/css/img/glyphicons-halflings.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
1
media/com_phocagallery/css/img/index.html
Normal file
1
media/com_phocagallery/css/img/index.html
Normal file
@ -0,0 +1 @@
|
||||
<html><body bgcolor="#FFFFFF"></body></html>
|
||||
1
media/com_phocagallery/css/index.html
Normal file
1
media/com_phocagallery/css/index.html
Normal file
@ -0,0 +1 @@
|
||||
<html><body bgcolor="#FFFFFF"></body></html>
|
||||
9
media/com_phocagallery/css/main/bootstrap.min.css
vendored
Normal file
9
media/com_phocagallery/css/main/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
media/com_phocagallery/css/main/index.html
Normal file
1
media/com_phocagallery/css/main/index.html
Normal file
@ -0,0 +1 @@
|
||||
<html><body bgcolor="#FFFFFF"></body></html>
|
||||
96
media/com_phocagallery/css/main/phocagallery.css
Normal file
96
media/com_phocagallery/css/main/phocagallery.css
Normal file
@ -0,0 +1,96 @@
|
||||
|
||||
.com_phocagallery figure {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.pg-hide {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0,0,0,0);
|
||||
border: 0;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.ph-sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0,0,0,0);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.ph-cb {
|
||||
clear:both;
|
||||
}
|
||||
.ph-right {
|
||||
float: right;
|
||||
}
|
||||
.ph-left {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.pg-detail-nav-box {
|
||||
margin: 1em;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
|
||||
.pg-comment-btn {
|
||||
text-decoration: none;
|
||||
border-radius: 2px;
|
||||
padding: 2px;
|
||||
border: 1px solid #f0f0f0;
|
||||
display: inline-block;
|
||||
min-width: 2em;
|
||||
text-align: center;
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
.pg-comment-btn.pg-b {
|
||||
font-weight: bold;
|
||||
}
|
||||
.pg-comment-btn.pg-i {
|
||||
font-style: italic;
|
||||
}
|
||||
.pg-comment-btn.pg-u {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
.pg-top-icons {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* UCP */
|
||||
@media only screen and (max-width:500px) {
|
||||
#phocagallery-ucp.pg-ucp-view {
|
||||
font-size: 9px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* YouTube */
|
||||
.ph-pswp-video-wrapper,
|
||||
.pg-ytb-full,
|
||||
.pg-ytb-detail {
|
||||
position: relative;
|
||||
padding-bottom: 56.25%; /* 16:9 */
|
||||
height: 0;
|
||||
}
|
||||
.ph-pswp-video-wrapper iframe,
|
||||
.pg-ytb-full iframe,
|
||||
.pg-ytb-detail iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
213
media/com_phocagallery/css/main/rating.css
Normal file
213
media/com_phocagallery/css/main/rating.css
Normal file
@ -0,0 +1,213 @@
|
||||
/* Voting - style by http://www.jluvip.com/works/css/starvote/index2-1.html*/
|
||||
|
||||
.pg-rate-box {
|
||||
float:left;
|
||||
}
|
||||
|
||||
#phocagallery ul.star-rating li,
|
||||
#phocagallery-pane ul.star-rating li,
|
||||
#phocagallery ul.star-rating-small li{
|
||||
background: none;
|
||||
list-style-type:none;
|
||||
}
|
||||
|
||||
#phocagallery .star-rating,
|
||||
#phocagallery-pane .star-rating,
|
||||
.star-rating{
|
||||
list-style:none;
|
||||
margin: 0px;
|
||||
margin-top:5px;
|
||||
margin-bottom:5px;
|
||||
padding:0px;
|
||||
width: 110px;
|
||||
height: 22px;
|
||||
position: relative;
|
||||
/*background: url(../../images/icon-voting.png) top left repeat-x;*/
|
||||
background: url(../../images/star-voting.svg) top left repeat-x;
|
||||
}
|
||||
#phocagallery .star-rating li,
|
||||
#phocagallery-pane .star-rating li,
|
||||
.star-rating li{
|
||||
list-style-type:none;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
/*\*/
|
||||
float: left;
|
||||
/* */
|
||||
}
|
||||
#phocagallery .star-rating li a,
|
||||
#phocagallery-pane .star-rating li a,
|
||||
.star-rating li a{
|
||||
display:block;
|
||||
width:22px;
|
||||
height: 22px;
|
||||
text-decoration: none;
|
||||
text-indent: -9000px;
|
||||
z-index: 20;
|
||||
position: absolute;
|
||||
padding: 0px;
|
||||
}
|
||||
#phocagallery .star-rating li a:hover,
|
||||
#phocagallery-pane .star-rating li a:hover,
|
||||
.star-rating li a:hover{
|
||||
/*background: url(../../images/icon-voting.png) left center;*/
|
||||
background: url(../../images/star-voting.svg) left center;
|
||||
z-index: 2;
|
||||
left: 0px;
|
||||
}
|
||||
#phocagallery .star-rating a.star1,
|
||||
#phocagallery-pane .star-rating a.star1,
|
||||
.star-rating a.star1{
|
||||
left: 0px;
|
||||
}
|
||||
#phocagallery .star-rating a.star1:hover,
|
||||
#phocagallery-pane .star-rating a.star1:hover,
|
||||
.star-rating a.star1:hover{
|
||||
width:22px;
|
||||
}
|
||||
#phocagallery .star-rating a.stars2,
|
||||
#phocagallery-pane .star-rating a.stars2,
|
||||
.star-rating a.stars2{
|
||||
left:22px;
|
||||
}
|
||||
#phocagallery .star-rating a.stars2:hover,
|
||||
#phocagallery-pane .star-rating a.stars2:hover,
|
||||
.star-rating a.stars2:hover{
|
||||
width: 44px;
|
||||
}
|
||||
#phocagallery .star-rating a.stars3,
|
||||
#phocagallery-pane .star-rating a.stars3,
|
||||
.star-rating a.stars3{
|
||||
left: 44px;
|
||||
}
|
||||
#phocagallery .star-rating a.stars3:hover,
|
||||
#phocagallery-pane .star-rating a.stars3:hover,
|
||||
.star-rating a.stars3:hover{
|
||||
width: 66px;
|
||||
}
|
||||
#phocagallery .star-rating a.stars4,
|
||||
#phocagallery-pane .star-rating a.stars4,
|
||||
.star-rating a.stars4{
|
||||
left: 66px;
|
||||
}
|
||||
#phocagallery .star-rating a.stars4:hover,
|
||||
#phocagallery-pane .star-rating a.stars4:hover,
|
||||
.star-rating a.stars4:hover{
|
||||
width: 88px;
|
||||
}
|
||||
#phocagallery .star-rating a.stars5,
|
||||
#phocagallery-pane .star-rating a.stars5,
|
||||
.star-rating a.stars5{
|
||||
left: 88px;
|
||||
}
|
||||
#phocagallery .star-rating a.stars5:hover,
|
||||
#phocagallery-pane .star-rating a.stars5:hover,
|
||||
.star-rating a.stars5:hover{
|
||||
width: 110px;
|
||||
}
|
||||
#phocagallery .star-rating li.current-rating,
|
||||
#phocagallery-pane .star-rating li.current-rating,
|
||||
.star-rating li.current-rating{
|
||||
/*background: url(../../images/icon-voting.png) left bottom;*/
|
||||
background: url(../../images/star-voting.svg) left bottom;
|
||||
position: absolute;
|
||||
height: 22px;
|
||||
/*width:77px;*/
|
||||
display: block;
|
||||
text-indent: -9000px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Voting small */
|
||||
#phocagallery .star-rating-small,
|
||||
.star-rating-small{
|
||||
list-style:none;
|
||||
margin: 0px;
|
||||
margin-top:5px;
|
||||
margin-bottom:5px;
|
||||
padding:0px;
|
||||
width: 80px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
/*background: url(../../images/icon-voting-small.png) top left repeat-x;*/
|
||||
background: url(../../images/star-voting-small.svg) top left repeat-x;
|
||||
}
|
||||
#phocagallery .star-rating-small li,
|
||||
.star-rating-small li{
|
||||
list-style-type:none;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
/*\*/
|
||||
float: left;
|
||||
/* */
|
||||
}
|
||||
|
||||
#phocagallery .star-rating-small li a,
|
||||
.star-rating-small li a{
|
||||
display:block;
|
||||
width:16px;
|
||||
height: 16px;
|
||||
text-decoration: none;
|
||||
text-indent: -9000px;
|
||||
z-index: 20;
|
||||
position: absolute;
|
||||
padding: 0px;
|
||||
}
|
||||
#phocagallery .star-rating-small li a:hover,
|
||||
.star-rating-small li a:hover{
|
||||
/*background: url(../../images/icon-voting-small.png) left center;*/
|
||||
background: url(../../images/star-voting-small.svg) left center;
|
||||
z-index: 2;
|
||||
left: 0px;
|
||||
}
|
||||
#phocagallery .star-rating-small a.star1,
|
||||
.star-rating-small a.star1{
|
||||
left: 0px;
|
||||
}
|
||||
#phocagallery .star-rating-small a.star1:hover,
|
||||
.star-rating-small a.star1:hover{
|
||||
width:16px;
|
||||
}
|
||||
#phocagallery .star-rating-small a.stars2,
|
||||
.star-rating-small a.stars2{
|
||||
left:16px;
|
||||
}
|
||||
#phocagallery .star-rating-small a.stars2:hover,
|
||||
.star-rating-small a.stars2:hover{
|
||||
width: 32px;
|
||||
}
|
||||
#phocagallery .star-rating-small a.stars3,
|
||||
.star-rating-small a.stars3{
|
||||
left: 32px;
|
||||
}
|
||||
#phocagallery .star-rating-small a.stars3:hover,
|
||||
.star-rating-small a.stars3:hover{
|
||||
width: 48px;
|
||||
}
|
||||
#phocagallery .star-rating-small a.stars4,
|
||||
.star-rating-small a.stars4{
|
||||
left: 48px;
|
||||
}
|
||||
#phocagallery .star-rating-small a.stars4:hover,
|
||||
.star-rating-small a.stars4:hover{
|
||||
width: 64px;
|
||||
}
|
||||
#phocagallery .star-rating-small a.stars5,
|
||||
.star-rating-small a.stars5{
|
||||
left: 64px;
|
||||
}
|
||||
#phocagallery .star-rating-small a.stars5:hover,
|
||||
.star-rating-small a.stars5:hover{
|
||||
width: 80px;
|
||||
}
|
||||
#phocagallery .star-rating-small li.current-rating,
|
||||
.star-rating-small li.current-rating{
|
||||
/*background: url(../../images/icon-voting-small.png) left bottom;*/
|
||||
background: url(../../images/star-voting-small.svg) left bottom;
|
||||
position: absolute;
|
||||
height: 16px;
|
||||
/*width:77px;*/
|
||||
display: block;
|
||||
text-indent: -9000px;
|
||||
z-index: 1;
|
||||
}
|
||||
358
media/com_phocagallery/css/main/theme_simple.css
Normal file
358
media/com_phocagallery/css/main/theme_simple.css
Normal file
@ -0,0 +1,358 @@
|
||||
/* Icons */
|
||||
.ph-si {
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
margin: 0 0.25em;
|
||||
fill: currentColor;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* SVG ICONS */
|
||||
|
||||
/*
|
||||
F94144
|
||||
F8961E
|
||||
90BE6D
|
||||
43AA8B
|
||||
|
||||
66829A
|
||||
748DA3
|
||||
8197AB
|
||||
*/
|
||||
|
||||
|
||||
.ph-si-feed {color: #F8961E;}
|
||||
.ph-si-image {color: #fff; margin-bottom: 0.3em}
|
||||
.ph-si-tab.ph-si-image {color: #33739e;}
|
||||
.ph-si-category {color: #F9C74F; margin-bottom: 0.3em}
|
||||
.ph-si-star {color: #ffc93c;}
|
||||
.ph-si-comment {color: #333a9e;}
|
||||
.ph-si-upload {color: #0d6e35;}
|
||||
.ph-si-upload-multiple {color: #333a9e;}
|
||||
.ph-si-earth {color: #0d6e35;}
|
||||
.ph-si-stats {color: #F8961E;}
|
||||
.ph-si-ytb {color: #ff0000;}
|
||||
.ph-si-trash {color: #ff0000;}
|
||||
|
||||
.ph-si-enabled {color: #0d6e35;}
|
||||
.ph-si-disabled {color: #ff0000;}
|
||||
|
||||
.ph-si-category-top-category {color: #F9C74F; margin-bottom: 0.3em}
|
||||
.ph-si-category-top-back {color: #F3722C; margin-bottom: 0.3em}
|
||||
.ph-si-detail-top-back{color: #F3722C; margin-bottom: 0.3em; width: 3em;height:3em;}
|
||||
|
||||
.ph-si-next-btn,
|
||||
.ph-si-prev-btn {color: #fff;margin-bottom:0.25em;}
|
||||
|
||||
.ph-si-category-medium {color: #F9C74F; background: #f0f0f0;}
|
||||
|
||||
.ph-si-back-medium {color: #b0b0b0; background: #f0f0f0;}
|
||||
.ph-si-lock-medium {color: #b0b0b0; background: #f0f0f0;}
|
||||
|
||||
.pg-categories-items-box,
|
||||
.pg-category-items-box {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content:flex-start;
|
||||
/*justify-content: center;*/
|
||||
align-items: flex-end;
|
||||
align-content: flex-end;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.pg-categories-items-box,
|
||||
.pg-category-items-box {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
.pg-item-box,
|
||||
.pg-category-box {
|
||||
/*display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;*/
|
||||
border: 1px solid #f0f0f0;
|
||||
margin: 0.5em;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.pg-item-box figure,
|
||||
.pg-category-box figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pg-item-box-info {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#phocagallery svg {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.pg-svg-box {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
.pg-svg-box svg {
|
||||
padding: 2.5em;
|
||||
margin: 0;
|
||||
}
|
||||
.pg-category-box-image svg,
|
||||
.pg-detail-item-image-box img,
|
||||
.pg-item-box-image img,
|
||||
.pg-item-box-image svg,
|
||||
.pg-category-box-image img{
|
||||
border-radius: 3px;
|
||||
box-shadow: rgba(50, 50, 93, 0.4) 0px 6px 12px -2px, rgba(0, 0, 0, 0.7) 0px 3px 7px -3px;
|
||||
}
|
||||
|
||||
.pg-item-box-title,
|
||||
.pg-category-box-title {
|
||||
position: absolute;
|
||||
bottom: 0em;
|
||||
left: 0em;
|
||||
padding: 0.5em;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
border-radius: 0 0 3px 3px;
|
||||
font-size: 115%;
|
||||
background: rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
.pg-item-box-title.pg-display-name-2 {
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
/* Capitalize first letter of sentence */
|
||||
.pg-item-box-title a,
|
||||
.pg-category-box-title a{
|
||||
display: inline-block;
|
||||
}
|
||||
.pg-item-box-title a:first-letter,
|
||||
.pg-category-box-title a:first-letter{
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
#phocagallery .pg-item-box-title a,
|
||||
#phocagallery .pg-category-box-title a,
|
||||
.pg-item-box-title a,
|
||||
.pg-category-box-title a {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.pg-categories-box-rating,
|
||||
.pg-category-box-rating {
|
||||
position: absolute;
|
||||
top: 1em;
|
||||
right: 1em;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.pg-item-box-icons-box {
|
||||
position: absolute;
|
||||
bottom: 3em;
|
||||
right: 0em;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.pg-item-box-icons-box svg.ph-si {
|
||||
color:#fff;
|
||||
background: rgba(0,0,0,.5);
|
||||
border-radius: 50%;
|
||||
padding: 0.3em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.pg-item-box-stats-value {
|
||||
float:right;
|
||||
margin-right: 0.2em;
|
||||
}
|
||||
|
||||
.pg-category-box-label-box {
|
||||
position: absolute;
|
||||
top: 0.2em;
|
||||
left: 0.2em;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.pg-category-box-label-new {
|
||||
background:#2f66b9;
|
||||
float: left;
|
||||
padding: 0.1em 0.5em;
|
||||
margin: 0.2em;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.pg-category-box-label-hot {
|
||||
background: #e02121;
|
||||
float:left;
|
||||
padding: 0.1em 0.5em;
|
||||
margin: 0.2em;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.pg-category-box-count {
|
||||
font-size: small;
|
||||
color: #d0d0d0;
|
||||
}
|
||||
|
||||
.pg-category-box-title a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.pg-category-box-description {
|
||||
position:absolute;
|
||||
top: 0.2em;
|
||||
left: 0.2em;
|
||||
}
|
||||
|
||||
.ph-si-tab {
|
||||
width: 1.1em;
|
||||
height: 1.1em;
|
||||
}
|
||||
|
||||
.pg-detail-item-image-box {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#pgCategoryModal .modal-dialog {
|
||||
height: 90%;
|
||||
max-width: 70%;
|
||||
}
|
||||
#pgCategoryModal .modal-content {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#pgCategoryModalLabel {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
|
||||
/* Pagination */
|
||||
.com-phocagallery .form-select,
|
||||
.com_phocagallery .form-select {
|
||||
width: auto;
|
||||
margin-left: 0.5em;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.com-phocagallery .pagination,
|
||||
.com_phocagallery .pagination {
|
||||
align-items: center;
|
||||
justify-content:flex-end;
|
||||
}
|
||||
|
||||
/* Loading */
|
||||
|
||||
/* Loading */
|
||||
.ph-lds-ellipsis {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 80px;
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
|
||||
.ph-loading-text {
|
||||
text-align: center;
|
||||
}
|
||||
.ph-loading-text .ph-lds-ellipsis {
|
||||
height: 50px;
|
||||
}
|
||||
.ph-loading-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ph-lds-ellipsis div {
|
||||
position: absolute;
|
||||
top: 33px;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
border-radius: 50%;
|
||||
background: #129ED9;
|
||||
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
||||
}
|
||||
.ph-lds-ellipsis div:nth-child(1) {
|
||||
left: 8px;
|
||||
animation: ph-lds-ellipsis1 0.6s infinite;
|
||||
}
|
||||
.ph-lds-ellipsis div:nth-child(2) {
|
||||
left: 8px;
|
||||
animation: ph-lds-ellipsis2 0.6s infinite;
|
||||
}
|
||||
.ph-lds-ellipsis div:nth-child(3) {
|
||||
left: 32px;
|
||||
animation: ph-lds-ellipsis2 0.6s infinite;
|
||||
}
|
||||
.ph-lds-ellipsis div:nth-child(4) {
|
||||
left: 56px;
|
||||
animation: ph-lds-ellipsis3 0.6s infinite;
|
||||
}
|
||||
@keyframes ph-lds-ellipsis1 {
|
||||
0% {
|
||||
transform: scale(0);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
@keyframes ph-lds-ellipsis3 {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
100% {
|
||||
transform: scale(0);
|
||||
}
|
||||
}
|
||||
@keyframes ph-lds-ellipsis2 {
|
||||
0% {
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
100% {
|
||||
transform: translate(24px, 0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.ph-adminlist {
|
||||
clear:both;
|
||||
margin: 1em auto;
|
||||
|
||||
}
|
||||
|
||||
.ph-adminlist tr th,
|
||||
.ph-adminlist tr td {
|
||||
border-collapse: collapse;
|
||||
border: 1px solid #d0d0d0;
|
||||
text-align: center;
|
||||
padding: 0.3em;
|
||||
}
|
||||
|
||||
.ph-adminlist-select-row {
|
||||
display:flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.ph-adminlist-select-row .form-select {
|
||||
display:flex;
|
||||
}
|
||||
|
||||
#phocagallery {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.com-phocagallery form > .pagination,
|
||||
.com_phocagallery form > .pagination {
|
||||
flex-direction:column;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
66
media/com_phocagallery/css/misc/phocagallery-masonry.css
Normal file
66
media/com_phocagallery/css/misc/phocagallery-masonry.css
Normal file
@ -0,0 +1,66 @@
|
||||
/* Masonry Gallery */
|
||||
.pg-masonry {
|
||||
-webkit-column-count: 3;
|
||||
-moz-column-count:3;
|
||||
column-count: 3;
|
||||
-webkit-column-gap: 1em;
|
||||
-moz-column-gap: 1em;
|
||||
column-gap: 1em;
|
||||
margin: 1.5em;
|
||||
padding: 0;
|
||||
-moz-column-gap: 1.5em;
|
||||
-webkit-column-gap: 1.5em;
|
||||
column-gap: 1.5em;
|
||||
font-size: .85em;
|
||||
}
|
||||
|
||||
.pg-masonry figure {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.pg-masonry-item {
|
||||
display: inline-block;
|
||||
background: #fff;
|
||||
padding: 0;
|
||||
margin: 0 0 1.5em;
|
||||
width: 100%;
|
||||
-webkit-transition:1s ease all;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
}
|
||||
|
||||
.pg-masonry-item img{max-width:100%;}
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 320px) {
|
||||
.pg-masonry {
|
||||
-moz-column-count: 1;
|
||||
-webkit-column-count: 1;
|
||||
column-count: 1;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 321px) and (max-width: 768px){
|
||||
.pg-masonry {
|
||||
-moz-column-count: 2;
|
||||
-webkit-column-count: 2;
|
||||
column-count: 2;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 769px) and (max-width: 1200px){
|
||||
.pg-masonry {
|
||||
-moz-column-count: 2;
|
||||
-webkit-column-count: 2;
|
||||
column-count: 2;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1201px) {
|
||||
.pg-masonry {
|
||||
-moz-column-count: 3;
|
||||
-webkit-column-count: 3;
|
||||
column-count: 3;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user