Remove proprietary icons and stylesheets
BIN
services/web/public/brand/icons/code.png
Executable file
After Width: | Height: | Size: 807 B |
BIN
services/web/public/brand/icons/collaborators.png
Executable file
After Width: | Height: | Size: 753 B |
BIN
services/web/public/brand/icons/history.png
Executable file
After Width: | Height: | Size: 882 B |
BIN
services/web/public/brand/icons/projects.png
Executable file
After Width: | Height: | Size: 649 B |
BIN
services/web/public/brand/icons/settings.png
Executable file
After Width: | Height: | Size: 512 B |
BIN
services/web/public/brand/icons/subscription.png
Executable file
After Width: | Height: | Size: 738 B |
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 443 B |
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 443 B |
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 8.8 KiB |
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.2 KiB |
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 4.9 KiB |
Before Width: | Height: | Size: 428 B |
Before Width: | Height: | Size: 343 B |
Before Width: | Height: | Size: 486 B |
Before Width: | Height: | Size: 363 B |
Before Width: | Height: | Size: 415 B |
Before Width: | Height: | Size: 363 B |
|
@ -1,276 +0,0 @@
|
||||||
.pricing-table {
|
|
||||||
font: 13px "PT Sans", "Helvetica Neue", Arial, sans-serif;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
-webkit-border-radius: 5px;
|
|
||||||
-moz-border-radius: 5px;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-table ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-header-row-1 {
|
|
||||||
text-align: center;
|
|
||||||
height: 40px;
|
|
||||||
padding: 3px 0 0;
|
|
||||||
-webkit-border-radius: 4px 4px 0 0;
|
|
||||||
-moz-border-radius: 4px 4px 0 0;
|
|
||||||
border-radius: 4px 4px 0 0;
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
|
|
||||||
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
|
|
||||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-header-row-2 {
|
|
||||||
text-align: center;
|
|
||||||
height: 50px;
|
|
||||||
margin-top: -1px;
|
|
||||||
padding: 10px 0 0;
|
|
||||||
border-bottom: none;
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
|
|
||||||
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
|
|
||||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.big {
|
|
||||||
position: relative;
|
|
||||||
top: -10px;
|
|
||||||
.pricing-header-row-1 {
|
|
||||||
padding: 7px 0 7px;
|
|
||||||
}
|
|
||||||
.pricing-header-row-2 {
|
|
||||||
padding: 15px 0 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-table {
|
|
||||||
h1.free {
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-row {
|
|
||||||
padding-top:20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.package-title h2 {
|
|
||||||
color: #f9f9f9;
|
|
||||||
margin: 0;
|
|
||||||
font-size: 24px;
|
|
||||||
line-height: 40px;
|
|
||||||
text-shadow: -1px -1px 0 rgba(0, 0, 0, .3), 1px 1px 0 rgba(255, 255, 255, .2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.package-price h1 {
|
|
||||||
color: #f9f9f9;
|
|
||||||
margin: 0;
|
|
||||||
font-size: 44px;
|
|
||||||
line-height: 40px;
|
|
||||||
text-shadow: -1px -1px 0 rgba(0, 0, 0, .3), 1px 1px 0 rgba(255, 255, 255, .2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.cents {
|
|
||||||
font-size: 16px;
|
|
||||||
position: relative;
|
|
||||||
top: -20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-content-row-odd {
|
|
||||||
font-size: 14px;
|
|
||||||
background-color: #f3f3f3;
|
|
||||||
padding: 10px 15px;
|
|
||||||
border-left: 1px solid #aaaaaa;
|
|
||||||
border-right: 1px solid #aaaaaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-content-row-even {
|
|
||||||
font-size: 14px;
|
|
||||||
background-color: #fcfcfc;
|
|
||||||
padding: 10px 15px;
|
|
||||||
border-left: 1px solid #aaaaaa;
|
|
||||||
border-right: 1px solid #aaaaaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.acc-inner {
|
|
||||||
display: block;
|
|
||||||
padding: 10px 15px;
|
|
||||||
border-left: 1px solid #aaaaaa;
|
|
||||||
border-right: 1px solid #aaaaaa;
|
|
||||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .2);
|
|
||||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .2);
|
|
||||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-footer {
|
|
||||||
text-align: center;
|
|
||||||
height: 50px;
|
|
||||||
padding: 10px 0 0;
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
|
|
||||||
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
|
|
||||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
|
|
||||||
-webkit-border-radius: 0 0 4px 4px;
|
|
||||||
-moz-border-radius: 0 0 4px 4px;
|
|
||||||
border-radius: 0 0 4px 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.animate, .animate .pricing-content-row-odd, .pricing-content-row-even, .acc-inner {
|
|
||||||
-webkit-transition: all .3s ease-in-out;
|
|
||||||
-moz-transition: all .3s ease-in-out;
|
|
||||||
-o-transition: all .3s ease-in-out;
|
|
||||||
-ms-transition: all .3s ease-in-out;
|
|
||||||
transition: all .3s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.animate.change-bg ul:hover .pricing-footer {
|
|
||||||
-webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
|
|
||||||
-moz-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
|
|
||||||
box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.animate.go-up {
|
|
||||||
-webkit-transform: translate(0px, 0px);
|
|
||||||
-moz-transform: translate(0px, 0px);
|
|
||||||
-o-transform: translate(0px, 0px);
|
|
||||||
-ms-transform: translate(0px, 0px);
|
|
||||||
transform: translate(0px, 0px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.animate.go-up:hover {
|
|
||||||
-webkit-transform: translate(0,-10px);
|
|
||||||
-moz-transform: translate(0,-10px);
|
|
||||||
-o-transform: translate(0,-10px);
|
|
||||||
-ms-transform: translate(0,-10px);
|
|
||||||
transform: translate(0,-10px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.animate.add-shadow:hover {
|
|
||||||
-webkit-box-shadow: 0 0 15px rgba(0, 0, 255, .6);
|
|
||||||
-moz-box-shadow: 0 0 15px rgba(0, 0, 255, .6);
|
|
||||||
box-shadow: 0 0 15px rgba(0, 0, 255, .6);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
font: 13px "PT Sans", "Helvetica Neue", Arial, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
font-size: 18px;
|
|
||||||
line-height: 18px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
text-shadow: none;
|
|
||||||
*zoom: 1;
|
|
||||||
-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, .5), 0 0 1px rgba(0, 0, 0, .8);
|
|
||||||
-moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, .5), 0 0 1px rgba(0, 0, 0, .8);
|
|
||||||
box-shadow: inset 0 0 1px rgba(255, 255, 255, .5), 0 0 1px rgba(0, 0, 0, .8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.acc {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.no-bold {
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* STYLES
|
|
||||||
-----
|
|
||||||
1. BLack 6. Gray 11. Orange 16. Slategray
|
|
||||||
2. Blue 7. Green 12. Purple 17. Steelblue
|
|
||||||
3. Brown 8. Indigo 13. Red 18. Teal
|
|
||||||
4. Firebrick 9. Lime 14. Silver 19. Violet
|
|
||||||
5. Gold 10. Olive 15. Skyblue 20. Yellow
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/* --- 17. Steelblue --- */
|
|
||||||
.pricing-steelblue .pricing-header-row-1, .pricing-steelblue .pricing-header-row-2 {
|
|
||||||
background-color: #4581b3;
|
|
||||||
background-image: -moz-linear-gradient(top, #549dd9, #4581b3);
|
|
||||||
background-image: -ms-linear-gradient(top, #549dd9, #4581b3);
|
|
||||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#549dd9), to(#4581b3));
|
|
||||||
background-image: -webkit-linear-gradient(top, #549dd9, #4581b3);
|
|
||||||
background-image: -o-linear-gradient(top, #549dd9, #4581b3);
|
|
||||||
background-image: linear-gradient(top, #549dd9, #4581b3);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#549dd9', endcolorstr='#4581b3', GradientType=0);
|
|
||||||
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
|
|
||||||
border: 1px solid #2b4f6e;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-steelblue .pricing-header-row-2 {
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-steelblue .pricing-footer {
|
|
||||||
background-color: #4581b3;
|
|
||||||
background-image: -moz-linear-gradient(top, #4581b3, #325c80);
|
|
||||||
background-image: -ms-linear-gradient(top, #4581b3, #325c80);
|
|
||||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4581b3), to(#325c80));
|
|
||||||
background-image: -webkit-linear-gradient(top, #4581b3, #325c80);
|
|
||||||
background-image: -o-linear-gradient(top, #4581b3, #325c80);
|
|
||||||
background-image: linear-gradient(top, #4581b3, #325c80);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#4581b3', endcolorstr='#325c80', GradientType=0);
|
|
||||||
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
|
|
||||||
border: 1px solid #2b4f6e;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-steelblue .animate.change-bg ul:hover .pricing-content-row-odd, .pricing-steelblue .animate.change-bg ul:hover .pricing-content-row-even{
|
|
||||||
color: #fff;
|
|
||||||
background: #4581b3;
|
|
||||||
border-left: 1px solid #2b4f6e;
|
|
||||||
border-right: 1px solid #2b4f6e;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-steelblue .animate.change-bg ul:hover .acc-inner {
|
|
||||||
color: #fff;
|
|
||||||
background: #4078a6;
|
|
||||||
border-left: 1px solid #2b4f6e;
|
|
||||||
border-right: 1px solid #2b4f6e;
|
|
||||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), inset 0 -1px 2px rgba(0, 0, 0, .2), inset 0 -1px 0 rgba(255, 255, 255, .4);
|
|
||||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), inset 0 -1px 2px rgba(0, 0, 0, .2), inset 0 -1px 0 rgba(255, 255, 255, .4);
|
|
||||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), inset 0 -1px 2px rgba(0, 0, 0, .2), inset 0 -1px 0 rgba(255, 255, 255, .4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-steelblue .animate.change-bg ul:hover .pricing-footer {
|
|
||||||
border-top-color: #4581b3;
|
|
||||||
-webkit-box-shadow: inset 0 0 0 #4581b3;
|
|
||||||
-moz-box-shadow: inset 0 0 0 #4581b3;
|
|
||||||
box-shadow: inset 0 0 0 #4581b3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-steelblue .btn-pricing {
|
|
||||||
color: #d3dce5;
|
|
||||||
background-color: #4581b3;
|
|
||||||
*background-color: #325c80;
|
|
||||||
background-image: -moz-linear-gradient(top, #4581b3, #325c80);
|
|
||||||
background-image: -ms-linear-gradient(top, #4581b3, #325c80);
|
|
||||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4581b3), to(#325c80));
|
|
||||||
background-image: -webkit-linear-gradient(top, #4581b3, #325c80);
|
|
||||||
background-image: -o-linear-gradient(top, #4581b3, #325c80);
|
|
||||||
background-image: linear-gradient(top, #4581b3, #325c80);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#4581b3', endcolorstr='#325c80', GradientType=0);
|
|
||||||
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
|
|
||||||
border-color: #4581b3 #4581b3 #325c80;
|
|
||||||
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-steelblue .btn-pricing:hover,
|
|
||||||
.pricing-steelblue .btn-pricing:active,
|
|
||||||
.pricing-steelblue .btn-pricing.active,
|
|
||||||
.pricing-steelblue .btn-pricing.disabled,
|
|
||||||
.pricing-steelblue .btn-pricing[disabled] {
|
|
||||||
color: #d3dce5;
|
|
||||||
background-color: #325c80;
|
|
||||||
*background-color: #325c80;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pricing-steelblue .btn-pricing:active,
|
|
||||||
.pricing-steelblue .btn-pricing.active {
|
|
||||||
color: #d3dce5;
|
|
||||||
background-color: #325c80 \9;
|
|
||||||
}
|
|
|
@ -98,22 +98,22 @@ body.editor {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
a.code-tab {
|
a.code-tab {
|
||||||
background-image: url(/brand/pictos/code.png);
|
background-image: url(/brand/icons/code.png);
|
||||||
}
|
}
|
||||||
a.history-tab {
|
a.history-tab {
|
||||||
background-image: url(/brand/pictos/history.png);
|
background-image: url(/brand/icons/history.png);
|
||||||
}
|
}
|
||||||
a.settings-tab, a.account-settings-tab {
|
a.settings-tab, a.account-settings-tab {
|
||||||
background-image: url(/brand/pictos/settings.png);
|
background-image: url(/brand/icons/settings.png);
|
||||||
}
|
}
|
||||||
a.collaborators-tab {
|
a.collaborators-tab {
|
||||||
background-image: url(/brand/pictos/collaborators.png);
|
background-image: url(/brand/icons/collaborators.png);
|
||||||
}
|
}
|
||||||
a.project-list-tab {
|
a.project-list-tab {
|
||||||
background-image: url(/brand/pictos/projects.png);
|
background-image: url(/brand/icons/projects.png);
|
||||||
}
|
}
|
||||||
a.subscription-tab {
|
a.subscription-tab {
|
||||||
background-image: url(/brand/pictos/subscription.png);
|
background-image: url(/brand/icons/subscription.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
#toolbar-footer {
|
#toolbar-footer {
|
||||||
|
|