in Portals/default.css there is: /* === Common Reusable Selectors === */ which have css layout configurations for all administrative properties, all you have to do is copy that section to your skin.css and change positioning and directions of each class. here I did some transformation to /* Module actions */ part and /* === Common Reusable Selectors === */ , but not complete: /* Module actions */ .dnnActionMenuBorder{-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;z-index:-1; background:transparent;position:absolute;margin:-8px 0 0 -8px;padding: 0 16px 16px 0;width:100%;height:100%;border:1px #ccc solid} .DnnModule{z-index:902;position:relative;} .dnnActionMenu{margin:0;padding:0;position:absolute;z-index:906;color:#000;left:10px;top:10px;} ul.dnnActionMenuBody {display:none;background:#fff;border:5px solid #aaa;padding:10px;border-radius:3px;-moz-border-radius:3px;text-align:right; position:absolute;left:0;top:10;min-width:480px;-moz-box-shadow:0 0 5px #888;-webkit-box-shadow:0 0 5px#888;box-shadow:0 0 5px #888;} ul.dnnActionMenuBody li {list-style-type:none;padding:0;margin:0;} ul.dnnActionMenuBody li.first.last {position:relative;} .dnnActionMenuTag {background:#aaa;background:-moz-linear-gradient(top, #F3F3F3 0%, #CFCFCF 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(100%,#CFCFCF)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F3F3', endColorstr='#CFCFCF',GradientType=0 ); display:block;padding:5px 10px;border:1px #999 solid;border-radius:3px;-moz-border-radius:3px;line-height:16px;height:16px;font-weight:bold;font-size:11px;min-width:65px;cursor:default;} .dnnActionMenuTag img{display:block;float:left;padding-right:3px;} ul.dnnActionMenuBody li{display:block;clear:both;float:none;font-weight:bold;font-size:14px;} ul.dnnActionMenuBody li span{border:none;display:block;background:none;padding:0;margin:6px 0;width:auto} ul.dnnActionMenuBody li ul{overflow:hidden;padding:10px 0;margin:0;width:96%;border-top:1px #ccc solid;} ul.dnnActionMenuBody li ul li{float:right;display:block;min-width:150px;font-weight:normal;clear:none;padding:3px 15px 3px 0px;font-size:11px;border:none;margin:0;} ul.dnnActionMenuBody li ul li a, ul.dnnActionMenuBody li ul li a img{display:block;line-height:16px;min-height:16px;float:right;color:#328DDE;font-family:Tahoma;} ul.dnnActionMenuBody li ul li a:hover{color:#1B4D79;} ul.dnnActionMenuBody li ul li a img{padding-left:5px;}
/* === Common Reusable Selectors === */ .dnnForm{padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;min-width:620px;width:96%;margin:0 auto;} h2.dnnFormSectionHead{margin:0.5em auto 0.6em;padding:0;letter-spacing:-0.03em;font-weight:bold;border-bottom:1px #ccc solid;text-align:right;line-height:1.2;font-size:1.5em;} .dnnForm h2.dnnFormSectionHead a, .dnnForm h2.dnnFormSectionHead a:visited{display:block;text-decoration:none;padding:0.4em 0.8em;color:#000; letter-spacing:-0.03em;font-weight:bold;background:url(../../../../images/down-icn.png) no-repeat 1% center;display:block} .dnnForm h2.dnnFormSectionHead a:hover{background:#f1f1f1 url(../../../../images/down-icn.png) no-repeat 1% center;} .dnnForm h2.dnnFormSectionHead a.dnnSectionExpanded{background:url(../../../../images/up-icn.png) no-repeat 1% center;text-align:right;} .dnnForm h2.dnnFormSectionHead a.dnnSectionExpanded:hover{background:#f1f1f1 url(../../../../images/up-icn.png) no-repeat 1% center;} .dnnFormExpandContent{position:absolute;top:-32px;right:10px;} .dnnFormExpandContent{text-align:right;} .dnnForm .dnnFormExpandContent a{font-weight:bold;} .dnnForm .dnnFormItem span.CommandButton input{display:none !important;font-size:0;line-height:0;border-collapse:collapse;} .dnnForm .dnnFormItem{padding:4px 6px;clear:both;line-height:1.8;min-height:1.8em;text-align:right;position:relative;} .dnnForm .dnnFormItem label a span{line-height:1.4;} .dnnForm .dnnFormItem:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0;} .dnnForm fieldset{display:block;padding:1em 0;border:none;margin:0;text-align:left;} .dnnFormItem label, .dnnFormItem .dnnFormLabel, .dnnFormItem .dnnTooltip{display:block;width:30%;text-align:right;margin-right:16px;font-weight:bold;float:right;margin-top:3px;} .dnnFormItem .dnnTooltip label{width:100%;padding:0;margin:0;} .dnnForm .dnnFormSecondItem label{float:none;} .dnnFormItem span.inline label{ display: inline;width: auto;} .dnnFormItem input, .dnnFormItem .dnnFormInput, .dnnFormItem textarea{float:right;-moz-border-radius:3px;border-radius:3px;padding:5px; background:#fffff5;-moz-box-shadow:inset 0 0 3px 3px #fffbe1;-webkit-box-shadow:inset 0 0 3px 3px #fffbe1;box-shadow:inset 0 0 3px 3px #fffbe1; border-color:#bcb691;border-width:1px;margin:0;width:auto;font-family:Helvetica, Arial, Verdana, sans-serif;} .dnnFormItem input[type=checkbox], .dnnFormItem input[type=radio], .dnnFormItem input[type=file], .dnnFormItem input[type=button], .dnnFormItem input.rcbInput{width:auto;border:none;-moz-border-radius:0;border-radius:0;background:none;padding:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} .dnnFormItem select{width:auto;padding:0;} .dnnFormItem input[type="text"], .dnnFormItem textarea{min-width:35%;margin-left:5px;} .dnnFormItem textarea{min-height:80px;} .dnnAddress input[type="checkbox"]{margin:0 5px} .dnnForm input.dnnFormRequired, .dnnForm textarea.dnnFormRequired, .dnnForm select.dnnFormRequired{border-left:5px #F00 solid;} .dnnFormRadioButtons{float:left;width:auto;display:block;} .dnnFormRadioButtons input[type=radio]{ clear: both;} .dnnFormRadioButtons label{font-weight:normal;margin:0 10px 0 4px;width:auto;text-align:left;padding-right:0;} .dnnForm.dnnShortForm .dnnFormItem label{float:none;width:100%;text-align:left;margin-bottom:0.25em} .dnnForm.dnnShortForm .dnnFormItem input, .dnnForm.dnnShortForm .dnnFormItem select, .dnnForm.dnnShortForm .dnnFormItem textarea{float:none;text-align:left;} .dnnForm.dnnShortForm .dnnFormItem a.dnnFormHelp{background-position:left;padding-left:22px;} a.dnnFormHelp, .dnnForm .dnnFormItem a.dnnFormHelp, .dnnTooltip label a.dnnFormHelp{color:#333;text-decoration:none;font-weight:bold; background:url(../../../../images/help-icn.png) no-repeat right;display:block;position:relative;z-index:2;} .dnnForm .dnnFormItem a.dnnFormHelp span{padding-right:1.8em;display:block;} .dnnForm .dnnFormItem a.dnnFormHelp img{display:none;} .dnnTooltip{position:relative;} td > .dnnTooltip {min-width:120px;} td > .dnnTooltip label{text-align:right;} td > .dnnTooltip label a span{padding-right:20px;display:block} .dnnTooltip a.pinHelp{background:url(../../../../images/pin-icn-16x16.png) no-repeat left bottom;display:block;text-indent:-9991.2em;height:16px;width:16px;float:right;margin-top:1em;} .dnnTooltip.dnnTooltipPinned a.pinHelp{background:url(../../../../images/pin-icn-16x16.png) no-repeat left top;} .dnnFormItem input.aspNetDisabled, .dnnFormItem textarea.aspNetDisabled{background:#ebebeb;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-color:#a7a7a7;border-width:1px;} .aspNetDisabled, a.aspNetDisabled, .dnnDisabled, a.dnnDisabled{color:#ccc;cursor:not-allowed;text-decoration:none;} .dnnFormMessage{-moz-border-radius:3px;border-radius:3px;padding:10px 10px 10px 40px;line-height:1.4;margin:0.5em 1em;} .dnnFormMessage span{float:none;padding:0;width:100%;text-align:left;text-shadow:0px 1px 1px #fff;} .dnnFormWarning{background:#feffce url(../../../../images/warning-icn.png) no-repeat 10px center;border:2px #cdb21f solid;color:#41370C;text-shadow:0px 1px 1px #fff;} .dnnFormValidationSummary{background:#f7eaea url(../../../../images/error-icn.png) no-repeat 10px center;text-shadow:0px 1px 1px #fff;color:#900;border:2px #df4a40 solid;} .dnnFormError{color:#fff !important;background:url(../../../../images/errorbg.gif) no-repeat left center;text-shadow:0px 1px 1px #000;padding:5px 20px;} .dnnFormItem span.dnnFormMessage.dnnFormError{position:absolute;left:55%;top:0;z-index:9999;} .dnnFormSuccess{background:#ecffeb url(../../../../images/success-icn.png) no-repeat 10px center;border:2px #64b657 solid;color:#358927} .dnnFormInfo{background:#edf8ff url(../../../../images/help-icn.png) no-repeat 10px center;border:#46a3d3 2px solid;color:#085b8f;text-shadow:0px 1px 1px #fff;} .dnnFormHelpContent, .dnnFormItem label .dnnFormHelpContent{border:#46a3d3 2px solid;color:#085b8f;background:#edf8ff url(../../../../images/help-icn.png) no-repeat 10px 10px; -moz-border-radius:3px;border-radius:3px;text-shadow:0px 1px 1px #fff;font-weight:normal;max-width:30em;padding:0.8em 1em 0.8em 3em;} .dnnFormHelpContent, .dnnFormItem .dnnFormHelpContent{left:95%;max-width:30em;position:absolute;z-index:25;width:275px;overflow:hidden;top:0;} .dnnFormHelpContent.ui-draggable{cursor:move;} .dnnFormHelpContent.dnnClear, .dnnFormItem label.dnnFormLabel .dnnFormHelpContent.dnnClear, .dnnFormItem label .dnnFormHelpContent.dnnClear{line-height:1.4;text-align:left;} .dnnForm .dnnFormItem.dnnFormHelp, .dnnFormItem.dnnFormHelp{clear:both;overflow:hidden;width:100%;padding:0;} .dnnFormItem.dnnFormHelp p.dnnFormRequired{float:right;margin:0;padding:0;} .dnnFormItem.dnnFormHelp p.dnnFormRequired span{border-left:5px #F00 solid;padding-left:0.5em;} .dnnLeft{float:left;} .dnnRight{float:right;} .dnnClear:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0;} *+html .dnnClear{min-height:1%;} .dnnForm input[type=checkbox], .dnnForm input[type=radio]{margin-top:4px;width:auto;margin-right:5px;} .dnnTextEditor label{margin:0;padding:0 20px 0 5px;font-weight:normal;text-align:left;width:auto} .dnnModuleAuditControl{width:95%;margin:0 auto} ul.dnnActions, ul.dnnActions li{list-style:none;padding:0;margin:0;} .dnnForm ul.dnnActions, ul.dnnActions{margin:1em 0;border-top:#ccc double;padding:1em 0 0 0;} ul.dnnActions li{overflow:hidden;display:block;float:right;} ul.dnnActions li a{display:block;float:right;} ul.dnnActions li a, a.dnnPrimaryAction, a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited, a.dnnSecondaryAction, a.dnnSecondaryAction:link, a.dnnSecondaryAction:visited{padding:0 1.2em;line-height:2.5;} ul.dnnActions input{display:none} a.dnnPrimaryAction, a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited, a.dnnSecondaryAction, a.dnnSecondaryAction:link, a.dnnSecondaryAction:visited{display:inline-block;} a.dnnPrimaryAction, a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{ background:#818181;background:-moz-linear-gradient(top, #818181 0%, #656565 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#656565)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#656565',GradientType=0 );-moz-border-radius:3px;border-radius:3px; text-shadow:0px 1px 1px #000;color:#fff;text-decoration:none;font-weight:bold;border-color:#fff} a[disabled].dnnPrimaryAction, a[disabled].dnnPrimaryAction:link, a[disabled].dnnPrimaryAction:visited,a[disabled].dnnPrimaryAction:hover, a[disabled].dnnPrimaryAction:visited:hover,dnnForm.ui-widget-content a[disabled].dnnPrimaryAction{text-decoration:none;color:#bbb;background:#818181; background:-moz-linear-gradient(top, #818181 0%, #656565 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#656565)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#656565',GradientType=0 ); -ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#656565',GradientType=0 )";cursor:default;} ul.dnnActions a.dnnPrimaryAction:hover, ul.dnnActions a.dnnPrimaryAction:visited:hover, a.dnnPrimaryAction:hover, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover{background:#4E4E4E;background:-moz-linear-gradient(top, #4E4E4E 0%, #282828 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4E4E4E), color-stop(100%,#282828));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4E4E4E', endColorstr='#282828',GradientType=0 );color:#fff;} ul.dnnActions a.dnnSecondaryAction, ul.dnnActions a.dnnSecondaryAction:link{font-weight:bold;text-decoration:none;padding:0 1em;} ul.dnnActions a.dnnSecondaryAction:hover, ul.dnnActions a.dnnSecondaryAction:visited:hover{text-decoration:underline;background:none;color:inherit;} a[disabled].dnnSecondaryAction, a[disabled].dnnSecondaryAction:link, a[disabled].dnnSecondaryAction:visited,a[disabled].dnnSecondaryAction:hover, a[disabled].dnnSecondaryAction:visited:hover{text-decoration:none;color:#999;cursor:default;} .dnnForm.ui-widget-content a.dnnPrimaryAction{color:#fff;}
try it out, and complete them.
Regards
|