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>Border Radius via Standard Property</h1> <p>Posted By: <b><u>Horia Dragomir</u></b> | Date Posted: Thursday, Feb 4th 2010</p> <div class="overv"><h3>Overview</h3> <p>In addition to -moz and -webkit -border-radius, we should add the simple border-radius definition. </p> </div> <div class="reas"><h3>Reason</h3> <p>Browsers like Opera 10.5 and Chrome 5 already use this. It is the actual `standard` and browsers will migrate to this property in the future </p> </div> <div class="chang"><h3>Change</h3> </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;"> Thursday, Feb 4th 2010 </span> <span class="comment_content"><p>That is a great idea, sadly i knew about that and included it in my blog <img src="http://www.52framework.com/images/smileys/smile.gif" width="19" height="19" alt="smile" style="border:0;" /> missed it here. Will be added in version 0.6. Thanks! </p></span> </li> <li style="position:relative;"><p class="header">By <b>Horia Dragomir</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;"> Thursday, Feb 4th 2010 </span> <span class="comment_content"><p>Well, that was fast. The same stands for box-shadow versus -moz-box-shadow.</p> <p>Looking forward to the new release. </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;"> Thursday, Feb 4th 2010 </span> <span class="comment_content"><p>Yeah i had that in mind <img src="http://www.52framework.com/images/smileys/wink.gif" width="19" height="19" alt="wink" style="border:0;" /> thanks. I might try to establish a system where big changes are rolled out in bigger releases, and smaller changes are added overnight to current build. I just wanna get to a really stable 1.0 version so we can have a live and beta versions. </p></span> </li> </ul> <h3>Add Comment</h3> Please <a href="/user">Login/Signup</a> to add Comments