الآن الثانية فجر الأربعاء 26 شعبان 1432هـ ، 27 يوليو 2011م
يا غائباً عن ناظريَّ
1.يا غائباً عن ناظريَّ ولم تغب
عن عين قلبي كيف أوقدت اللهب ؟
2.أمضيتُ أياماً ببعدك متعباً
حتى أتيتَ فقمتُ لا أشكو التعب
3.كيف ارتضيتَ مساءتي وتوحشي
لما هجرتَ ولم تقل لي ما السبب ؟
4.يومي كليلي لا اختلاف كأنما
هو سرمدٌ لا بدر فيه ولا شهب
5.مرت عليَّ كأنما هي محنةٌ
وكأنني في القبر أو تحت الحجب
6.حتى رأيتك غدوة أو روحة
فهتفتُ : إني ههنا ؛ لم تستجب
7.والآن بعد ثلاثة أو نحوها
قلتَ : السلام عليك يا شيخ العرب
8.حاولتُ رداً لم أطق من فرحتي
فعجبتَ من صمتي وإذ بك تنسحب
9.قلتُ السلام عليكمُ يا مرحباً
لم ألق رداً منك فازداد العجب
10.أنت القريب برغم بعدك والنوى
وأنا البعيد ومنك غيري يقترب
11.هذا مآل المبتلى ببليتي
فانظر ؛ لديكَ شفاؤ دائيَ أم سلب؟
12.الله يقضي بيننا فاز الذي
رضيَ القضا وله جميل المنقلب
==
Example 18 — The Flexible Box Layout Module
Figure 9-39:
Figure 9-41: Axis alignment with
Figure 9-42: Applying
Example 18 — The Flexible Box Layout Module (new flexbox)
Figure 9-39: Flex presets code sample
<style scoped>
.nav {
/* Establish a flex container */
display: -webkit-flex;
display: -moz-flex;
display: flex;
margin: 0.25em auto 1.5em;
padding-left: 0;
list-style-type: none;
}
/* First image: Flexbox with no flex */
.nav li {
/* equivalent to flex: 0 0 auto; */
-webkit-flex: none;
-moz-flex: none;
flex: none;
}
/* Second image: Relative flex */
.nav li {
/* equivalent to flex: 1 1 auto; */
-webkit-flex: auto;
-moz-flex: auto;
flex: auto;
}
/* Third image: Absolute flex */
.nav li {
/* equivalent to flex: 1 1 0px; */
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
/* Fourth image: Differing flex values */
.nav li {
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
.nav li:nth-child(2) {
/* equivalent to flex: 2 1 0px; */
-webkit-flex: 2;
-moz-flex: 2;
flex: 2;
}
/* Increase click target area */
.nav a {
display: block;
width: 100%;
height: 100%;
padding: 0.25em 0;
font-family: "Helvetica Neue", Arial, sans-serif;
text-decoration: none;
color: hsl(220, 100%, 0%);
}
.nav li {
margin: 0 0.5%;
border: 1px solid #999;
border-radius: 2px;
text-align: center;
background-color: #eee;
}
</style>
<ul class="nav">
<li><a href="/">Home</a></li>
<li><a href="/articles">Space Monkey Articles</a></li>
<li><a href="/dashboard">Log in</a></li>
</ul>Figure 9-39: flex presets (relative vs absolute flex)
flex: initial
flex: auto
flex: <positive-number>
flex: <positive-number> (1 1 2)
flex: auto
flex: <positive-number>
Figure 9-40: Aligning via auto-margins
flex: initial
flex: initial with auto margins 1
flex: initial with auto margins 2
flex: initial with auto margins 3
flex: initial with auto margins 4
Figure 9-41: Axis alignment with justify-content
justify-content: flex-start
justify-content: flex-end
justify-content: center
justify-content: space-between
justify-content: space-around
Figure 9-42: Applying align-items values to the flex container
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Rocket launch
Mercury Redstone 2 launch
After returning
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Rocket launch
Mercury Redstone 2 launch
After returning
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Rocket launch
Mercury Redstone 2 launch
After returning
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Rocket launch
Mercury Redstone 2 launch
After returning
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Rocket launch
Mercury Redstone 2 launch
After returning
Ham accepts an apple post-flight
On January 31, 1961, Ham was secured in a Project Mercury mission labeled MR-2 and launched from Cape Canaveral, Florida, on a suborbital flight.
Rocket launch
Mercury Redstone 2 launch
After returning
Ham accepts an apple post-flight
- The Flexible Box Layout Module
- Figure 9-39 to 9-41 on Dabblet
- Figure 9-42 on Dabblet
Aucun commentaire:
Enregistrer un commentaire