FuelPHP Forums

Also there are missing lang strings for spanish. And the form (and the forum itself) need some CSS to improve usability. If there is any repo of the site I can send a pull request with the changes.

Hi Phil, I've done some modifications to the forums css. You can use Stylish extension to preview the changes without modifying the code. There are some changes that can't be done with css alone, they need some layout changes, like positioning register and login/logout buttons like breadcrumb links at top right. Most changes are for registration/login form improving usability. Some other minor changes on forum tables. There is still some work to do to make the forums look sexier, but can be done later Here is the code:

body {  color: #333 }
h2 {  margin-bottom: 16px; font-family: 'Museo700', sans-serif; font-weight: normal; color: #333; font-size: 20pt }
p {  margin:0 0 16px 0; line-height: 16px }
form ul {  list-style: none; margin-top: 30px }
form ul > li {  margin: 10px 0 }
label {  margin: 0 0 0 0; width: 200px; float: left }
input[type=text] {  border: 1px solid #BBB; padding: 4px }
input[type=password] {  border: 1px solid #BBB; padding: 4px }
input[type=submit] {  padding: 5px 20px; font-size: 12pt }
input[type=checkbox] {  margin: 0 15px 0 0}
#active_step {  color: #D6242B }

.error_box {  margin: 30px; }
.error_box > p {   background-color: #710004; color: #FFF; padding: 10px; font-size: 11pt; margin-bottom: 5px }
.success-box {  background-color: #057100; color: #FFF; padding: 10px }

.forum-buttons {  display: block; height: 30px; margin: 10px 0 20px 0; }
.forum-buttons > a {  text-decoration: none; -webkit-border-radius: 5px; color: #333 !important }
.forum-buttons > a:hover {  background-color: #EEE; color: #D6242B !important }

p.forum_buttons {  line-height: normal; margin:0; padding: 0 }
p.forum_buttons > a {  text-decoration: none; display: block }

#post-actions > a {  margin: 0 10px 0 0 }

.forum-table th {  background-color: #FAFAFA }
.forum-table th.header {  background-color: #E1E1E1 }
th {  font-size: 10pt }
.forum-info, .forum-name, .forum-description, .forum-topic, .forum-replies, .forum-info {  font-size: 10pt }

td.forum-icon {  vertical-align: middle; padding: 10px }
td.forum-name {  vertical-align: middle; padding: 10px }
.forum-icon > img {  width: 20px; height: 20px }