Some minor design fixes
authorMarcel Werk <burntime@woltlab.com>
Wed, 25 Apr 2012 10:38:25 +0000 (12:38 +0200)
committerMarcel Werk <burntime@woltlab.com>
Wed, 25 Apr 2012 10:38:25 +0000 (12:38 +0200)
22 files changed:
wcfsetup/install/files/acp/templates/cacheList.tpl
wcfsetup/install/files/acp/templates/cronjobAdd.tpl
wcfsetup/install/files/acp/templates/cronjobLogList.tpl
wcfsetup/install/files/acp/templates/userAdd.tpl
wcfsetup/install/files/acp/templates/userGroupAdd.tpl
wcfsetup/install/files/acp/templates/userGroupList.tpl
wcfsetup/install/files/acp/templates/userMail.tpl
wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
wcfsetup/install/files/style/acl.less
wcfsetup/install/files/style/alerts.less
wcfsetup/install/files/style/attachment.less
wcfsetup/install/files/style/badge.less
wcfsetup/install/files/style/breadcrumbs.less
wcfsetup/install/files/style/button.less
wcfsetup/install/files/style/codebox.less
wcfsetup/install/files/style/comments.less
wcfsetup/install/files/style/forms.less
wcfsetup/install/files/style/layout.less
wcfsetup/install/files/style/mixins.less
wcfsetup/install/files/style/tabs.less
wcfsetup/install/files/style/variables.less
wcfsetup/install/files/style/wbb.less

index 7015f9cf6b1763a2d966de12f90c7a77d800c3fb..83082ecd24c60a8f83e175e234b01a5ea27a6884 100644 (file)
@@ -64,7 +64,7 @@
        {if $files|count}
                <div class="tabularBox tabularBoxTitle marginTop shadow">
                        <hgroup>
