| @@ -14,14 +14,14 @@ | ||
| 14 | 14 | text-align: center; |
| 15 | 15 | display: none; |
| 16 | 16 | } |
| 17 | 17 | |
| 18 | -.photonic-flow-option-name {font-weight: bold;} | |
| 19 | -.photonic-flow-option-name input, .photonic-flow-option-name select {font-weight: normal; } | |
| 18 | +.photonic-wizard-option-name {font-weight: bold;} | |
| 19 | +.photonic-wizard-option-name input, .photonic-wizard-option-name select {font-weight: normal; } | |
| 20 | 20 | .photonic-required { color: #d00; margin: auto 0.5em; } |
| 21 | 21 | .photonic-required abbr[title] { text-decoration: underline dotted #666; } |
| 22 | 22 | |
| 23 | -.photonic-flow-provider .photonic-provider { width: 120px; height: 120px; background: url(../../images/Admin.svg) no-repeat; background-size: 100%; margin: 0 auto; display: inline-block; cursor: pointer; } | |
| 23 | +.photonic-flow-provider .photonic-provider { width: 120px; height: 120px; background: url(../../images/Admin.svg?ver=3.20) no-repeat; background-size: 100%; margin: 0 auto; display: inline-block; cursor: pointer; } | |
| 24 | 24 | .photonic-flow-provider-wp .photonic-provider, .photonic-flow-provider-default .photonic-provider { background-position: 0 -600px; } |
| 25 | 25 | .photonic-flow-provider-flickr .photonic-provider { background-position: 0 -120px; } |
| 26 | 26 | .photonic-flow-provider-smugmug .photonic-provider { background-position: 0 -360px; } |
| 27 | 27 | .photonic-flow-provider-picasa .photonic-provider { background-position: 0 -720px; } |
| @@ -27,8 +27,9 @@ | ||
| 27 | 27 | .photonic-flow-provider-picasa .photonic-provider { background-position: 0 -720px; } |
| 28 | 28 | .photonic-flow-provider-google .photonic-provider { background-position: 0 -840px; } |
| 29 | 29 | .photonic-flow-provider-zenfolio .photonic-provider { background-position: 0 -480px; } |
| 30 | 30 | .photonic-flow-provider-instagram .photonic-provider { background-position: 0 -240px; } |
| 31 | +.photonic-flow-provider-deviantart .photonic-provider { background-position: 0 -3120px; } | |
| 31 | 32 | |
| 32 | 33 | #photonic-flow-navigation { bottom: 0; left: 0; position: fixed; display: inline-block; width: 100%; background: #fff; padding: 1em 0; } |
| 33 | 34 | #photonic-flow-navigation a { padding: 1em 2em; background: #0085ba; border-color: #0073aa #006799 #006799; color: #fff; font-size: 1.2em; text-decoration: none; } |
| 34 | 35 | #photonic-flow-navigation a.disabled { color: #aaa; cursor: default; background: #ccc; } |
| @@ -39,9 +40,9 @@ | ||
| 39 | 40 | |
| 40 | 41 | .photonic-flow-field {margin: 1.4em 0; position: relative; } |
| 41 | 42 | .photonic-flow-field select, .photonic-flow-field input[type="text"], .photonic-flow-field input[type="password"] { display: block; } |
| 42 | 43 | .photonic-flow-field-radio { display: block; padding-left: 1.5em; text-indent: -1.5em;} |
| 43 | -.photonic-flow-hint { display: none; position: absolute; background: #333; padding: 0.8em; border: 1px solid #111; border-radius: 3px; color: #fff; font-weight: normal; max-width: 300px; z-index: 20; } | |
| 44 | +.photonic-flow-hint { display: none; position: absolute; background: #333; padding: 1em; border: 1px solid #111; border-radius: 3px; color: #fff; font-weight: normal; max-width: 300px; z-index: 20; line-height: 1.6em; } | |
| 44 | 45 | .photonic-flow-hint:before{ |
| 45 | 46 | content: ""; |
| 46 | 47 | border: solid transparent; |
| 47 | 48 | border-bottom-color: #333; |
| @@ -57,11 +58,12 @@ | ||
| 57 | 58 | .photonic-label-hint { font-size: 0.8em; background: #333; padding: 0.5em; border: 1px solid #111; border-radius: 2px; color: #fff; display: none; } |
| 58 | 59 | span[aria-hidden="true"] {display:none;} |
| 59 | 60 | span[aria-hidden="false"] {display:block;} |
| 60 | 61 | |
| 61 | -.photonic-flow-error { color: #c00; padding: 1em; border: 0 solid #c00; border-left-width: 3px; background: lavenderblush; } | |
| 62 | +.photonic-flow-error, .photonic-flow-notice { color: #c00; padding: 1em; border: 0 solid #c00; border-left-width: 3px; background: lavenderblush; } | |
| 62 | 63 | .photonic-editor-info { color: #00c; border: 0 solid #00c; border-left-width: 3px; background: aliceblue; } |
| 63 | 64 | .photonic-editor-info div { padding: 1em; } |
| 65 | +.photonic-editor-info ul { list-style: disc inside; } | |
| 64 | 66 | |
| 65 | 67 | .photonic-flow-selector-container { display: inline-block; width: 100%; margin: 1em 0.5em; } |
| 66 | 68 | .photonic-flow-selector-info { margin: 0 0.2em; } |
| 67 | 69 | |
| @@ -90,9 +92,9 @@ | ||
| 90 | 92 | .photonic-flow-slideshow-style .photonic-slideshow-style, |
| 91 | 93 | .photonic-flow-strip-style .photonic-strip-style { |
| 92 | 94 | width: 150px; |
| 93 | 95 | height: 150px; |
| 94 | - background: url(../../images/Admin.svg) no-repeat; | |
| 96 | + background: url(../../images/Admin.svg?ver=3.10) no-repeat; | |
| 95 | 97 | background-size: 100%; |
| 96 | 98 | margin: 0 auto; |
| 97 | 99 | display: inline-block; |
| 98 | 100 | } |
| @@ -100,8 +102,9 @@ | ||
| 100 | 102 | .photonic-flow-layout-square .photonic-layout { background-position: 0 -1350px; } |
| 101 | 103 | .photonic-flow-layout-circle .photonic-layout { background-position: 0 -1500px; } |
| 102 | 104 | .photonic-flow-layout-random .photonic-layout { background-position: 0 -1650px; } |
| 103 | 105 | .photonic-flow-layout-masonry .photonic-layout { background-position: 0 -1800px; } |
| 106 | +.photonic-flow-layout-masonry-horizontal .photonic-layout { background-position: 0 -3750px; } | |
| 104 | 107 | .photonic-flow-layout-mosaic .photonic-layout { background-position: 0 -1950px; } |
| 105 | 108 | .photonic-flow-layout-slideshow .photonic-layout { background-position: 0 -1200px; } |
| 106 | 109 | |
| 107 | 110 | .photonic-flow-slideshow-style-strip-below .photonic-slideshow-style { background-position: 0 -2100px; } |
| @@ -115,5 +118,14 @@ | ||
| 115 | 118 | .photonic-more-wrapper { display: inline-block; width: 100%; margin: 1.4em 0; } |
| 116 | 119 | .photonic-flow-more, .photonic-flow-more:hover, .photonic-flow-more:active, .photonic-flow-more:focus { margin: 1.4em 0; padding: 1em 2em; background: #0085ba; border-color: #0073aa #006799 #006799; color: #fff; text-decoration: none; } |
| 117 | 120 | |
| 118 | 121 | .thumb-controls { text-align: right; } |
| 119 | -.photonic-flow-field input[type="text"].search-thumbs { display: inline; background: url(../../images/Admin.svg) no-repeat right -576px; background-size: 24px; height: 24px; } | |
| 122 | +.photonic-flow-field input[type="text"].search-thumbs { display: inline; background: url(../../images/Admin.svg) no-repeat right -576px; background-size: 24px; height: 24px; min-height: auto !important; } | |
| 123 | + | |
| 124 | +.fade-in { | |
| 125 | + animation: fadeIn ease 1s; | |
| 126 | +} | |
| 127 | + | |
| 128 | +@keyframes fadeIn { | |
| 129 | + 0% {opacity:0;} | |
| 130 | + 100% {opacity:1;} | |
| 131 | +} | |
