[IMP] web_planner : clean the less style
This commit is contained in:
Jérome Maes
@@ -1,6 +1,5 @@
|
||||
|
||||
#PlannerModal {
|
||||
|
||||
#planner_page2, #planner_page3 {
|
||||
textarea{
|
||||
width: 100%;
|
||||
@@ -46,46 +45,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// XS size
|
||||
@media screen and (max-width: 768px) {
|
||||
#PlannerModal .pages {
|
||||
margin-top: 0px;
|
||||
}
|
||||
#PlannerModal .counter {
|
||||
padding: 6px 0 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
// SM size
|
||||
@media screen and (min-width: 769px) {
|
||||
#PlannerModal .paragraphs {
|
||||
div.col-md-10 {
|
||||
margin-top:1em;
|
||||
}
|
||||
.icon {
|
||||
text-align: center;
|
||||
font-size: 2em;
|
||||
margin: 1em auto .5em;
|
||||
}
|
||||
span {
|
||||
transform: translateX(-8px);
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// MD size
|
||||
@media screen and (min-width: 992px) {
|
||||
#PlannerModal .paragraphs .icon {
|
||||
text-align: center;
|
||||
font-size: 4em;
|
||||
margin: 0.3em auto .5em;
|
||||
span{
|
||||
transform: translateX(0px);
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -186,7 +186,7 @@
|
||||
customer benefit from an unlimited support, don't hesitate
|
||||
to abuse it. We are here to help you.
|
||||
</p>
|
||||
<p class="mb32">
|
||||
<p>
|
||||
We wish you a fun time,
|
||||
</p></i>
|
||||
<img src="/web_planner/static/src/img/fabien_pinckaers.jpg" class="pull-left mb32"/>
|
||||
@@ -493,7 +493,7 @@
|
||||
</p>
|
||||
<h4>What <strong>kind of proposals</strong> do you usually send to your customers ?</h4>
|
||||
<section>
|
||||
<div class="row mb1">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h4 class="text-center"><b>Fixed price offers</b></h4>
|
||||
<div class="well well-sm">
|
||||
@@ -628,7 +628,7 @@
|
||||
|
||||
<div id="planner_page8" class="planner-page">
|
||||
<h1>Incoming Emails</h1>
|
||||
<p class="text-muted mb2">
|
||||
<p class="text-muted">
|
||||
Incoming email create leads automatically when a new prospect contacts you.
|
||||
That's the easiest way to integrate Odoo with third party apps.
|
||||
</p>
|
||||
@@ -647,7 +647,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-6 col-xs-12">
|
||||
<div class="well well-sm text-center mb1">
|
||||
<div class="well well-sm text-center">
|
||||
<h4><span class="fa" data-icon=""/><t t-if="alias_name and alias_domain"> <t t-esc="alias_name"/>@<t t-esc="alias_domain"/></t></h4>
|
||||
</div>
|
||||
<div class="well well-sm text-center relative">
|
||||
@@ -777,8 +777,8 @@
|
||||
</div>
|
||||
|
||||
<div id="planner_page11" class="planner-page">
|
||||
<h1 class="mb2">Your users</h1>
|
||||
<h4 class="mb1 text-muted text-center">You're almost finished !</h4>
|
||||
<h1>Your users</h1>
|
||||
<h4 class="text-muted text-center">You're almost finished !</h4>
|
||||
<section class="container-fluid">
|
||||
<div class="col-md-4 col-md-offset-2 col-xs-12 text-center">
|
||||
<div class="panel">
|
||||
@@ -864,7 +864,7 @@
|
||||
continuous improvements of your sales teams.
|
||||
</p>
|
||||
|
||||
<div class="container-fluid paragraphs mb2">
|
||||
<div class="container-fluid paragraphs">
|
||||
<div class="row">
|
||||
<div class="col-sm-1 col-md-2 icon"><span data-icon="" /></div>
|
||||
<div class="col-sm-11 col-md-10">
|
||||
@@ -933,7 +933,7 @@
|
||||
Odoo is the only software in the world to fully integrate marketing with the whole of your sales
|
||||
channel (insight sales, point of sale, ecommerce).
|
||||
</p>
|
||||
<h4 class="mb3">
|
||||
<h4>
|
||||
<strong>To boost your lead acquisition machine,</strong> you should have a look at our marketing apps:
|
||||
</h4>
|
||||
<section>
|
||||
@@ -961,7 +961,7 @@
|
||||
class="btn odoo_purple btn_install">
|
||||
<span class="fa fa-arrow-circle-o-down"/> Install Surveys</a>
|
||||
</div>
|
||||
<div class="clearfix hidden-xs mb5"></div>
|
||||
<div class="clearfix hidden-xs"></div>
|
||||
<div class="text-center col-md-4 col-xs-6">
|
||||
<span class="fa fa-home fa-4x"></span>
|
||||
<h3><strong>Website Builder</strong></h3>
|
||||
@@ -978,7 +978,7 @@
|
||||
class="btn odoo_purple btn_install">
|
||||
<span class="fa fa-arrow-circle-o-down"/> Install Events</a>
|
||||
</div>
|
||||
<div class="text-center col-md-4 col-xs-6 mb5">
|
||||
<div class="text-center col-md-4 col-xs-6">
|
||||
<span class="fa fa-credit-card fa-4x"></span>
|
||||
<h3><strong>e-Commerce</strong></h3>
|
||||
<p>Boost your online sales with sleek product pages.</p>
|
||||
@@ -995,8 +995,8 @@
|
||||
<h1 class="text-center trophy" data-icon="" />
|
||||
<div class="text-center">
|
||||
<h1>Congratulations, you're done !</h1>
|
||||
<h3 class="mb1">We hope this process helped you improve your sales strategy.</h3>
|
||||
<h4 class="mb2">Don't hesitate to <a href="mailto:info@odoo.com?subject=Sales%20Planner" target="_blank">send us an email</a> to describe<br/> your experience or to suggest improvements !</h4>
|
||||
<h3>We hope this process helped you improve your sales strategy.</h3>
|
||||
<h4>Don't hesitate to <a href="mailto:info@odoo.com?subject=Sales%20Planner" target="_blank">send us an email</a> to describe<br/> your experience or to suggest improvements !</h4>
|
||||
|
||||
<p>Happy Selling!<br/>- The Odoo Team</p>
|
||||
<img src="/web_planner/static/src/img/odoo_logo.png"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
// FONTS
|
||||
|
||||
/**************** FONTS ****************/
|
||||
@font-face {
|
||||
font-family: 'Simple-Line-Icons';
|
||||
src:url('/web_planner/static/src/fonts/Simple-Line-Icons.eot');
|
||||
@@ -11,9 +11,9 @@
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/**************** ICON ****************/
|
||||
// use data attributes for inserting icons
|
||||
// http://www.issme.net/india/assets/plugins/line-icons/
|
||||
|
||||
[data-icon]:before {
|
||||
font-family: 'Simple-Line-Icons';
|
||||
content: attr(data-icon);
|
||||
@@ -27,7 +27,8 @@
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
//Animations
|
||||
/************** ANIMATIONS *************/
|
||||
// 'marked' effects
|
||||
@keyframes markAnim {
|
||||
0% {
|
||||
opacity: 0;
|
||||
@@ -103,7 +104,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
//bounce effect
|
||||
// 'bounce' effect
|
||||
@-webkit-keyframes bounceIn {
|
||||
0%, 20%, 40%, 60%, 80%, 100% {
|
||||
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||
@@ -173,6 +174,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
/**************** MENU PROGRESS BAR ****************/
|
||||
#oe_main_menu_navbar.navbar {
|
||||
.oe_planner_systray {
|
||||
width: 100px;
|
||||
@@ -189,61 +191,72 @@
|
||||
}
|
||||
}
|
||||
|
||||
/**************** PLANNER MODAL ****************/
|
||||
#PlannerModal {
|
||||
|
||||
font-family: "Lato", serif;
|
||||
|
||||
a {
|
||||
color: #2E917D
|
||||
}
|
||||
.btn-default {
|
||||
background-color: transparent;
|
||||
color: #7C7C7C;
|
||||
line-height: 19px;
|
||||
}
|
||||
.btn-default:hover {
|
||||
color: #333;
|
||||
}
|
||||
.btn-primary {
|
||||
background: #21b799;
|
||||
border-color: #26A38A;
|
||||
color: white;
|
||||
}
|
||||
.btn-primary:hover {
|
||||
background-color: #2E917D;
|
||||
color: white;
|
||||
}
|
||||
.odoo_purple, a.btn.odoo_purple {
|
||||
background-color: #A24689;
|
||||
color: white;
|
||||
}
|
||||
.odoo_purple.btn:hover{
|
||||
background: #a24689;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.planner-page{
|
||||
display : none;
|
||||
}
|
||||
.planner-dialog {
|
||||
width: 85%;
|
||||
font-family: "Lato", serif;
|
||||
max-width: 1024px;
|
||||
overflow: hidden;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
//button close
|
||||
// button close
|
||||
button.close {
|
||||
opacity: 1;
|
||||
line-height: 30px;
|
||||
font-size: 16px;
|
||||
color: rgba(51, 51, 51, 0.54);
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
z-index: 9999;
|
||||
z-index:9999;
|
||||
}
|
||||
button.close:hover {color:#222;}
|
||||
button.close:hover {
|
||||
color:#222;
|
||||
}
|
||||
|
||||
// modal core
|
||||
.modal-content {
|
||||
border-radius: 2px;
|
||||
background: #f3f3f3;
|
||||
}
|
||||
.modal-body {
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
max-height: inherit;
|
||||
}
|
||||
.row.oe_planner {padding: 0 15px;}
|
||||
.mb1{
|
||||
margin-bottom: 1em!important;
|
||||
}
|
||||
.mb2{
|
||||
margin-bottom: 2em!important;
|
||||
}
|
||||
.mb3{
|
||||
margin-bottom: 3em!important;
|
||||
}
|
||||
.mb5{
|
||||
margin-bottom: 5em!important;
|
||||
}
|
||||
.odoo_purple, a.btn.odoo_purple {
|
||||
background-color: #A24689;
|
||||
color: white;
|
||||
}
|
||||
.odoo_purple.btn:hover{
|
||||
background: #a24689;
|
||||
color: #fff;
|
||||
.row.oe_planner {
|
||||
padding: 0 15px;
|
||||
}
|
||||
.planner_footer {
|
||||
padding: 0;
|
||||
@@ -264,16 +277,16 @@
|
||||
border-bottom: 1px solid #E5E5E5;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
> div {
|
||||
padding: 1em 15px;
|
||||
background: #f7f7f7;
|
||||
min-height: 60px;
|
||||
}
|
||||
// mark/uncheck button animation
|
||||
button.fa-check-square-o {
|
||||
left: 5em;
|
||||
font-size: 2em;
|
||||
border: none;
|
||||
|
||||
&:focus {outline:none}
|
||||
&:hover:before{
|
||||
content: "\f096";
|
||||
@@ -289,9 +302,7 @@
|
||||
}
|
||||
button.fa-check-square-o:after {
|
||||
color: #7C7C7C;
|
||||
content: "Unckeck";
|
||||
position: absolute;
|
||||
left: 5.5em;
|
||||
font-size: .5em;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
@@ -300,7 +311,6 @@
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
button.fa-check-square-o:hover:after {
|
||||
left: 5em;
|
||||
opacity: 1;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
@@ -308,8 +318,6 @@
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.btn-next i {
|
||||
transform: translateY(1px);
|
||||
font-size: 1.3em;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.span-next {
|
||||
@@ -317,7 +325,6 @@
|
||||
right: 9em;
|
||||
top: 0.8em;
|
||||
opacity: 0;
|
||||
line-height: 2.2em;
|
||||
height: 1.3em;
|
||||
font-size: 1em;
|
||||
display: block;
|
||||
@@ -331,9 +338,6 @@
|
||||
right: 9.6em;
|
||||
opacity: 1;
|
||||
}
|
||||
.mark_as_done span {
|
||||
font-family: "Lato", serif;
|
||||
}
|
||||
}
|
||||
// MARKED ANIMATION
|
||||
.planner-page.marked:after {
|
||||
@@ -386,7 +390,6 @@
|
||||
padding: 6px 0 0 8px;
|
||||
font-weight: bold;
|
||||
color: #727272;
|
||||
font-size: 13px;
|
||||
}
|
||||
.progress {
|
||||
background-color: #C4C4C4;
|
||||
@@ -395,19 +398,13 @@
|
||||
}
|
||||
.progress-bar {
|
||||
background: #A24689;
|
||||
background: -moz-linear-gradient(top, #cc59ab 0%, #a24689 8%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc59ab), color-stop(8%,#a24689));
|
||||
background: -webkit-linear-gradient(top, #cc59ab 0%,#a24689 8%);
|
||||
background: -o-linear-gradient(top, #cc59ab 0%,#a24689 8%);
|
||||
background: -ms-linear-gradient(top, #cc59ab 0%,#a24689 8%);
|
||||
background: linear-gradient(to bottom, #cc59ab 0%,#a24689 8%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc59ab', endColorstr='#a24689',GradientType=0 );
|
||||
border-radius: 4px;
|
||||
height: 95%;
|
||||
box-shadow: 0 1px 0 #7A3067;
|
||||
}
|
||||
}
|
||||
}
|
||||
// MENU MOBILE
|
||||
.dropdown.mobile {
|
||||
padding: 10px 12px 0 0px;
|
||||
.dropdown-menu{
|
||||
@@ -508,7 +505,6 @@
|
||||
> li:last-child { border-bottom: 0;}
|
||||
|
||||
li.header {
|
||||
h5{padding-left: 0px}
|
||||
div.dropdown { display: inline;float:right; }
|
||||
span {position: relative; left: 0;}
|
||||
a {
|
||||
@@ -525,7 +521,6 @@
|
||||
margin-bottom: 10px;
|
||||
font-family: sans-serif;
|
||||
font-size: 17px;
|
||||
color: #8A6D3B;
|
||||
border: none;
|
||||
background: #F5E7CF;
|
||||
}
|
||||
@@ -533,20 +528,9 @@
|
||||
font-size: 14px;
|
||||
color: rgb(126, 95, 41);
|
||||
background: #fcf8e3;
|
||||
background: -moz-linear-gradient(top, #fcf8e3 0%, #FFF8D7 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf8e3), color-stop(100%,#FFF8D7));
|
||||
background: -webkit-linear-gradient(top, #fcf8e3 0%,#FFF8D7 100%);
|
||||
background: -o-linear-gradient(top, #fcf8e3 0%,#FFF8D7 100%);
|
||||
background: -ms-linear-gradient(top, #fcf8e3 0%,#FFF8D7 100%);
|
||||
background: linear-gradient(to bottom, #fcf8e3 0%,#FFF8D7 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf8e3', endColorstr='#FFF8D7',GradientType=0 );
|
||||
padding: 0 1em;
|
||||
position: relative;
|
||||
box-shadow: inset 0 10px 10px -9px #A89E64;
|
||||
margin: 0px -10px 0px -55px;
|
||||
|
||||
h5 {padding: 14px 0 0; display: inline-block;}
|
||||
ul { padding: 0 20px 20px 50px;}
|
||||
padding-top: 15px;
|
||||
li {font-style: italic;}
|
||||
}
|
||||
}
|
||||
@@ -617,30 +601,6 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
&.odoo_colors {
|
||||
a {color: #2E917D}
|
||||
a:hover, a:focus {color: #21b799; text-decoration: none;}
|
||||
textarea:focus, input:focus, select:focus, option:focus, .btn:focus, a:focus {outline-color: #26A38A;}
|
||||
.btn-default {
|
||||
background-color: transparent;
|
||||
color: #7C7C7C;
|
||||
line-height: 19px;
|
||||
}
|
||||
.btn-default:hover {
|
||||
color: #333;
|
||||
}
|
||||
.btn-primary {
|
||||
background: #21b799;
|
||||
border-color: #26A38A;
|
||||
text-shadow: 0 1px 0 #2E917D;
|
||||
line-height: 19px;
|
||||
color: white;
|
||||
}
|
||||
.btn-primary:hover {
|
||||
background-color: #2E917D;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
// PARAGRAPHS
|
||||
.paragraphs .icon {
|
||||
text-align: center;
|
||||
|
||||
Reference in New Issue
Block a user