52Framework -|- community revision - <script src="/html5.js"></script> <link rel="stylesheet" type="text/css" href="/reset.css" media="screen" title="Reset by Eric Meyer modified by Angel Grablev for HTML5 interaction"> <link rel="stylesheet" type="text/css" href="/general.css" media="screen"> <link rel="stylesheet" type="text/css" href="/grid.css" media="screen"> <style> * {outline:none !important;} html, body { height: 100%; } .wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -185px; /* the bottom margin is the negative value of the footer's height */ } footer, .push { height: 185px; /* .push must be the same height as .footer */ } body {font-family: Arial, Helvetica, sans-serif; } header {height:80px; position:relative; margin-bottom:5px;} header nav {height:29px;} nav ul {list-style:none; float:right; margin-top:10px; font-size:1.3em;} nav ul li {float:left; margin-left:5px;} nav ul li a {display:block; color:#01547f; text-decoration:none; padding:5px 8px; margin-top:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} nav ul li a:hover, nav ul li.active a {background-color:#01547f; color:#fff;} section.main {width:968px; height:355px; position:relative; background:#fff url(/images/main.jpg); margin:0 auto;} .main article {margin-top:150px; color:#01547f; line-height:1.2em;} .main .html5 { width:193px; margin-left:20px;} .main .css3 { width:210px; margin-left:45px; } .main .what_else { width:319px; margin-left:52px; font-size:1.2em;} .main .buttons {margin-right:12px;} section.contribute { border-bottom:1px solid #01547f;} .brief_features {list-style:none;} .brief_features li {padding-left:20px; background:url(/images/tick.png) no-repeat left; margin-left:5px;} .features_brief {border-top:1px solid #6dcdf5; padding-top:10px;} .features_brief blockquote {margin-top:25px;} footer {height:185px; font-size:.8em; width:100%; background: url(/images/footer_repeater.jpg) repeat-x bottom; margin-top:10px;} footer .inner_wrap {background:url(/images/footer.jpg) no-repeat center; height:100%; margin:0 auto;} footer .enavu_network img {margin-top:40px;} footer section { margin-top:35px; color:#01547e;} .the_network {float:right; margin-top:60px; list-style:none;} .the_network li {float:left; width:110px;} .the_network li a {display:block; padding:3px 5px; font-size:1.2em; font-weight:600; text-decoration:none; color:#01547e; border:1px dashed #fff; background:url(/images/px.png) repeat;} .the_network li a:hover {background:#fff;} .the_network li a span {font-size:.8em; display:block; font-weight:normal; line-height:1.152em;} </style> <script type="text/javascript" src="/scripts/shCore.js"></script> <script type="text/javascript" src="/scripts/shBrushBash.js"></script> <script type="text/javascript" src="/scripts/shBrushCss.js"></script> <script type="text/javascript" src="/scripts/shBrushDiff.js"></script> <script type="text/javascript" src="/scripts/shBrushJScript.js"></script> <script type="text/javascript" src="/scripts/shBrushPlain.js"></script> <script type="text/javascript" src="/scripts/shBrushXml.js"></script> <link type="text/css" rel="stylesheet" href="/styles/shCore.css"/> <link type="text/css" rel="stylesheet" href="/styles/shThemeDefault.css"/> <script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = '/scripts/clipboard.swf'; SyntaxHighlighter.all(); </script> <script src="/js/jquery-1.3.2.min.js"></script> <script src="/js/jquery.autogrow.js"></script> <script> $(document).ready(function(){$(".grow").autogrow();}); </script> <body> <section class="wrap"> <section class="wrap_16"> <header> <div class="logo left"><a href="/"><img src="/images/logo.jpg" alt="52framework" /></a></div> <nav> <ul> <li><a href="/home">home</a></li> <li><a href="http://demo.52framework.com">demo</a></li> <li><a href="/blog">blog</a></li> <li class="active"><a href="/community">community</a></li> <li><a href="/documentation">documentation</a></li> <li><a href="/user">login/signup</a></li> </ul> </nav> <div class="clear"></div> </header> </section> <section class="features wrap_16"> <div class="col_10"> <div class="back_to_docs" style="margin-bottom:10px;"><a href="/community"><< Back to community</a></div> <div class="section" style="margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:10px;"> <h1>Change the Left Logo shadow style</h1> <p>Posted By: <b><u>agrublev</u></b> | Date Posted: Sunday, Jan 31st 2010</p> <div class="overv"><h3>Overview</h3> <p>The shadow logo in the demo page seems rather unnecessary. The shadow element should be added to the main column. </p> </div> <div class="reas"><h3>Reason</h3> <p>The IF IE statement is highly unnecessary as the properties applied inside will not affect other browsers and can be added inside the normal style. Also adding these properties in a class shadow will make it really easy for people to use the shadow class. Please let me know what <br /> you think. </p> </div> <div class="chang"><h3>Change</h3> The suggestion wants to remove the <br /> <code><br /> <br /> </code><br /> From the demo page, and to be added in a class called .shadow which will look like this:<br /> <code><br /> .shadow {<br /> text-shadow:1px 1px 2px #000;<br /> filter: Shadow(Color=#000000, <br /> Direction=135, <br /> Strength=3);<br /> }<br /> </code> </div> </div> <style> .comments {list-style:none;} .comments li {margin-left:0; margin-bottom:10px; border-bottom:1px solid #eaeaea; border-right:1px solid #ccc;} .comments li .comment_content {font-family:Georgia, "Times New Roman", Times, serif; color:#333;} .comments li .header {font-size:1.1em;} </style> <h3>Comments</h3> <ul class="comments"> <li style="position:relative;"><p class="header">By <b>agrublev</b> </p> <span style="position:absolute; right:0; top:0; background-color:#eaeaea; border-left:1px solid #ccc; padding-left:5px; padding-right:5px; padding-top:2px;"> Tuesday, Feb 2nd 2010 </span> <span class="comment_content"><p>This was approved, but instead of making class shadow, i just added it to the current .logo style without an IF IE comment. </p></span> </li> <li style="position:relative;"><p class="header">By <b>agrublev</b> </p> <span style="position:absolute; right:0; top:0; background-color:#eaeaea; border-left:1px solid #ccc; padding-left:5px; padding-right:5px; padding-top:2px;"> Tuesday, Feb 2nd 2010 </span> <span class="comment_content"><p>Has been added to 0.5 release. Current download. </p></span> </li> </ul> <h3>Add Comment</h3> Please <a href="/user">Login/Signup</a> to add Comments