svn: /web/php/branches/PROTOTYPE_2010/ css/theme.css index.html

seld Tue, 02 Mar 2010 22:45:33 +0000 Revision: http://svn.php.net/viewvc?view=revision&revision=295760 Log: Adding styles to the user notes Changed paths: U web/php/branches/PROTOTYPE_2010/css/theme.css U web/php/branches/PROTOTYPE_2010/index.html Modified: web/php/branches/PROTOTYPE_2010/css/theme.css =================================================================== --- web/php/branches/PROTOTYPE_2010/css/theme.css 2010-03-02 22:42:43 UTC (rev 295759) +++ web/php/branches/PROTOTYPE_2010/css/theme.css 2010-03-02 22:45:33 UTC (rev 295760) @@ -149,3 +149,49 @@ background-color: #604080; color: white; } + +/** + * User notes + */ +#usernotes { + background: #eee; + position: relative; +} + +#usernotes .action { + display: block; + top: 1em; + right: 20px; + position: absolute; + text-align: right; +} + +#usernotes .foot .action { + position: relative; + top: -1em; + margin-bottom: 1em; +} + +#usernotes h3 { + border-color: #4d63ff; + padding-left: 20px; + padding-right: 20px; + padding-bottom: 6px; +} + +#usernotes .note { + margin: 0 20px 2em 20px; + border-top: 3px solid #ddd; +} + +#usernotes .user, #usernotes .date { + display: block; + width: 50%; + float: left; + margin-bottom: 0.6em; +} + +#usernotes .date { + float:right; + text-align: right; +} \ No newline at end of file Modified: web/php/branches/PROTOTYPE_2010/index.html =================================================================== --- web/php/branches/PROTOTYPE_2010/index.html 2010-03-02 22:42:43 UTC (rev 295759) +++ web/php/branches/PROTOTYPE_2010/index.html 2010-03-02 22:45:33 UTC (rev 295760) @@ -432,30 +432,51 @@ <div id="usernotes"> <div class="head"> <span class="action"><a href="#"><img src="http://static.php.net/www.php.net/images/notes-add.gif" alt="add a note" width="13" height="13" class="middle" /></a> <small><a href="#">add a note</a></small></span> - <small>User Contributed Notes</small><br /> - <strong>mysql_pconnect</strong> + <h3 class="title">User Contributed Notes</h3> </div> + + <a name="43"></a> + <div class="note"> + <strong class="user">example2@example.com</strong> + <a class="date" href="#43">25-Sep-2009 15:25</a> + <div class="text"> + <div class="phpcode"> + <code> + <span class="html"> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate ultricies neque, in ornare lectus commodo eget. Donec non lacus quis sapien feugiat interdum nec vel tellus. + Vivamus turpis felis, ultrices sed euismod in, scelerisque quis nunc. Proin luctus lacus in est consectetur auctor. Suspendisse potenti. Donec semper commodo vehicula. Aliquam eget + nisi quis neque semper bibendum tempor ut mi. Proin at dolor dignissim mi pretium vulputate tristique quis sapien. In hac habitasse platea dictumst. Cras fermentum pharetra ligula + sit amet porttitor. Praesent aliquam pulvinar consectetur. Cras vitae vulputate arcu. Nunc interdum venenatis diam, nec ultrices arcu interdum vestibulum. Vestibulum ante ipsum primis + in faucibus orci luctus et ultrices posuere cubilia Curae; In blandit bibendum elit ut varius. Aenean egestas imperdiet eros blandit tempus. + </span> + </code> + </div> + </div> + </div> + <a name="42"></a> <div class="note"> - <strong>example@example.com</strong><br /> - <a href="#42">08-Aug-2008 08:42</a> - <div class="text"> - <div class="phpcode"> - <code> - <span class="html"> - This is an example user note. - <br /><br /> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate ultricies neque, in ornare lectus commodo eget. Donec non lacus quis sapien feugiat interdum nec vel tellus. - Vivamus turpis felis, ultrices sed euismod in, scelerisque quis nunc. Proin luctus lacus in est consectetur auctor. Suspendisse potenti. Donec semper commodo vehicula. Aliquam eget - nisi quis neque semper bibendum tempor ut mi. Proin at dolor dignissim mi pretium vulputate tristique quis sapien. In hac habitasse platea dictumst. Cras fermentum pharetra ligula - sit amet porttitor. Praesent aliquam pulvinar consectetur. Cras vitae vulputate arcu. Nunc interdum venenatis diam, nec ultrices arcu interdum vestibulum. Vestibulum ante ipsum primis - in faucibus orci luctus et ultrices posuere cubilia Curae; In blandit bibendum elit ut varius. Aenean egestas imperdiet eros blandit tempus. - </span> - </code> - </div> + <strong class="user">example@example.com</strong> + <a class="date" href="#42">08-Aug-2008 08:42</a> + <div class="text"> + <div class="phpcode"> + <code> + <span class="html"> + This is an example user note. + <br /><br /> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate ultricies neque, in ornare lectus commodo eget. Donec non lacus quis sapien feugiat interdum nec vel tellus. + Vivamus turpis felis, ultrices sed euismod in, scelerisque quis nunc. Proin luctus lacus in est consectetur auctor. Suspendisse potenti. Donec semper commodo vehicula. Aliquam eget + nisi quis neque semper bibendum tempor ut mi. Proin at dolor dignissim mi pretium vulputate tristique quis sapien. In hac habitasse platea dictumst. Cras fermentum pharetra ligula + sit amet porttitor. Praesent aliquam pulvinar consectetur. Cras vitae vulputate arcu. Nunc interdum venenatis diam, nec ultrices arcu interdum vestibulum. Vestibulum ante ipsum primis + in faucibus orci luctus et ultrices posuere cubilia Curae; In blandit bibendum elit ut varius. Aenean egestas imperdiet eros blandit tempus. + </span> + </code> + </div> + </div> </div> + <div class="foot"> - <a href="#"><img src="http://static.php.net/www.php.net/images/notes-add.gif" alt="add a note" width="13" height="13" class="middle" /></a> <small><a href="#">add a note</a></small> + <span class="action"><a href="#"><img src="http://static.php.net/www.php.net/images/notes-add.gif" alt="add a note" width="13" height="13" class="middle" /></a> <small><a href="#">add a note</a></small></span> </div> </div> </div>