update button styles

This commit is contained in:
Luke Pulverenti 2016-06-04 23:50:07 -04:00
parent 217234f89d
commit b33a3302ed
109 changed files with 474 additions and 733 deletions

View file

@ -1,4 +1,4 @@
<div id="connectLoginPage" data-role="page" class="page standalonePage connectLoginPage" data-theme="b" data-require="scripts/connectlogin,emby-input,paper-button">
<div id="connectLoginPage" data-role="page" class="page standalonePage connectLoginPage" data-theme="b" data-require="scripts/connectlogin,emby-input,emby-button">
<div data-role="content">
@ -8,30 +8,28 @@
<h1 style="text-align: left;">${HeaderSignInWithConnect}</h1>
<div class="inputContainer">
<input is="emby-input" type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="off"/>
<input is="emby-input" type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="off" />
<div class="fieldDescription" style="text-align:left;">${LabelEnterConnectUserNameHelp}</div>
</div>
<div class="inputContainer">
<input is="emby-input" type="password" id="txtManualPassword" required="required" label="${LabelPassword}" autocomplete="off"/>
<input is="emby-input" type="password" id="txtManualPassword" required="required" label="${LabelPassword}" autocomplete="off" />
</div>
<br />
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignIn}</span></paper-button>
</button>
<button is="emby-button" type="submit" class="raised accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignIn}</span></button>
<div class="forgotPassword">
<a href="https://emby.media/community/index.php?app=core&module=global&section=lostpass" target="_blank" class="clearLink">
<paper-button raised class="cancel block"><iron-icon icon="close"></iron-icon><span>${ButtonForgotPassword}</span></paper-button>
<button is="emby-button" type="button" class="raised cancel block"><iron-icon icon="close"></iron-icon><span>${ButtonForgotPassword}</span></button>
</a>
</div>
<div class="skip">
<paper-button raised class="cancel block btnSkipConnect"><iron-icon icon="close"></iron-icon><span>${ButtonSkip}</span></paper-button>
<button is="emby-button" type="button" class="raised cancel block btnSkipConnect"><iron-icon icon="close"></iron-icon><span>${ButtonSkip}</span></button>
<div class="fieldDescription" style="text-align:center;">${TextConnectToServerManually}</div>
</div>
<div class="newUsers" style="margin-top: 2em;">
<h2 style="text-align: left;">${HeaderNewUsers}</h2>
<a href="https://emby.media/community/index.php?app=core&module=global&section=register" target="_blank" class="clearLink">
<paper-button raised class="submit block btnSignupForConnect"><iron-icon icon="add"></iron-icon><span>${ButtonSignUp}</span></paper-button>
<button is="emby-button" type="button" class="raised submit block btnSignupForConnect"><iron-icon icon="add"></iron-icon><span>${ButtonSignUp}</span></button>
</a>
</div>
<div class="terms hide fieldDescription" style="margin-top: 2em; color: #ccc;"></div>
@ -46,19 +44,17 @@
<h1 style="text-align: left;">${HeaderConnectToServer}</h1>
<div class="inputContainer">
<input is="emby-input" type="text" id="txtServerHost" required="required" label="${LabelServerHost}"/>
<input is="emby-input" type="text" id="txtServerHost" required="required" label="${LabelServerHost}" />
<div class="fieldDescription" style="text-align:left;">${LabelServerHostHelp}</div>
</div>
<br />
<div class="inputContainer">
<input is="emby-input" type="number" id="txtServerPort" step="1" min="0" value="8096" label="${LabelServerPort}"/>
<input is="emby-input" type="number" id="txtServerPort" step="1" min="0" value="8096" label="${LabelServerPort}" />
</div>
<br />
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonConnect}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancelManualServer"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
<button is="emby-button" type="submit" class="raised accent block"><iron-icon icon="check"></iron-icon><span>${ButtonConnect}</span></button>
<button is="emby-button" type="button" class="raised cancel block btnCancelManualServer"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</form>
<form class="signupForm" style="margin: 0 auto;display:none;">
@ -70,25 +66,23 @@
<h1 style="text-align: left;">${HeaderSignUp}</h1>
<br />
<div class="inputContainer">
<input is="emby-input" type="text" id="txtSignupEmail" required="required" label="${LabelEmail}"/>
<input is="emby-input" type="text" id="txtSignupEmail" required="required" label="${LabelEmail}" />
</div>
<div class="inputContainer">
<input is="emby-input" type="text" id="txtSignupUsername" required="required" label="${LabelUsername}"/>
<input is="emby-input" type="text" id="txtSignupUsername" required="required" label="${LabelUsername}" />
</div>
<div class="inputContainer">
<input is="emby-input" type="password" id="txtSignupPassword" required="required" label="${LabelPassword}" autocomplete="off"/>
<input is="emby-input" type="password" id="txtSignupPassword" required="required" label="${LabelPassword}" autocomplete="off" />
</div>
<div class="inputContainer">
<input is="emby-input" type="password" id="txtSignupPasswordConfirm" required="required" label="${LabelPasswordConfirm}" autocomplete="off"/>
<input is="emby-input" type="password" id="txtSignupPasswordConfirm" required="required" label="${LabelPasswordConfirm}" autocomplete="off" />
</div>
<div class="g-recaptcha" id="recaptchaWidget" data-sitekey="6Le2LAgTAAAAAK06Wvttt_yUnbISTy6q3Azqp9po" data-theme="dark"></div>
<br />
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignUp}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancelSignup"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
<button is="emby-button" type="submit" class="raised accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignUp}</span></button>
<button is="emby-button" type="button" class="raised cancel block btnCancelSignup"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button>
</form>
<div class="welcomeContainer readOnlyContent" style="text-align: center; margin: 0 auto; display: none;">
@ -99,7 +93,7 @@
<p style="margin: 2em 0;" class="embyIntroDownloadMessage"></p>
<paper-button raised class="accent block btnWelcomeNext iconRight"><iron-icon icon="arrow-forward"></iron-icon><span>${ButtonNext}</span></paper-button>
<button is="emby-button" type="button" class="raised accent block btnWelcomeNext iconRight"><iron-icon icon="arrow-forward"></iron-icon><span>${ButtonNext}</span></button>
</div>
</div>
</div>