-                               <h1><a class="jsCollapsible" data-is-open="0" data-collapsible-container="cache{@$cacheIndex}"><img src="{@$__wcf->getPath()}icon/closed2.svg" alt="" title="{lang}wcf.global.button.collapsible{/lang}" class="icon16 jsTooltip" /></a> {$cache} <span class="wcf-badge" title="{lang}wcf.acp.cache.data.files.count{/lang}">{#$files|count}</span></h1>
+                               <h1><a class="jsCollapsible" data-is-open="0" data-collapsible-container="cache{@$cacheIndex}"><img src="{@$__wcf->getPath()}icon/closed2.svg" alt="" title="{lang}wcf.global.button.collapsible{/lang}" class="icon16 jsTooltip" /></a> {$cache} <span class="badge badgeInverse" title="{lang}wcf.acp.cache.data.files.count{/lang}">{#$files|count}</span></h1>
                        </hgroup>
                        
                        <table id="cache{@$cacheIndex}" style="display: none;" class="table">
index 17a8a98862ebe99aee3134da809dceb139a9948c..db27007548ed064414fc7612649733df4b20f2c2 100644 (file)
@@ -3,7 +3,6 @@
 <header class="boxHeadline">
        <hgroup>
                <h1>{lang}wcf.acp.cronjob.{$action}{/lang}</h1>
-               <h2>{lang}wcf.acp.cronjob.subtitle{/lang}</h2>
        </hgroup>
 </header>
 
index aeb8583adb49883c748ac349c737c7e10e6514df..50665d267ac99f19272ea6e938e2bc8ebecd4dc8 100644 (file)
@@ -3,7 +3,6 @@
 <header class="boxHeadline">
        <hgroup>
                <h1>{lang}wcf.acp.cronjob.log{/lang}</h1>
-               <h2>{lang}wcf.acp.cronjob.subtitle{/lang}</h2>
        </hgroup>
 </header>
 
@@ -15,7 +14,7 @@
        <form method="post" action="{link controller='CronjobLogDelete'}{/link}">
                <div class="tabularBox tabularBoxTitle marginTop shadow">
                        <hgroup>
-                               <h1>{lang}wcf.acp.cronjob.log{/lang} <span class="badge" title="{lang}wcf.acp.cronjob.log.count{/lang}">{#$items}</span></h1>
+                               <h1>{lang}wcf.acp.cronjob.log{/lang} <span class="badge badgeInverse" title="{lang}wcf.acp.cronjob.log.count{/lang}">{#$items}</span></h1>
                        </hgroup>
                        
                        <table class="table">
index 2f155a96e041e27d0ba4e32cc22552e9d68d8bc4..349ac7cc548ff3d5c489ae43393fa80e685bda48 100644 (file)
 
 <form method="post" action="{if $action == 'add'}{link controller='UserAdd'}{/link}{else}{link controller='UserEdit'}{/link}{/if}">
        <div class="container containerPadding marginTop shadow">
-               <dl{if $errorType.username|isset} class="formError"{/if}>
-                       <dt><label for="username">{lang}wcf.user.username{/lang}</label></dt>
-                       <dd>
-                               <input type="text" id="username" name="username" value="{$username}" pattern="^[^,\n]+$" autofocus="autofocus" class="medium" />
-                               {if $errorType.username|isset}
-                                       <small class="innerError">
-                                               {if $errorType.username == 'empty'}
-                                                       {lang}wcf.global.form.error.empty{/lang}
-                                               {else}
-                                                       {lang}wcf.user.username.error.{@$errorType.username}{/lang}
-                                               {/if}
-                                       </small>
-                               {/if}
-                       </dd>
-               </dl>
+               <fieldset>
+                       <legend>{lang}wcf.acp.user.general{/lang}</legend>
                
-               {if $availableGroups|count}
-                       <dl>
-                               <dt>
-                                       <label>{lang}wcf.acp.user.groups{/lang}</label>
-                               </dt>
+                       <dl{if $errorType.username|isset} class="formError"{/if}>
+                               <dt><label for="username">{lang}wcf.user.username{/lang}</label></dt>
                                <dd>
-                                       <fieldset>
-                                               <legend>{lang}wcf.acp.user.groups{/lang}</legend>
-                                               
-                                               <dl>
-                                                       <dd>
-                                                               {htmlCheckboxes options=$availableGroups name=groupIDs selected=$groupIDs}
-                                                       </dd>
-                                               </dl>
-                                       </fieldset>
+                                       <input type="text" id="username" name="username" value="{$username}" pattern="^[^,\n]+$" autofocus="autofocus" class="medium" />
+                                       {if $errorType.username|isset}
+                                               <small class="innerError">
+                                                       {if $errorType.username == 'empty'}
+                                                               {lang}wcf.global.form.error.empty{/lang}
+                                                       {else}
+                                                               {lang}wcf.user.username.error.{@$errorType.username}{/lang}
+                                                       {/if}
+                                               </small>
+                                       {/if}
                                </dd>
                        </dl>
-               {/if}
+               
+                       {if $availableGroups|count}
+                               <dl>
+                                       <dt>
+                                               <label>{lang}wcf.acp.user.groups{/lang}</label>
+                                       </dt>
+                                       <dd>
+                                               {htmlCheckboxes options=$availableGroups name=groupIDs selected=$groupIDs}
+                                       </dd>
+                               </dl>
+                       {/if}
+               </fieldset>
                
                {if $action == 'add' || $__wcf->session->getPermission('admin.user.canEditMailAddress')}
                        <fieldset>
index bfc3899ee7cc016a00bf483ee2af2ceef891eb79..788b524db06adfbfc76c3bfba04650b922b500a7 100644 (file)
                                        {foreach from=$categoryLevel1[categories] item=categoryLevel2}
                                                <div id="{@$categoryLevel1[object]->categoryName}-{@$categoryLevel2[object]->categoryName}" class="hidden">
                                                        {if $categoryLevel2[options]|count}
-                                                               {include file='optionFieldList' options=$categoryLevel2[options] langPrefix='wcf.acp.group.option.'}
+                                                               <fieldset>
+                                                                       <legend>{lang}wcf.acp.group.option.category.{@$categoryLevel2[object]->categoryName}{/lang}</legend>
+                                                                       {hascontent}<small>{content}{lang __optional=true}wcf.acp.group.option.category.{@$categoryLevel2[object]->categoryName}.description{/lang}{/content}</small>{/hascontent}
+                                                               
+                                                                       {include file='optionFieldList' options=$categoryLevel2[options] langPrefix='wcf.acp.group.option.'}
+                                                               </fieldset>
                                                        {/if}
                                                        
                                                        {if $categoryLevel2[categories]|count}
index bceb3d49050a87ec6bbec5aa7b8a0b90191d1009..6ddc026fee074a131855e65fede0973f72fdfe45 100644 (file)
@@ -28,7 +28,7 @@
 {hascontent}
        <div class="tabularBox tabularBoxTitle marginTop shadow">
                <hgroup>
-                       <h1>{lang}wcf.acp.group.list{/lang} <span class="badge" title="{lang}wcf.acp.group.list.count{/lang}">{#$items}</span></h1>
+                       <h1>{lang}wcf.acp.group.list{/lang} <span class="badge badgeInverse" title="{lang}wcf.acp.group.list.count{/lang}">{#$items}</span></h1>
                </hgroup>
                
                <table class="table">
index 6938a0efc849dec8220d1696a4592c0cfeae6f86..66363dcdbed62068c9131ad8f65a7b4f5df399f9 100644 (file)
@@ -91,7 +91,7 @@
                        <dl{if $errorField == 'subject'} class="formError"{/if}>
                                <dt><label for="subject">{lang}wcf.acp.user.sendMail.subject{/lang}</label></dt>
                                <dd>
-                                       <input type="text" id="subject" name="subject" value="{$subject}" autofocus="autofocus" placeholder="enter subject" class="long" />
+                                       <input type="text" id="subject" name="subject" value="{$subject}" autofocus="autofocus" class="long" />
                                        {if $errorField == 'subject'}
                                                <small class="innerError">
                                                        {if $errorType == 'empty'}
                        <dl{if $errorField == 'from'} class="formError"{/if}>
                                <dt><label for="from">{lang}wcf.acp.user.sendMail.from{/lang}</label></dt>
                                <dd>
-                                       <input type="text" id="from" name="from" value="{$from}" class="medium" />
+                                       <input type="text" id="from" name="from" value="{$from}" class="long" />
                                        {if $errorField == 'from'}
                                                <small class="innerError">
                                                        {if $errorType == 'empty'}
                        </dl>
                        
                        <dl>
-                               <dt></dt>
                                <dd>
                                        <label><input type="checkbox" id="enableHTML" name="enableHTML" {if $enableHTML == 1}checked="checked" {/if}value="1" /> {lang}wcf.acp.user.sendMail.enableHTML{/lang}</label>
                                </dd>
index ae0a9916ad68c2877e3df31676a695063ca51db9..337a2eb0d6efb94f7befc0fb9bb9382853156438 100644 (file)
                                </nav>
                                
                                {if $options|count}
-                                       <div id="profile" class="container containerPadding tabMenuContent hidden">
+                                       <fieldset id="profile" class="container containerPadding tabMenuContent hidden">
                                                {include file='optionFieldList' langPrefix='wcf.user.option.'}
-                                       </div>
+                                       </fieldset>
                                {/if}
                                
                                {event name='tabMenuContent'}
        </div>
        
        <div class="container containerPadding marginTop shadow">
-               <dl{if $errorField == 'action'} class="formError"{/if}>
-                       <dt><label>{lang}wcf.acp.user.massProcessing.action{/lang}</label></dt>
-                       <dd>
-                               <fieldset>
-                                       <legend>{lang}wcf.acp.user.massProcessing.action{/lang}</legend>
+               <fieldset{if $errorField == 'action'} class="formError"{/if}>
+                       <legend>{lang}wcf.acp.user.massProcessing.action{/lang}</legend>
+                       
+                       <dl>
+                               <dd>
+                                       {if $__wcf->session->getPermission('admin.user.canMailUser')}
+                                               <label><input type="radio" name="action" value="sendMail" {if $action == 'sendMail'}checked="checked" {/if}/> {lang}wcf.acp.user.sendMail{/lang}</label>
+                                               <label><input type="radio" name="action" value="exportMailAddress" {if $action == 'exportMailAddress'}checked="checked" {/if}/> {lang}wcf.acp.user.exportEmailAddress{/lang}</label>
+                                       {/if}
+                                       {if $__wcf->session->getPermission('admin.user.canEditUser')}
+                                               <label><input type="radio" name="action" value="assignToGroup" {if $action == 'assignToGroup'}checked="checked" {/if}/> {lang}wcf.acp.user.assignToGroup{/lang}</label>
+                                       {/if}
+                                       {if $__wcf->session->getPermission('admin.user.canDeleteUser')}
+                                               <label><input type="radio" name="action" value="delete" {if $action == 'delete'}checked="checked" {/if}/> {lang}wcf.acp.user.delete{/lang}</label>
+                                       {/if}
                                        
-                                       <dl>
-                                               <dd>
-                                                       {if $__wcf->session->getPermission('admin.user.canMailUser')}
-                                                               <label><input type="radio" name="action" value="sendMail" {if $action == 'sendMail'}checked="checked" {/if}/> {lang}wcf.acp.user.sendMail{/lang}</label>
-                                                               <label><input type="radio" name="action" value="exportMailAddress" {if $action == 'exportMailAddress'}checked="checked" {/if}/> {lang}wcf.acp.user.exportEmailAddress{/lang}</label>
-                                                       {/if}
-                                                       {if $__wcf->session->getPermission('admin.user.canEditUser')}
-                                                               <label><input type="radio" name="action" value="assignToGroup" {if $action == 'assignToGroup'}checked="checked" {/if}/> {lang}wcf.acp.user.assignToGroup{/lang}</label>
-                                                       {/if}
-                                                       {if $__wcf->session->getPermission('admin.user.canDeleteUser')}
-                                                               <label><input type="radio" name="action" value="delete" {if $action == 'delete'}checked="checked" {/if}/> {lang}wcf.acp.user.delete{/lang}</label>
-                                                       {/if}
-                                                       
-                                                       {event name='additionalActions'}
-                                                       
-                                                       {if $errorField == 'action'}
-                                                               <small class="innerError">
-                                                                       {if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
-                                                               </small>
-                                                       {/if}
-                                               </dd>
-                                       </dl>
-                               </fieldset>
-                       </dd>
-               </dl>
+                                       {event name='additionalActions'}
+                                       
+                                       {if $errorField == 'action'}
+                                               <small class="innerError">
+                                                       {if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
+                                               </small>
+                                       {/if}
+                               </dd>
+                       </dl>
+               </fieldset>
                
                <div id="sendMailDiv">
                        <fieldset>
index 4dc693a601b11a88f4c81fea902a427b5d4312f4..d9993cf2d2f154b76ca3cc1d2c894586ed693c68 100644 (file)
@@ -1,4 +1,4 @@
-.aclContainer dd > span {
+.aclContainer dd > span {
        position: relative;
 }
 
@@ -7,7 +7,7 @@
        margin-top: 0;
        min-height: 100px;
 
-       li {
+       li {
                display: block;
                padding: @wcfGapTiny;
 
@@ -26,7 +26,7 @@
 .aclList {
        margin-bottom: @wcfGapSmall;
        
-       li {
+       li {
                cursor: pointer;
 
                &:hover,
@@ -38,7 +38,7 @@
                        background-color: @wcfContainerAccentBackgroundColor;
                }
                
-               img:last-child {
+               img:last-child {
                        float: right;
                        margin-right: @wcfGapSmall;
                }
@@ -50,7 +50,7 @@
        min-height: 200px;
        text-align: right;
 
-       li {
+       li {
                &:hover {
                        background-color: @wcfButtonHoverBackgroundColor;
                }
                        text-align: left;
                }
                
-               span {
+               span {
                        float: left;
                        padding-left: @wcfGapSmall;
                }
                
-               label {
+               label {
                        cursor: pointer;
                        margin: 0 @wcfGapSmall;
                        padding: 0 @wcfGapLarge;
index 2da37f68c9a05d58621eaff237b44bad9fce676e..62ef0be0885e0df18839f6f772d73657de48e7de 100644 (file)
@@ -26,7 +26,7 @@
                width: 24px;
        }
        
-       a {
+       a {
                text-decoration: underline;
        }
 }
@@ -42,7 +42,7 @@
                background-image: url('../icon/systemInfo.svg');
        }
        
-       a {
+       a {
                color: @wcfInfoColor;
        }
 }
@@ -57,7 +57,7 @@
                background-image: url('../icon/systemSuccess.svg');
        }
        
-       a {
+       a {
                color: @wcfInfoColor;
        }
 }
@@ -72,7 +72,7 @@
                background-image: url('../icon/systemWarning.svg');
        }
        
-       a {
+       a {
                color: @wcfInfoColor;
        }
 }
@@ -87,7 +87,7 @@
                background-image: url('../icon/systemError.svg');
        }
        
-       a {
+       a {
                color: @wcfInfoColor;
        }
 }
index 895ee0789794a9a5d593e13666123bb26132a7c6..0eabdcb63225f4b34c5513d46ea5caa92104aa78 100644 (file)
                border-top: 1px dotted @wcfContainerBorderColor;
                color: @wcfColor;
                font-size: @wcfTitleFontSize;
-               padding: 4px 0 0;
+               padding: @wcfGapTiny 0 0;
        }
 }
 
 .attachmentThumbnailList {
        > ul > li {
-               margin: 0 0 14px 7px;
+               margin: 0 0 @wcfGapMedium @wcfGapSmall;
        }
 }
 
 .attachmentFileList {
-       > ul > li:not(:first-child) {
-               margin-top: @wcfGapTiny;
-       }
+       > ul > li {
+               &:not(:first-child) {
+                       margin-top: @wcfGapTiny;
+               }
        
-       hgroup h2 {
-               font-size: @wcfSmallFontSize;
+               > hgroup h2 {
+                       font-size: @wcfSmallFontSize;
+               }
        }
 }
 
@@ -38,7 +40,8 @@
        .boxShadow(0, 1px, rgba(0, 0, 0, 0.2), 1px);
        .transition(box-shadow, .1s);
                
-       img {
+       > img,
+       > a > img {
                .borderRadius();
        }
        
                color: #fff;
                position: absolute;
                width: 100%;
-               padding: 7px 0;
+               padding: @wcfGapSmall 0;
                
-               .borderRadius(0, 0, 5px, 5px);
+               .borderRadius(0, 0, @wcfContainerBorderRadius - 2, @wcfContainerBorderRadius - 2);
                
-               > h1, h2 {
-                       margin: 0 7px;
+               > h1,
+               > h2 {
+                       margin: 0 @wcfGapSmall;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
@@ -80,8 +84,9 @@
 /* attachment form */
 .formAttachmentList {
        border-bottom: 1px solid @wcfContainerBorderColor;
+       margin-bottom: @wcfGapSmall;
        padding-bottom: @wcfGapSmall;
-       
+               
        > li {
                width: 33%;
                float: left;
                        .borderRadius();
                }
                
-               hgroup {
-                       float: left;
-                       margin-right: @wcfGapSmall;
-               }
-               
                > div {
                        padding-top: @wcfGapSmall;
-               }
-               
-               ul {
                        
+                       > hgroup {
+                               float: left;
+                               margin-right: @wcfGapSmall;
+                       }
                }
        }
 }
-
-.formAttachmentContent {
-       dl {
-               margin-top: 0;
-       }
-}
\ No newline at end of file
index 12aaa6d8256c3036cbce9a633f5e8aad60746c23..111f5a15745b09577d8b54d43101491e1ee5177f 100644 (file)
 }
 
 /* special */
-.containerHeadline h1 .badge {
+.containerHeadline > h1 > .badge {
        font-size: 70%;
        top: -1px;
 }
 
-.boxHeadline > hgroup h1 .badge {
+.boxHeadline > hgroup > h1 > .badge {
        font-size: 50%;
        top: -3px;
 }
 
-.mainMenu .badge {
+.mainMenu > ul > li > .badge {
        font-size: 70%;
        top: -1px;
 }
 
-.mainMenu .active .badge {
+.mainMenu > ul > li.active > .badge {
        font-size: 65%;
        top: -2px;
 }
 
-.tabularBoxTitle > hgroup > h1 .badge {
+.tabularBoxTitle > hgroup > h1 .badge {
        font-size: 70%;
        top: -1px;
 }
\ No newline at end of file
index 77f844239155431f79c8559ea75ae2043eecb286..0d666d3f8e1a8ca3504bcc0fc9bbb13dcdceedfa 100644 (file)
@@ -28,7 +28,6 @@
                                
                                a {
                                        background-color: @wcfContainerAccentBackgroundColor;
-                                       color: @wcfLinkHoverColor;
                                        position: relative;
                                        z-index: 10;
                                }
                                }
                        }
                        
-                       > span {
-                               border-width: 15px;
-                               border-style: solid none solid solid;
+                       > .pointer {
                                border-color: transparent transparent transparent @wcfContainerBorderColor;
+                               border-style: solid none solid solid;
+                               border-width: 15px;
                                display: block !important;
-                               position: absolute;
-                               width: 0;
                                height: 0;
-                               top: -4px;
-                               right: -15px;
-                               z-index: 20;
-                       }
-                       
-                       > .pointer > span {
-                               text-indent: -9000px;
-                               border-width: 15px;
-                               border-style: solid none solid solid;
-                               border-color: transparent transparent transparent @wcfContentBackgroundColor;
-                               display: block;
                                position: absolute;
+                               right: -15px;
+                               top: -4px;
                                width: 0;
-                               height: 0;
-                               top: -15px;
-                               left: -16px;
-                               overflow: hidden;
+                               z-index: 20;
+                               
+                               > span {
+                                       border-color: transparent transparent transparent @wcfContentBackgroundColor;
+                                       border-style: solid none solid solid;
+                                       border-width: 15px;
+                                       display: block;
+                                       height: 0;
+                                       left: -16px;
+                                       overflow: hidden;
+                                       position: absolute;
+                                       text-indent: -9000px;
+                                       top: -15px;
+                                       width: 0;
+                               }
                        }
                        
-                       a {
-                               color: @wcfLinkColor;
+                       a {
+                               color: @wcfColor;
                                display: block;
                                margin: 0;
                                overflow: hidden;
                                .textShadow(@wcfContentBackgroundColor);
                        }
                        
-                       &:first-child a {
+                       &:first-child a {
                                background-image: url('../icon/home1.svg');
                                background-position: 7px center;
                                background-repeat: no-repeat;
                                background-size: 16px;
-                               border-radius: 5px 0 0 5px;
                                padding-left: 30px;
+                               
+                               .borderRadius(@wcfContainerBorderRadius - 2, 0, 0, @wcfContainerBorderRadius - 2);
                        }
                }
        }
index 39a872bbac99d772a9be8611995717e38375a0e0..e38f2cb2191b115267dae845125a54e2f7edcb5c 100644 (file)
@@ -124,7 +124,7 @@ button.active:hover {
 }
 
 /* button icons */
-.button img {
+.button img {
        margin: -5px 1px -5px -5px;
        vertical-align: middle;
 }
\ No newline at end of file
index db2e9bc0ce8281bad54a3519a07b722fe27ddeec..574745cf71176e62b19e03552a1d0df2214a6131 100644 (file)
@@ -4,6 +4,43 @@
        
        > div {
                overflow: hidden;
+               
+               > dl {
+                       display: table;
+                       margin-top: 7px;
+                       width: 100%;
+                       
+                       > dt {
+                               text-align: right;
+                               display: table-cell;
+                               width: 1%;
+                               
+                               > pre {
+                                       padding: 4px 7px;
+                                       
+                                       > a {
+                                               display: block;
+                                               margin: 0 -7px;
+                                               padding: 0 7px;
+                                               text-decoration: none;
+                                               
+                                               &:target {
+                                                       color: #000;
+                                                       background-color: #ff3; 
+                                               }
+                                       }
+                               }
+                       }
+                       
+                       > dd {
+                               display: table-cell;
+                               width: 100%;
+                               
+                               > pre {
+                                       padding: 4px 7px;
+                               }
+                       }
+               }
        }
        
        &:hover {
                }
        }
        
-       hgroup {
+       hgroup {
                border-bottom: 1px dotted @wcfContainerBorderColor;
                
-               h1 {
+               h1 {
                        padding-bottom: 4px;
                        font-weight: bold;
                }
        }
-       
-       dl {
-               display: table;
-               margin-top: 7px;
-               width: 100%;
-               
-               dt {
-                       text-align: right;
-                       display: table-cell;
-                       width: 1%;
-                       
-                       pre {
-                               padding: 4px 7px;
-                               
-                               a {
-                                       display: block;
-                                       margin: 0 -7px;
-                                       padding: 0 7px;
-                                       text-decoration: none;
-                                       
-                                       &:target {
-                                               color: #000;
-                                               background-color: #ff3; 
-                                       }
-                               }
-                       }
-               }
-               
-               dd {
-                       display: table-cell;
-                       width: 100%;
-                       
-                       pre {
-                               padding: 4px 7px;
-                       }
-               }
-       
-       }
 }
 
 /* ############## Code Styles ############## */
        min-height: 28px;
        margin-bottom: @wcfGapTiny;
        
-       header {
+       header {
                padding-bottom: @wcfGapTiny;
                border-bottom: 1px dotted @wcfContainerBorderColor;
                margin-bottom: @wcfGapSmall;
                
-               h1 {
+               h1 {
                        font-weight: bold;
                }
        }
        
+       /* nested quotes */
        .quoteBox {
                background-image: none;
                padding-left: @wcfGapLarge;
index ad527e349d631b1167fa0764fe35938e7dfad3b5..ac0463e2e8d1af89c96fbd8ce4d013a8eb395e14 100644 (file)
@@ -1,58 +1,66 @@
 /* ############## Profile Comments ############## */
+.comment,
+.commentResponse {
+       position: relative;
+}
 
-.commentList {
-       .comment, .commentResponse {
-               position: relative;
-       }
+.commentOptions {
+       display: block;
+       position: absolute;
+       top: @wcfGapMedium;
+       right: @wcfGapMedium;
        
-       .commentOptions {
-               display: block;
-               position: absolute;
-               top: @wcfGapMedium;
-               right: @wcfGapMedium;
+       > li {
+               float: left;
+               opacity: 0;
                
-               li {
-                       float: left;
-                       opacity: 0;
-                       
-                       .transition(opacity, .1s);
-                       
-                       a {
-                               padding: 4px;
-                       }
+               .transition(opacity, .1s);
+               
+               > a {
+                       padding: @wcfGapTiny;
                }
        }
-       
-       .commentResponseList .commentOptions {
-               top: @wcfGapSmall;
-               right: @wcfGapSmall;
-       }
-       
-       .commentContent:hover .commentOptions li {
-               opacity: 1;
-       }
+}
 
-       .commentAdd small, .commentResponseAdd small {
-               color: @wcfDimmedColor;
-       }
-       
-       .commentContent:not(.commentResponseContent) {
-               margin-bottom: @wcfGapMedium;
-       }
-       
-       .commentResponseList .commentResponse {
-               border-top: 1px solid @wcfContainerBorderColor;
-               padding: @wcfGapSmall;
-       }
-       
-       .commentResponseAdd {
-               border-top: 1px solid @wcfContainerBorderColor;
-               padding: 7px 7px 0;
-       }
+.commentResponseList .commentOptions {
+       top: @wcfGapSmall;
+       right: @wcfGapSmall;
+}
+
+.commentContent:hover > .commentOptions > li {
+       opacity: 1;
+}
+
+.commentAdd > div > small,
+.commentResponseAdd > div > small {
+       color: @wcfDimmedColor;
+       display: block;
+       opacity: 0;
        
-       .commentResponseAdd ~ .commentResponseList .commentResponse:first-child {
-               margin-top: 7px;
-       }
+       .transition(opacity, .1s); 
+}
+
+.commentAdd > div > input:focus + small,
+.commentResponseAdd > div > input:focus + small {
+       opacity: 1;
+}
+
+.commentContent:not(.commentResponseContent) {
+       margin-bottom: @wcfGapMedium;
+}
+
+.commentResponse {
+       border-top: 1px solid @wcfContainerBorderColor;
+       padding: @wcfGapSmall;
+}
+
+.commentResponseAdd {
+       border-top: 1px solid @wcfContainerBorderColor;
+       padding: 7px 7px 0;
+}
+
+.commentResponseAdd + .commentResponseList > .commentResponse:first-child {
+       margin-top: 7px;
 }
 
 .commentList > li:nth-child(2n) .commentResponseList > li:nth-child(2n+1) {
index 9fbcc2bf64592bffa062ea079972583db190040a..8b2fca29dc4454f38cc0b8f36adede16a4a68b51 100644 (file)
@@ -85,16 +85,13 @@ fieldset {
                                        
                                        > dd {
                                                margin-left: 0;
-                                               
-                                               > label {
-                                                       display: block;
-                                               }
                                        }
                                }
                        }
                        
                        > label {
                                color: @wcfLabelColor;
+                               display: block;
                                
                                > input[type='checkbox'], > input[type='radio'] {
                                        margin: 2px;
@@ -104,6 +101,12 @@ fieldset {
                                        margin-left: 21px;
                                }
                        }
+                       
+                       > input[type='checkbox'], > input[type='radio'] {
+                               ~ small {
+                                       margin-left: 21px;
+                               }
+                       }
                }
                
                /* wide */
index 42143d744e58a4368fbdeaa47dec436eaf958899..9218c31a66cf3936f4f95c41d1e9a5ab30e62cc6 100644 (file)
@@ -348,5 +348,6 @@ ul.dataList {
 /* Shadows for boxes - do not use on small boxes! */
 
 .shadow {
-       .boxShadow(0, 10px, rgba(0, 0, 0, .1), 10px, -10px);
+       //.boxShadow(0, 10px, rgba(0, 0, 0, .1), 10px, -10px);
+       //.boxShadow(0, 1px, rgba(0, 0, 0, .5), 5px, 0); // 
 }
index 908328dc981be06b342573247162687d3073cddd..bd79c77dd4cbe19dd7881f156e603d1f01fe1292 100644 (file)
        -webkit-box-shadow: @topOffset @leftOffset @blurriness @shadowHeight @color;
        -moz-box-shadow: @topOffset @leftOffset @blurriness @shadowHeight @color;
        -ms-box-shadow: @topOffset @leftOffset @blurriness @shadowHeight @color;
-//     -o-box-shadow: @topOffset @leftOffset @blurriness @shadowHeight @color;
-//     box-shadow: @topOffset @leftOffset @blurriness @shadowHeight @color;
+       -o-box-shadow: @topOffset @leftOffset @blurriness @shadowHeight @color;
+       box-shadow: @topOffset @leftOffset @blurriness @shadowHeight @color;
 }
 
 .boxShadowInset(@topOffset, @leftOffset, @color, @blurriness: 5px, @shadowHeight: 0) {
        -webkit-box-shadow: inset @topOffset @leftOffset @blurriness @shadowHeight @color;
        -moz-box-shadow: inset @topOffset @leftOffset @blurriness @shadowHeight @color;
        -ms-box-shadow: inset @topOffset @leftOffset @blurriness @shadowHeight @color;
-//     -o-box-shadow: inset @topOffset @leftOffset @blurriness @shadowHeight @color;
-//     box-shadow: inset @topOffset @leftOffset @blurriness @shadowHeight @color;
+       -o-box-shadow: inset @topOffset @leftOffset @blurriness @shadowHeight @color;
+       box-shadow: inset @topOffset @leftOffset @blurriness @shadowHeight @color;
 }
 
 .boxShadowNative(@parameters) {
        -webkit-box-shadow: @parameters;
        -moz-box-shadow: @parameters;
        -ms-box-shadow: @parameters;
-//     -o-box-shadow: @parameters;
-//     box-shadow: @parameters;
+       -o-box-shadow: @parameters;
+       box-shadow: @parameters;
 }
 
 .borderRadius(@borderRadius: @wcfContainerBorderRadius) {
index ef9e53afdb398261bdcd960d79ba43fcb8763f35..3dd3cec7585865217e2900946845f4b33bdcc854 100644 (file)
@@ -4,7 +4,7 @@
 
 .tabMenu {
        display: block;
-       margin-top: @wcfGapMedium;
+       margin-top: @wcfGapLarge;
        padding: 0 10px;
        position: relative;
        text-align: left;
 
 .tabMenuContainer > .menu {
        border-bottom: 1px solid @wcfContainerBorderColor;
-       margin: -@wcfGapMedium -@wcfGapLarge @wcfGapLarge -@wcfGapLarge; /* reverse paddings from .containerPadding */
+       margin: -@wcfGapMedium -@wcfGapLarge @wcfGapSmall -@wcfGapLarge; /* reverse paddings from .containerPadding */
        padding: @wcfGapSmall 0;
        text-align: center;
        
index 4ed1ae15d2ab34e06080fc6c501cc52c2e58d555..daf068aef5dbe36df56427ef8128c61988e36bcf 100644 (file)
@@ -12,7 +12,7 @@
 @wcfContainerBackgroundColor: rgba(252, 253, 254, 1); // bg color for containers
 @wcfContainerAccentBackgroundColor: rgba(241, 245, 250, 1); // light variantion of the container bg color
 @wcfContainerHoverBackgroundColor: rgba(216, 231, 245, 1); // bg color for hover effects
-@wcfContainerBorderColor: #bcd; // border color for containers
+@wcfContainerBorderColor: #ccc; //#bcd; // border color for containers
 @wcfContainerBorderRadius: 6px; // border radius
 
 /* ### box header (table header) ### */
index 045c3a4051477e207ec7b7e765a7c212271707ca..64784014cb19a8c977d71823c9302aab346c4ae8 100644 (file)
@@ -1,11 +1,11 @@
 /* ############## Board List ############## */
 .wbbBoardList {
        > li.wbbBoardNodeTop:not(.wbbBoardNodeTopEmpty) > div {
-               .borderRadius(@wcfContainerBorderRadius - 1, 0);
+               .borderRadius(@wcfContainerBorderRadius - 2, 0);
        }
        
        > li > ul > li:last-child div.wbbBoard:last-child {
-               .borderRadius(0, @wcfContainerBorderRadius - 1);
+               .borderRadius(0, @wcfContainerBorderRadius - 2);
        }
        
        > li > ul > .wbbCategory > hgroup {
        }
        
        .wbbBoardNodeTopEmpty div.wbbBoard {
-               .borderRadius(@wcfContainerBorderRadius - 1);
+               .borderRadius(@wcfContainerBorderRadius - 2);
        }
        
        .wbbBoard > div > hgroup > h1 {
                        width: 0px;
                }
        }
-}
\ No newline at end of file
+}