|
|
(2 صارفین 29 کے درمیانی نسخے نہیں دکھائے گئے) |
سطر 1: |
سطر 1: |
| *, *:before, *:after {
| | شاعر : [[ عباس تابش ]] |
| -moz-box-sizing: border-box;
| |
| -webkit-box-sizing: border-box;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
|
| | === {{نعت }} === |
| | {| |
| | |- style="vertical-align:bottom;" |
| | |style="width: 40%"| |
|
| |
|
| | حضوری اور متاع چشم تر ، الحمد للہ |
|
| |
|
| ul.main {
| | کھلا مجھ پر در ِ خیرالبشر ، الحمد للہ |
| list-style: none;
| |
| max-width: 75%;
| |
| margin: 20px auto;
| |
| }
| |
| h3 {padding: 0; margin: 0;}
| |
|
| |
|
| | فرشتے نخل مدحت کے ہلائیں جب بھی شاخیں |
|
| |
|
| .date {
| | مری جھولی میں گرتے ہیں ثمر ، الحمد اللہ |
| width: 17%;
| |
| padding: 15% 1% 0 0 ;
| |
| float: left;
| |
| }
| |
|
| |
|
| .date h3 {
| |
| font-size: 1.5em;
| |
| }
| |
|
| |
|
| .date p {
| | غروب ِ جاں کے منظر کی مجھے کیوں فکر ہوگی |
| font-size: .8em;
| |
| }
| |
|
| |
|
| .events {
| | میں دیکھ آیا ہوں بطحا کی سحر ، الحمد للہ |
| float: left;
| |
| width: 80%;
| |
| border-left: 1px solid #ccc;
| |
| margin-top: 10%;
| |
| padding-top: 3%;
| |
| }
| |
|
| |
|
| .events-detail {
| |
| max-width: 550px;
| |
| }
| |
|
| |
|
| .events-detail li{
| | نظر آنے لگا ہوں اور نظر آتا رہوں گا |
| padding: 10px;
| |
| border-bottom: 1px dashed #ccc;
| |
| line-height: 22px;
| |
| transition: ease .4s all;
| |
| }
| |
|
| |
|
| .events-detail li:hover {
| | مسلسل مجھ پہ ہے ان کی نظر ، الحمدللہ |
| background: #e9e9e9;
| |
| }
| |
|
| |
|
| .event-time {
| | ارادہ نعت کہنے کا کیا ہے جب بھی تابش |
| font-weight: 900;
| |
| }
| |
|
| |
|
| .events-detail li a {
| | مری کوشش ہوئی ہے بارور ، الحمد للہ |
| text-decoration: none;
| |
| color: #444;
| |
| width: 100%;
| |
| height: 100%;
| |
| display: block;
| |
| }
| |
|
| |
|
| .event-location {
| | | |
| font-size: .8em;
| | {{ باکس 2 }} |
| color: tomato;
| | |} |
| margin-left: 70px;
| | {{ٹکر 2 }} |
| } | | {{منتخب شاعری }} |
| | |
| | |
| | |
| @media all and (max-width: 641px) {
| |
| .date {
| |
| width: 100%;
| |
| border-bottom: 1px solid #ccc;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .events {
| |
| border:none;
| |
| width: 100%;
| |
| margin-top: 0;
| |
| }
| |
|
| |
| .events-detail {
| |
| padding: 0;
| |
| }
| |
|
| |
| li.date p {
| |
| margin:0;
| |
| }
| |
| } | |
| | |
| | |
| <ul class="main">
| |
| <li class="date">
| |
| <h3>Dec 18</h3>
| |
| <p>Schedule of Events</p>
| |
| </li>
| |
| <li class= "events">
| |
| <ul class="events-detail">
| |
| <li>
| |
| <a href="#">
| |
| <span class="event-time">2:00pm - </span>
| |
| <span class="event-name">Kickoff Ceremony</span>
| |
| <br />
| |
| <span class="event-location">Headquarters</span>
| |
| </a>
| |
| </li>
| |
|
| |
| <li>
| |
| <a href="#">
| |
| <span class="event-time">2:00pm - </span>
| |
| <span class="event-name">Kickoff Ceremony</span>
| |
| <br />
| |
| <span class="event-location">Headquarters</span>
| |
| </a>
| |
| </li>
| |
|
| |
| <li>
| |
| <a href="#">
| |
| <span class="event-time">2:00pm - </span>
| |
| <span class="event-name">Kickoff Ceremony</span>
| |
| <br />
| |
| <span class="event-location">Headquarters</span>
| |
| </a>
| |
| </li>
| |
|
| |
| <li>
| |
| <a href="#">
| |
| <span class="event-time">2:00pm - </span>
| |
| <span class="event-name">Kickoff Ceremony</span>
| |
| <br />
| |
| <span class="event-location">Headquarters</span>
| |
| </a>
| |
| </li>
| |
|
| |
| <li>
| |
| <a href="#">
| |
| <span class="event-time">2:00pm - </span>
| |
| <span class="event-name">Kickoff Ceremony</span>
| |
| <br />
| |
| <span class="event-location">Headquarters</span>
| |
| </a>
| |
| </li>
| |
| </ul>
| |
|
| |
|
| |
| </li>
| |
|
| |
|
| |
|
| |
| <li class="date">
| |
| <h3>Dec 19</h3>
| |
| <p>Schedule of Events</p>
| |
| </li>
| |
| <li class= "events cf">
| |
| <ul class="events-detail">
| |
| <li>
| |
| <a href="#">
| |
| <span class="event-time">2:00pm - </span>
| |
| <span class="event-name">Kickoff Ceremony</span>
| |
| <br />
| |
| <span class="event-location">Headquarters</span>
| |
| </a>
| |
| </li>
| |
|
| |
| <li>
| |
| <a href="#">
| |
| <span class="event-time">2:00pm - </span>
| |
| <span class="event-name">Kickoff Ceremony</span>
| |
| <br />
| |
| <span class="event-location">Headquarters</span>
| |
| </a>
| |
| </li>
| |
|
| |
| <li>
| |
| <a href="#">
| |
| <span class="event-time">2:00pm - </span>
| |
| <span class="event-name">Kickoff Ceremony</span>
| |
| <br />
| |
| <span class="event-location">Headquarters</span>
| |
| </a>
| |
| </li>
| |
|
| |
| <li>
| |
| <a href="#">
| |
| <span class="event-time">2:00pm - </span>
| |
| <span class="event-name">Kickoff Ceremony</span>
| |
| <br />
| |
| <span class="event-location">Headquarters</span>
| |
| </a>
| |
| </li>
| |
|
| |
| <li>
| |
| <a href="#">
| |
| <span class="event-time">2:00pm - </span>
| |
| <span class="event-name">Kickoff Ceremony</span>
| |
| <br />
| |
| <span class="event-location">Headquarters</span>
| |
| </a>
| |
| </li>
| |
| </ul>
| |
|
| |
|
| |
| </li>
| |
|
| |
| </ul>
| |