Add classes to default template to avoid using IDs in SCSS

This commit is contained in:
ArthurHoaro 2018-05-10 13:26:11 +02:00
parent c69585f303
commit 9d0fc86250
11 changed files with 15 additions and 15 deletions

View File

@ -6,7 +6,7 @@
<body> <body>
<div id="pageheader"> <div id="pageheader">
{include="page.header"} {include="page.header"}
<div class="center" id="page404"> <div class="center" id="page404" class="page404-container">
<h2>{'Sorry, nothing to see here.'|t}</h2> <h2>{'Sorry, nothing to see here.'|t}</h2>
<img src="img/sad_star.png"> <img src="img/sad_star.png">
<p>{$error_message}</p> <p>{$error_message}</p>

View File

@ -5,7 +5,7 @@
</head> </head>
<body> <body>
{include="page.header"} {include="page.header"}
<div id="editlinkform" class="pure-g"> <div id="editlinkform" class="edit-link-container" class="pure-g">
<div class="pure-u-lg-1-5 pure-u-1-24"></div> <div class="pure-u-lg-1-5 pure-u-1-24"></div>
<form method="post" name="linkform" class="page-form pure-u-lg-3-5 pure-u-22-24 page-form page-form-light"> <form method="post" name="linkform" class="page-form pure-u-lg-3-5 pure-u-22-24 page-form page-form-light">
<h2 class="window-title"> <h2 class="window-title">

View File

@ -15,7 +15,7 @@
</div> </div>
<input type="hidden" name="token" value="{$token}"> <input type="hidden" name="token" value="{$token}">
<div class="center" id="import-field"> <div class="center import-field-container" id="import-field">
<input type="hidden" name="MAX_FILE_SIZE" value="{$maxfilesize}"> <input type="hidden" name="MAX_FILE_SIZE" value="{$maxfilesize}">
<input type="file" name="filetoupload"> <input type="file" name="filetoupload">
<p><br>{'Maximum size allowed:'|t} <strong>{$maxfilesizeHuman}</strong></p> <p><br>{'Maximum size allowed:'|t} <strong>{$maxfilesizeHuman}</strong></p>

View File

@ -16,7 +16,7 @@
</div> </div>
<input type="hidden" name="token" value="{$token}"> <input type="hidden" name="token" value="{$token}">
<div id="search-linklist"> <div id="search-linklist" class="searchform-block search-linklist">
<form method="GET" class="pure-form searchform" name="searchform"> <form method="GET" class="pure-form searchform" name="searchform">
<input type="text" tabindex="1" name="searchterm" class="searchterm" placeholder="{'Search text'|t}" <input type="text" tabindex="1" name="searchterm" class="searchterm" placeholder="{'Search text'|t}"

View File

@ -18,7 +18,7 @@
{else} {else}
<div class="pure-g"> <div class="pure-g">
<div class="pure-u-lg-1-3 pure-u-1-24"></div> <div class="pure-u-lg-1-3 pure-u-1-24"></div>
<div id="login-form" class="page-form page-form-light pure-u-lg-1-3 pure-u-22-24"> <div id="login-form" class="page-form page-form-light pure-u-lg-1-3 pure-u-22-24 login-form-container">
<form method="post" name="loginform"> <form method="post" name="loginform">
<h2 class="window-title">{'Login'|t}</h2> <h2 class="window-title">{'Login'|t}</h2>
<div> <div>

View File

@ -2,7 +2,7 @@
<div class="pure-g"> <div class="pure-g">
<div class="pure-u-2-24"></div> <div class="pure-u-2-24"></div>
<div id="footer" class="pure-u-20-24"> <div id="footer" class="pure-u-20-24 footer-container">
<strong><a href="https://github.com/shaarli/Shaarli">Shaarli</a></strong> <strong><a href="https://github.com/shaarli/Shaarli">Shaarli</a></strong>
{if="isLoggedIn()===true"} {if="isLoggedIn()===true"}
{$version} {$version}

View File

