fix outline button style

This commit is contained in:
bechi 2015-01-28 17:59:26 -03:00
parent 40ec1142bd
commit fd0502ee0a
11 changed files with 47 additions and 49 deletions

View File

@ -534,23 +534,6 @@ ul.tx-copayers {
background-color: #213140;
}
a.button-setup {
border-radius: 3px;
border: 1px solid #ccc;
display: block;
padding: 0.5rem;
background: transparent;
color: #A0A3A6;
}
.createProfile a.button-setup, .home a.button-setup, .settings a.button-setup, .import-profile a.button-setup {
border-radius: 3px;
border: 1px solid #3E5366;
display: block;
padding: 0.5rem;
background: transparent;
}
.dn {display: none;}
.dni {display: none !important;}
.pr {position: relative;}
@ -989,6 +972,34 @@ input[type=date], input[type=datetime-local], input[type=datetime], input[type=e
font-size: 13px;
}
/*//////////////////////////// BUTTON OUTLINE ////////////////////////////*/
.button.outline {
border-radius: 3px;
background: transparent;
text-transform: none;
}
.button.outline.dark-gray {
border: 1px solid #A5B2BF;
color: #A5B2BF;
}
.button.outline.light-gray {
border: 1px solid #CED5DC;
color: #7A8C9E;
}
.button.outline.light-gray:hover {
background: rgba(206,213,220,0.40);
color: #4B6178;
}
.button.outline.dark-gray:hover {
background: rgba(255,255,255,.1);
color: #fff;
}
/* SECONDARY */
button.secondary,
.button.secondary {

View File

@ -328,17 +328,6 @@
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.add-wallet .button-setup {
border: 1px solid #A5B2BF;
border-radius: 5px;
color: #7A8C9E;
text-align: center;
padding: 2rem;
margin: 2rem 0;
text-transform: uppercase;
font-size: 16px;
}
.modal.fade, .reveal-modal-bg {
opacity: 1;
}

View File

@ -47,7 +47,7 @@
<div class="line-dashed-h m20b"></div>
<div class="m20b oh">
<a class="small left button-setup" ng-click="hideAdv=!hideAdv">
<a class="button outline light-gray tiny" ng-click="hideAdv=!hideAdv">
<i class="fi-widget m3r"></i>
<span translate ng-hide="!hideAdv">Show</span>
<span translate ng-hide="hideAdv">Hide</span>

View File

@ -97,13 +97,13 @@
<div class="box-setup-footer">
<div class="left">
<a class="button-setup text-gray" href="#!/">
<i class="icon-arrow-left4"></i>
<a class="button outline dark-gray tiny" href="#!/">
<i class="icon-arrow-left4 size-10"></i>
<span translate>Back</span>
</a>
</div>
<div class="right">
<a class="button-setup text-gray"
<a class="button outline dark-gray tiny"
ng-click="$root.openExternalLink('https://copay.io/profile-storage.html')">
Learn more about this option
</a>

View File

@ -181,8 +181,6 @@
{{hideAll}}
</button>
</form>
aasdas
<div ng-if="usingLocalStorage" class="text-gray size-12 m10v">
* Using this device storage. Change to cloud storage on 'settings'.
</div>
@ -192,21 +190,21 @@ aasdas
<div class="box-setup-footer">
<div class="right">
<a class="button-setup text-gray" ng-click="$root.go('/settings')">
<i class="icon-wrench"></i>
<a class="button outline dark-gray tiny" ng-click="$root.go('/settings')">
<i class="icon-wrench hide-for-small-only"></i>
<span translate>Settings</span>
</a>
</div>
<div class="left m10r">
<a class="button-setup text-gray" ng-click="$root.go('/createProfile')">
<i class="icon-person"></i>
<a class="button outline dark-gray tiny" ng-click="$root.go('/createProfile')">
<i class="icon-person hide-for-small-only"></i>
<span translate>Create profile</span>
</a>
</div>
<div class="left">
<a class="button-setup text-gray" ng-click="$root.go('/importProfile')">
<i class="icon-upload"></i>
<a class="button outline dark-gray tiny" ng-click="$root.go('/importProfile')">
<i class="icon-upload hide-for-small-only"></i>
<span translate>Import</span>
</a>
</div>

View File

@ -55,7 +55,7 @@
<div class="line-dashed-h m20b"></div>
<div class="m20b oh">
<a class="small left button-setup" ng-click="hideAdv=!hideAdv">
<a class="button outline light-gray tiny" ng-click="hideAdv=!hideAdv">
<i class="fi-widget m3r"></i>
<span translate ng-hide="!hideAdv">Show</span>
<span translate ng-hide="hideAdv">Hide</span>

View File

@ -53,8 +53,8 @@
</form>
<div class="box-setup-footer">
<div class="left">
<a class="button-setup text-gray" href="#!/">
<i class="icon-arrow-left4"></i>
<a class="button outline dark-gray tiny" href="#!/">
<i class="icon-arrow-left4 size-10"></i>
<span translate>Back</span>
</a>
</div>

View File

@ -46,7 +46,7 @@
<div class="line-dashed-h m20b"></div>
<div class="m20b oh">
<a class="small left button-setup" ng-click="hideAdv=!hideAdv">
<a class="button outline light-gray tiny" ng-click="hideAdv=!hideAdv">
<i class="fi-widget m3r"></i>
<span translate ng-hide="!hideAdv">Show</span>
<span translate ng-hide="hideAdv">Hide</span>

View File

@ -76,7 +76,7 @@
<div class="m20b row">
<div class="large-12 columns">
<a class="small left button-setup" ng-click="hideAdv=!hideAdv">
<a class="button outline light-gray tiny" ng-click="hideAdv=!hideAdv">
<i class="fi-widget m3r"></i>
<span translate ng-hide="!hideAdv">Show</span>
<span translate ng-hide="hideAdv">Hide</span>

View File

@ -50,7 +50,7 @@
<div class="row oh m20b">
<div class="large-12 columns">
<a class="small left button-setup" ng-click="hideAdv=!hideAdv">
<a class="button outline light-gray tiny" ng-click="hideAdv=!hideAdv">
<i class="fi-widget m3r"></i>
<span translate ng-hide="!hideAdv">Show</span>
<span translate ng-hide="hideAdv">Hide</span>

View File

@ -71,13 +71,13 @@
</form>
<div class="box-setup-footer">
<div class="left">
<a class="button-setup text-gray" href="#!/">
<i class="icon-arrow-left4"></i>
<a class="button outline dark-gray tiny" href="#!/">
<i class="icon-arrow-left4 size-10"></i>
<span translate>Back</span>
</a>
</div>
<div class="right">
<a class="button-setup text-gray" href="" ng-click="reset()">
<a class="button outline dark-gray tiny" href="" ng-click="reset()">
<i class="fi-page-delete"></i>
<span translate>Reset settings</span>
</a>