Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

CSS Tweaks #322

Merged
merged 8 commits into from

1 participant

@Labradoodle-360
  • A bunch of CSS fixes and updates.

  • Fixed a lot of RTL compatibility issues (Part I & Part II cover BoardIndex, index, Display, and PersonalMessages.)

  • Fixed the alignment of the news item; maintaining RTL / LTR and multi-line news item support.

  • Fixed the alignment of the edit language blocks.

Signed-Off: Matthew "Labradoodle-360" Kerle lab360@simplemachines.org

Labradoodle-360 added some commits
@Labradoodle-360 Labradoodle-360 News Alignment Fix
- Better aligns the *News:* item so it's floating right, maintaining
RTL/LTR compatibility and without messing up multiple-line news items.

Signed-Off: Matthew "Labradoodle-360" Kerle <lab360@simplemachines.org>
a012ef7
@Labradoodle-360 Labradoodle-360 Edit Language Description Alignment
- The edit language cat_bar and information description block was pushed
right up against the block below, added 8px bottom margin to separate
the blocks, looks much better this way.
48470fa
@Labradoodle-360 Labradoodle-360 More efficient selector
- The width was being forced on the wrapping anchor block element with
the goal of resizing the image to 40x40px. Now utilizes a "more proper"
selector by forcing the width and height of the actual image element and
also now uses the max- prefix for the very rare scenario of an avatar
being smaller.
e2f5769
@Labradoodle-360 Labradoodle-360 Part 1 - RTL Compatibility Fixes
Part 1 covers most of the BoardIndex / Index fairly well.
8bdb590
@Labradoodle-360 Labradoodle-360 Shadow Updates
- Updated text-shadows for the forum name and also active / hover states
of the navigation system.

Signed-Off: Matthew "Labradoodle-360" Kerle <lab360@simplemachines.org>
90bf979
@Labradoodle-360 Labradoodle-360 Button List Updates
- Some minor tweaks made to the button list. Added a text-shadow for the
active button. Also removed the box-shadow as inspired by @123s

Signed-Off: Matthew "Labradoodle-360" Kerle <lab360@simplemachines.org>
fe236d1
@Labradoodle-360 Labradoodle-360 Part II - RTL Compatibility Fixes
- Covers topics and PMs.

Signed-Off: Matthew "Labradoodle-360" Kerle <lab360@simplemachines.org>
b403059
@Labradoodle-360 Labradoodle-360 ?action=credits target
- The ?action=credits link no longer opens in a new window since it's
internal.
- Concatenation tweak.

Signed-Off: Matthew "Labradoodle-360" Kerle <lab360@simplemachines.org>
9bb2b2c
@Labradoodle-360 Labradoodle-360 merged commit 20965e8 into SimpleMachines:release-2.1
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Mar 23, 2013
  1. @Labradoodle-360

    News Alignment Fix

    Labradoodle-360 authored
    - Better aligns the *News:* item so it's floating right, maintaining
    RTL/LTR compatibility and without messing up multiple-line news items.
    
    Signed-Off: Matthew "Labradoodle-360" Kerle <lab360@simplemachines.org>
  2. @Labradoodle-360

    Edit Language Description Alignment

    Labradoodle-360 authored
    - The edit language cat_bar and information description block was pushed
    right up against the block below, added 8px bottom margin to separate
    the blocks, looks much better this way.
  3. @Labradoodle-360

    More efficient selector

    Labradoodle-360 authored
    - The width was being forced on the wrapping anchor block element with
    the goal of resizing the image to 40x40px. Now utilizes a "more proper"
    selector by forcing the width and height of the actual image element and
    also now uses the max- prefix for the very rare scenario of an avatar
    being smaller.
  4. @Labradoodle-360

    Part 1 - RTL Compatibility Fixes

    Labradoodle-360 authored
    Part 1 covers most of the BoardIndex / Index fairly well.
  5. @Labradoodle-360

    Shadow Updates

    Labradoodle-360 authored
    - Updated text-shadows for the forum name and also active / hover states
    of the navigation system.
    
    Signed-Off: Matthew "Labradoodle-360" Kerle <lab360@simplemachines.org>
  6. @Labradoodle-360

    Button List Updates

    Labradoodle-360 authored
    - Some minor tweaks made to the button list. Added a text-shadow for the
    active button. Also removed the box-shadow as inspired by @123s
    
    Signed-Off: Matthew "Labradoodle-360" Kerle <lab360@simplemachines.org>
  7. @Labradoodle-360

    Part II - RTL Compatibility Fixes

    Labradoodle-360 authored
    - Covers topics and PMs.
    
    Signed-Off: Matthew "Labradoodle-360" Kerle <lab360@simplemachines.org>