@ -95,8 +95,8 @@
</div> </div>
</div> </div>
<div id="content"> <div id="content" class="container">
<div id="search" class="subheader-form"> <div id="search" class="subheader-form searchform-block header-search">
<form method="GET" class="pure-form searchform" name="searchform"> <form method="GET" class="pure-form searchform" name="searchform">
<input type="text" tabindex="1" id="searchform_value" name="searchterm" placeholder="{'Search text'|t}" <input type="text" tabindex="1" id="searchform_value" name="searchterm" placeholder="{'Search text'|t}"
{if="!empty($search_term)"} {if="!empty($search_term)"}
@ -122,7 +122,7 @@
</div> </div>
{if="!isLoggedIn()"} {if="!isLoggedIn()"}
<form method="post" name="loginform"> <form method="post" name="loginform">
<div class="subheader-form" id="header-login-form"> <div class="subheader-form header-login-form" id="header-login-form">
<input type="text" name="login" placeholder="{'Username'|t}" tabindex="3"> <input type="text" name="login" placeholder="{'Username'|t}" tabindex="3">
<input type="password" name="password" placeholder="{'Password'|t}" tabindex="5"> <input type="password" name="password" placeholder="{'Password'|t}" tabindex="5">
<div class="remember-me"> <div class="remember-me">

View File

@ -18,9 +18,9 @@
{/loop} {/loop}
</div> </div>
<div id="picwall_container"> <div id="picwall_container" class="picwall-container">
{loop="$linksToDisplay"} {loop="$linksToDisplay"}
<div class="picwall_pictureframe"> <div class="picwall-pictureframe">
{$value.thumbnail}<a href="{$value.real_url}"><span class="info">{$value.title}</span></a> {$value.thumbnail}<a href="{$value.real_url}"><span class="info">{$value.title}</span></a>
{loop="$value.picwall_plugin"} {loop="$value.picwall_plugin"}
{$value} {$value}

View File

@ -16,7 +16,7 @@
<div class="clear"></div> <div class="clear"></div>
</noscript> </noscript>
<form method="POST" action="?do=save_pluginadmin" name="pluginform" id="pluginform"> <form method="POST" action="?do=save_pluginadmin" name="pluginform" id="pluginform" class="pluginform-container">
<div class="pure-g"> <div class="pure-g">
<div class="pure-u-lg-1-8 pure-u-1-24"></div> <div class="pure-u-lg-1-8 pure-u-1-24"></div>
<div class="pure-u-lg-3-4 pure-u-22-24 page-form page-form-complete"> <div class="pure-u-lg-3-4 pure-u-22-24 page-form page-form-complete">

View File

@ -45,7 +45,7 @@
{/loop} {/loop}
</div> </div>
<div id="cloudtag"> <div id="cloudtag" class="cloudtag-container">
{loop="tags"} {loop="tags"}
<a href="?searchtags={$key|urlencode} {$search_tags|urlencode}" style="font-size:{$value.size}em;">{$key}</a <a href="?searchtags={$key|urlencode} {$search_tags|urlencode}" style="font-size:{$value.size}em;">{$key}</a
><a href="?addtag={$key|urlencode}" title="{'Filter by tag'|t}" class="count">{$value.count}</a> ><a href="?addtag={$key|urlencode}" title="{'Filter by tag'|t}" class="count">{$value.count}</a>

View File

@ -21,7 +21,7 @@
</p> </p>
{/if} {/if}
<div id="search-tagcloud" class="pure-g"> <div id="search-tagcloud" class="pure-g searchform-block search-tagcloud">
<div class="pure-u-lg-1-4"></div> <div class="pure-u-lg-1-4"></div>
<div class="pure-u-1 pure-u-lg-1-2"> <div class="pure-u-1 pure-u-lg-1-2">
<form method="GET"> <form method="GET">
@ -45,7 +45,7 @@
{/loop} {/loop}
</div> </div>
<div id="taglist"> <div id="taglist" class="taglist-container">
{loop="tags"} {loop="tags"}
<div class="tag-list-item pure-g" data-tag="{$key}"> <div class="tag-list-item pure-g" data-tag="{$key}">
<div class="pure-u-1"> <div class="pure-u-1">