Commits on Mar 24, 2013
  1. @Labradoodle-360

    ?action=credits target

    Labradoodle-360 authored
    - The ?action=credits link no longer opens in a new window since it's
    internal.
    - Concatenation tweak.
    
    Signed-Off: Matthew "Labradoodle-360" Kerle <lab360@simplemachines.org>
This page is out of date. Refresh to see the latest.
View
4 Themes/default/ManageLanguages.template.php
@@ -244,12 +244,12 @@ function template_modify_language_entries()
', $txt['edit_languages'], '
</h3>
</div>
- <div class="information">
+ <div id="editlang_desc" class="information">
', $txt['edit_language_entries_primary'], '
</div>';
// Not writable?
- if ($context['lang_file_not_writable_message'])
+ if (!empty($context['lang_file_not_writable_message']))
{
// Oops, show an error for ya.
echo '
View
21 Themes/default/css/index.css
@@ -998,7 +998,7 @@ img.sort {
font-weight: bold;
border: 1px solid #f49a3a;
box-shadow: 0 5px 5px rgba(255,255,255,0.2) inset;
- text-shadow: 0 0 1px rgba(0,0,0,0.4);
+ text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}
/* Level 1 hover effects. */
.dropmenu li a:hover, .dropmenu li:hover a, .dropmenu li a:focus {
@@ -1008,6 +1008,7 @@ img.sort {
cursor: pointer;
text-decoration: none;
box-shadow: 0 4px 4px rgba(255,255,255,0.1) inset;
+ text-shadow: 1px 1px 3px rgba(255, 255, 255, 1);
}
/* Level 1 active button. */
.dropmenu li a.active:hover, .dropmenu li:hover a.active {
@@ -1304,9 +1305,7 @@ img.sort {
font-weight: bold;
border-radius: 3px;
border: 1px solid #558080;
- border-left: 1px solid #bbb;
- border-top: 1px solid #354f64;
- box-shadow: -1px -1px 2px rgba(0,0,0,0.1), -1px -2px 3px rgba(255,255,255,0.3) inset, 1px 2px 3px rgba(0,0,0,0.1) inset;
+ text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}
.buttonlist ul li a.active:hover {
color: #ffc187;
@@ -1419,7 +1418,7 @@ h1.forumtitle {
}
h1.forumtitle a {
color: #a85400;
- text-shadow: -1px -1px 0 rgba(0,0,0,0.5), 1px 1px 0 #fff;
+ text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5), 1px 1px 0 #fff;
}
/* Float these items to the right */
#siteslogan, img#smflogo {
@@ -1478,16 +1477,15 @@ ul li.greeting {
#inner_wrap a.avatar {
float: left;
margin: 0 10px 5px 0;
- width: 40px;
}
/* No more huge avatars up top. YAY! */
#inner_wrap a.avatar img {
- height: 100%;
- width: 100%;
+ max-width: 40px;
+ max-height: 40px;
}
/* News section. */
#inner_wrap .news {
- width: 50%;
+ max-width: 50%;
max-width: 27em;
float: right;
overflow: auto;
@@ -4039,6 +4037,11 @@ span.hidelink {
border: none;
box-shadow: none;
}
+
+div#editlang_desc {
+ margin-bottom: 8px;
+}
+
/* Some caution required here, as Post.template.php topic summary shares #recent with recent posts. */
#recent .core_posts {
padding: 8px 0;
View
51 Themes/default/css/rtl.css
@@ -46,6 +46,37 @@
padding-left: 0;
}
+a#bot {
+ float: left;
+}
+
+img.icon {
+ margin: 0 0 0 5px !important;
+}
+
+a.collapse img {
+ margin: -8px 0 0 -4px;
+}
+
+#menu_nav {
+ padding: 0;
+}
+
+.button_submit, .button_reset, .button_link {
+ margin: 0;
+}
+
+/* BoardIndex Styling for RTL */
+td.lastpost {
+ border-left: 1px solid #ddd;
+ border-right: 0px !important;
+}
+
+.table_list td.icon {
+ border-left: 0px !important;
+ border-right: 1px solid #ddd;
+}
+
/* Lists with settings use these a lot.
------------------------------------------------------- */
dl.settings {
@@ -167,8 +198,7 @@ li#collapse_button {
margin: 0 0 0 0.2em;
}
.buttonlist ul li a {
- margin-left: 0;
- margin-right: 12px;
+ margin: 0;
}
.buttonlist ul li a span {
left: 8px;
@@ -260,7 +290,7 @@ form#ic_login ul li {
text-align: left;
}
img#upshrink_ic, img#newsupshrink {
- float: right;
+ float: left;
}
/* Styles for the message (topic) index.
@@ -354,9 +384,10 @@ span.percent {
margin: 0 0 0 0.5em;
}
-.keyinfo {
- float: right;
+#display_jump_to select {
+ margin: 0;
}
+
.modifybutton {
clear: left;
float: left;
@@ -897,4 +928,14 @@ span.search_weight {
}
ul.moderation_notes li {
padding: 4px 4px 4px 0;
+}
+
+#inner_wrap a.avatar {
+ float: right;
+ width: 46px;
+}
+
+.unread_links {
+ float: left !important;
+ padding-left: 0;
}
View
6 Themes/default/languages/index.english.php
@@ -206,7 +206,7 @@
$txt['welcome_guest'] = 'Welcome, <strong>%1$s</strong>. Please <a href="%2$s">login</a>.';
//$txt['welcome_guest_register'] = 'Welcome, <strong>%1$s</strong>. Please <a href="' . $scripturl . '?action=login">login</a> or <a href="' . $scripturl . '?action=register">register</a>.';
-$txt['welcome_guest_register'] = 'Welcome to <strong>'. $context['forum_name']. '</strong>. Please <a href="' . $scripturl . '?action=login">login</a> or <a href="' . $scripturl . '?action=register">register</a>.';
+$txt['welcome_guest_register'] = 'Welcome to <strong>' . $context['forum_name'] . '</strong>. Please <a href="' . $scripturl . '?action=login">login</a> or <a href="' . $scripturl . '?action=register">register</a>.';
$txt['please_login'] = 'Please <a href="' . $scripturl . '?action=login">login</a>.';
$txt['login_or_register'] = 'Please <a href="' . $scripturl . '?action=login">login</a> or <a href="' . $scripturl . '?action=register">register</a>.';
@@ -501,7 +501,7 @@
$txt['go_up'] = 'Go Up';
$txt['go_down'] = 'Go Down';
-$forum_copyright = '<a href="' . $scripturl . '?action=credits" title="Simple Machines Forum" target="_blank" class="new_win">%1$s</a> |
+$forum_copyright = '<a href="' . $scripturl . '?action=credits" title="Simple Machines Forum" class="new_win">%1$s</a> |
<a href="http://www.simplemachines.org/about/smf/license.php" title="License" target="_blank" class="new_win">SMF &copy; 2012</a>, <a href="http://www.simplemachines.org" title="Simple Machines" target="_blank" class="new_win">Simple Machines</a>';
$txt['birthdays'] = 'Birthdays:';
@@ -831,4 +831,4 @@
$txt['debug_browser'] = 'Browser ID: ';
$txt['debug_hooks'] = 'Hooks called: ';
-?>
+?>
Something went wrong with that request. Please try again.