التاريخ :

السبت، 1 يونيو 2013

سلايدر رائع بأكثر من 15 حركة مميزة من Nivo للبلوجر

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
في السابق كنت قد وضعت تدوينة عن سلايدر رااائع، لكن للاسف لم يعمل مع اغلب
 من جربه، لهذا اضطررت الى اخفاء التدوينة و البحث عن سلايدر اخر، راائع، و
 جمييل، بحركاة جميلة، يليق بمدوناتكم الجميلة، و الحمد لله استطعت ان احضر
 لكم سلايدر مقدم من Nivo، و معدل بواستطتي، اذا كان يهمك الامر فلتتفضل 
بالدخول :)</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrstwu1MSU3QY41LzCorqH-oTMs557f-ykKniOecc5xRjfHzz8WUFvP3GI2VeW9qC4OoPUZJgJIwS2NbginLLNo9QPH1te22_u3wIspfeMJoB047IF2rAu3cu7NkRnHKJ1CsAb0iT6h28/s1600/nivo-slider.png"></div>
<div style="text-align: right;">
<a href="http://www.blogger.com/null" name="more"></a>   + لنبدأ على بركة الله،،<br>
  - اولا اذا اردت مثالا حيا: <a class="external" href="http://elite-elegance.blogspot.com/" target="_blank" title="Opens new window">هنا</a><br>
 - لادخال في مدونتك، الامر سهل، <b><span style="font-size: medium;">اولا احفظ نسخة من قالبك الحالي</span></b>، ثم اهب الى <b>تحرير HTML</b> ستظهر لك نافذة اضغط <b>متابعة.</b><br>
 - ثم ابحث عن الكود التالي:<br>
<div style="text-align: left;">
<blockquote class="tr_bq" dir="ltr">
<span style="background-color: white; color: #666666; font-family: verdana; font-size: 12px; font-style: italic; line-height: 20px;">]]></b:skin></span></blockquote>
</div>
 - بعد ان تجده اضف فوقه مباشرة هذا الكود:</div>
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<ol style="background-color: #f8f8f8; color: #acacac; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace, serif; font-size: 12px; line-height: 21px; margin: 0px; padding: 0px 0px 0px 48px;">
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">/*Start Nivo Slider Css http://ridasail.blogspot.com*/</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">/*</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">* Copyright 2011, Gilbert Pellegrom,</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">* Free to use and abuse under the MIT license.</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">* http://www.opensource.org/licenses/mit-license.php</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">* Modified By - Rida SAIL @ ridasail.blogspot.com For blogger by - Rahul Ippar @ helperblogger.com</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">*</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">* August 2012</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">*/</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">/* The Nivo Slider styles */</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re0" style="color: #cc00cc;">#slider</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">width</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">618px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">height</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">246px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.nivoSlider</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">position</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">relative</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.nivoSlider</span> img <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">position</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">absolute</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">top</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">0px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">left</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">0px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">/* If an image is wrapped in a link */</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.nivoSlider</span> a<span class="re1" style="color: #6666ff;">.nivo-imageLink</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">position</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">absolute</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">top</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">0px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">left</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">0px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">width</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">100%</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">height</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">100%</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">border</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">0</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">padding</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">0</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">margin</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">0</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">z-index</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">6</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">display</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">none</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">/* The slices and boxes in the Slider */</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.nivo-slice</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">display</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">block</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">position</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">absolute</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">z-index</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">5</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">height</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">100%</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.nivo-box</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">display</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">block</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">position</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">absolute</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">z-index</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">5</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">/* Caption styles */</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.nivo-caption</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">position</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">absolute</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">left</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">0px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">bottom</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">0px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">background</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re0" style="color: #cc00cc;">#000</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">color</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re0" style="color: #cc00cc;">#fff</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
opacity<span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">0.8</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">/* Overridden by captionOpacity setting */</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">width</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">100%</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">z-index</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">8</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.nivo-caption</span> p <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">padding</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">5px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">margin</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">0</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.nivo-caption</span> a <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">display</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">inline</span> !important<span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.nivo-html-caption</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">display</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">none</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">/* Direction nav styles (e.g. Next & Prev) */</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.nivo-directionNav</span> a <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">position</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">absolute</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">top</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">45%</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">z-index</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">9</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">cursor</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">pointer</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.nivo-prevNav</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">left</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">0px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.nivo-nextNav</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">right</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">0px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">/* Control nav styles (e.g. 1,2,3...) */</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.nivo-controlNav</span> a <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">position</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">relative</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">z-index</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">9</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">cursor</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">pointer</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.nivo-controlNav</span> a<span class="re1" style="color: #6666ff;">.active</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">font-weight</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">bold</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">/*</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">Skin Name: Pascal Theme</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">Skin URI: http://nivo.dev7studios.com</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">Skin Type: fixed</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">Description: A nice, light skin for the Nivo Slider.</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">Version: 1.0</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">Author: Gilbert Pellegrom & Pascal Gartner</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">Author URI: http://dev7studios.com</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">*/</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.theme-pascal</span><span class="re1" style="color: #6666ff;">.slider-wrapper</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">width</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">668px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">height</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">299px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">margin</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">0</span> <span class="kw2" style="color: #993333;">auto</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">padding-top</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">17px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">position</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">relative</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.theme-pascal</span> <span class="re1" style="color: #6666ff;">.nivoSlider</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">position</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">relative</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">width</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">630px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">height</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">235px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">margin-left</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">19px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">background</span><span class="sy0" style="color: #00aa00;">:</span><span class="kw2" style="color: #993333;">url</span><span class="br0" style="color: #00aa00;">(</span><span class="co2" style="color: red; font-style: italic;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSpSMRlBEImfKstnqJY8ZiNJtwPEJpJR7ugZFHDC6_irrctaS_zR4hlIdS8tLUJgAxBktmm2jqZWBYSE9jc4Ze4GEhjEc7dHYNrFAx0oynNM62_r-tKFNXY_hWcWap7gMz4BjHBX4K-s5H/s1600/helperblogger-loading.gif</span><span class="br0" style="color: #00aa00;">)</span> <span class="kw2" style="color: #993333;">no-repeat</span> <span class="re3" style="color: #993333;">50%</span> <span class="re3" style="color: #993333;">50%</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.theme-pascal</span> <span class="re1" style="color: #6666ff;">.nivoSlider</span> img <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">position</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">absolute</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">top</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">0px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">left</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">0px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">display</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">none</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">width</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">630px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">/* Make sure your images are the same size */</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">height</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">235px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">/* Make sure your images are the same size */</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.theme-pascal</span> <span class="re1" style="color: #6666ff;">.nivoSlider</span> a <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">border</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">0</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">display</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">block</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.theme-pascal</span> <span class="re1" style="color: #6666ff;">.nivo-controlNav</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">background</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">url</span><span class="br0" style="color: #00aa00;">(</span><span class="co2" style="color: red; font-style: italic;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyoVi299OGrFok5Q59xtWezU2-ssWIhkUIExDaXUGymqSyNHxR_mSdRM_b9nD1eL4_ti4ho4Vxd7wUEFdMWoFGwLc_Tfbw4LPZkd1kQBlQHKKPkEwKoBAjZhK2ezWSiRbwXvh_lz4Tefp6/s1600/helperblogger-controlnav.png</span><span class="br0" style="color: #00aa00;">)</span> <span class="kw2" style="color: #993333;">no-repeat</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">width</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">251px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">height</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">40px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">position</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">absolute</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">left</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">200px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">/* Tweak this to center bullets */</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">bottom</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">-42px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">padding</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">8px</span> <span class="nu0" style="color: #cc66cc;">0</span> <span class="nu0" style="color: #cc66cc;">0</span> <span class="re3" style="color: #993333;">82px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">z-index</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">20</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.theme-pascal</span> <span class="re1" style="color: #6666ff;">.nivo-controlNav</span> a <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">display</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">block</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">width</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">22px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">height</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">22px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">background</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">url</span><span class="br0" style="color: #00aa00;">(</span><span class="co2" style="color: red; font-style: italic;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr5IUFiuB-Xm4_hS1vRGUgc_hpoJ5PYEngS8wh5SQdk3SqY52Qs5j8BEmvdjNezEbs8hvYfcB3vEaQFZCBssdcLws0F6eEAO7CfqZvvAkJEnMPvQecX1GANNoNf7quVJsHnR-gErGZZkdP/s1600/helperblogger-bullets.png</span><span class="br0" style="color: #00aa00;">)</span> <span class="kw2" style="color: #993333;">no-repeat</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">text-indent</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">-9999px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">border</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">0</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">margin-right</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">3px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">float</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw1" style="font-weight: bold;">left</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.theme-pascal</span> <span class="re1" style="color: #6666ff;">.nivo-controlNav</span> a<span class="re1" style="color: #6666ff;">.active</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">background-position</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">0</span> <span class="re3" style="color: #993333;">-22px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.theme-pascal</span> <span class="re1" style="color: #6666ff;">.nivo-directionNav</span> a <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">display</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">none</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.theme-pascal</span> <span class="re1" style="color: #6666ff;">.nivo-caption</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">bottom</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">40%</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">left</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">auto</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">right</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">0px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">width</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">auto</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">max-width</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">630px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">overflow</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">hidden</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">background</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re0" style="color: #cc00cc;">#fff</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">text-shadow</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">none</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">font-family</span><span class="sy0" style="color: #00aa00;">:</span> arial<span class="sy0" style="color: #00aa00;">,</span> <span class="kw2" style="color: #993333;">serif</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">color</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re0" style="color: #cc00cc;">#4c4b4b</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.theme-pascal</span> <span class="re1" style="color: #6666ff;">.nivo-caption</span> p <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">padding</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">5px</span> <span class="re3" style="color: #993333;">15px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">color</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re0" style="color: #cc00cc;">#333</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">font-weight</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">bold</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">font-size</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">27px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">text-transform</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">uppercase</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.theme-pascal</span> <span class="re1" style="color: #6666ff;">.nivo-caption</span> a <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">color</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re0" style="color: #cc00cc;">#333</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">font-weight</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">bold</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">font-size</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">27px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">text-transform</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">uppercase</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="re1" style="color: #6666ff;">.theme-pascal</span> <span class="re1" style="color: #6666ff;">.ribbon</span> <span class="br0" style="color: #00aa00;">{</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
</div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">width</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">111px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">height</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">111px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">position</span><span class="sy0" style="color: #00aa00;">:</span> <span class="kw2" style="color: #993333;">absolute</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">top</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">-8px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">left</span><span class="sy0" style="color: #00aa00;">:</span> <span class="re3" style="color: #993333;">-8px</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="kw1" style="font-weight: bold;">z-index</span><span class="sy0" style="color: #00aa00;">:</span> <span class="nu0" style="color: #cc66cc;">300</span><span class="sy0" style="color: #00aa00;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #00aa00;">}</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="coMULTI" style="color: grey; font-style: italic;">/*End Nivo Slider Css http://ridasail.blogspot.com*/</span></div>
</li>
</ol>
</blockquote>
<div style="text-align: right;">
  - الان ابحث عن:</div>
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
</head></blockquote>
<div style="text-align: right;">
 - ثم اضف قبله مباشرة الكود التالي:</div>
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<ol style="background-color: #f8f8f8; color: #acacac; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace, serif; font-size: 12px; line-height: 21px; margin: 0px; padding: 0px 0px 0px 48px;">
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sy0" style="color: #339933;"></span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sy0" style="color: #339933;"><</span>script src<span class="sy0" style="color: #339933;">=</span><span class="st0" style="color: #3366cc;">'http://code.jquery.com/jquery-1.7.1.min.js'</span> type<span class="sy0" style="color: #339933;">=</span><span class="st0" style="color: #3366cc;">'text/javascript'</span><span class="sy0" style="color: #339933;">/></span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sy0" style="color: #339933;"><</span>script src<span class="sy0" style="color: #339933;">=</span><span class="st0" style="color: #3366cc;">'http://helperblogger.x10.mx/scripts/jquery.nivo.slider.pack.js'</span> type<span class="sy0" style="color: #339933;">=</span><span class="st0" style="color: #3366cc;">'text/javascript'</span><span class="sy0" style="color: #339933;">/></span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sy0" style="color: #339933;"><</span>script type<span class="sy0" style="color: #339933;">=</span><span class="st0" style="color: #3366cc;">'text/javascript'</span><span class="sy0" style="color: #339933;">></span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
$<span class="br0" style="color: #009900;">(</span>window<span class="br0" style="color: #009900;">)</span>.<span class="me1" style="color: #660066;">load</span><span class="br0" style="color: #009900;">(</span><span class="kw2" style="color: #003366; font-weight: bold;">function</span><span class="br0" style="color: #009900;">(</span><span class="br0" style="color: #009900;">)</span> <span class="br0" style="color: #009900;">{</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
$<span class="br0" style="color: #009900;">(</span><span class="sy0" style="color: #339933;">&</span>#<span class="nu0" style="color: #cc0000;">39</span><span class="sy0" style="color: #339933;">;</span>#slider<span class="sy0" style="color: #339933;">&</span>#<span class="nu0" style="color: #cc0000;">39</span><span class="sy0" style="color: #339933;">;</span><span class="br0" style="color: #009900;">)</span>.<span class="me1" style="color: #660066;">nivoSlider</span><span class="br0" style="color: #009900;">(</span><span class="br0" style="color: #009900;">)</span><span class="sy0" style="color: #339933;">;</span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="br0" style="color: #009900;">}</span><span class="br0" style="color: #009900;">)</span><span class="sy0" style="color: #339933;">;</span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sy0" style="color: #339933;"></</span>script<span class="sy0" style="color: #339933;">></span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sy0" style="color: #339933;"></span></div>
</li>
</ol>
</blockquote>
<div style="text-align: right;">
 - احفظ التغييرات عن طريق الضغط على <b>حفظ.</b><br>
 - الان اذهب الى <b>تخطيط</b>، و اضف اداة جديدة HTML/JavaScript، وضعها فوق كل من القائمة الجانبية و رسائل المدونة،بهذا الشكل :</div>
<div class="separator" style="clear: both; text-align: center;">
<a class="external" href="http://i.imgur.com/wIrP8.png" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Opens new window"><img border="0" height="92" src="http://i.imgur.com/wIrP8.png" width="400"></a></div>
<div style="text-align: right;">
 - ثم الصق فيها الكود التالي:</div>
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<ol style="background-color: #f8f8f8; color: #acacac; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace, serif; font-size: 12px; line-height: 21px; margin: 0px; padding: 0px 0px 0px 48px;">
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sc2" style="color: #009900;"><<span class="kw2" style="color: black; font-weight: bold;">div</span> <span class="kw3" style="color: #000066;">class</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"slider-wrapper theme-pascal"</span>></span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sc2" style="color: #009900;"><<span class="kw2" style="color: black; font-weight: bold;">div</span> <span class="kw3" style="color: #000066;">class</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"ribbon"</span>></span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sc2" style="color: #009900;"><<span class="sy0" style="color: #66cc66;">/</span><span class="kw2" style="color: black; font-weight: bold;">div</span>></span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sc2" style="color: #009900;"><<span class="kw2" style="color: black; font-weight: bold;">div</span> <span class="kw3" style="color: #000066;">id</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"slider"</span> <span class="kw3" style="color: #000066;">class</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"nivoSlider"</span>></span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sc2" style="color: #009900;"><<span class="kw2" style="color: black; font-weight: bold;">a</span> <span class="kw3" style="color: #000066;">href</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"YOUR LINK HERE"</span>><<span class="kw2" style="color: black; font-weight: bold;">img</span> <span class="kw3" style="color: #000066;">src</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"IMAGE URL HERE"</span> <span class="kw3" style="color: #000066;">alt</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">""</span> <span class="kw3" style="color: #000066;">title</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"ADD CAPTION HERE"</span><span class="sy0" style="color: #66cc66;">/</span>><<span class="sy0" style="color: #66cc66;">/</span><span class="kw2" style="color: black; font-weight: bold;">a</span>></span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sc2" style="color: #009900;"><<span class="kw2" style="color: black; font-weight: bold;">a</span> <span class="kw3" style="color: #000066;">href</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"YOUR LINK HERE"</span>><<span class="kw2" style="color: black; font-weight: bold;">img</span> <span class="kw3" style="color: #000066;">src</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"IMAGE URL HERE"</span> <span class="kw3" style="color: #000066;">alt</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">""</span> <span class="kw3" style="color: #000066;">title</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"ADD CAPTION HERE"</span><span class="sy0" style="color: #66cc66;">/</span>><<span class="sy0" style="color: #66cc66;">/</span><span class="kw2" style="color: black; font-weight: bold;">a</span>></span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sc2" style="color: #009900;"><<span class="kw2" style="color: black; font-weight: bold;">a</span> <span class="kw3" style="color: #000066;">href</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"YOUR LINK HERE"</span>><<span class="kw2" style="color: black; font-weight: bold;">img</span> <span class="kw3" style="color: #000066;">src</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"IMAGE URL HERE"</span> <span class="kw3" style="color: #000066;">alt</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">""</span> <span class="kw3" style="color: #000066;">title</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"ADD CAPTION HERE"</span><span class="sy0" style="color: #66cc66;">/</span>><<span class="sy0" style="color: #66cc66;">/</span><span class="kw2" style="color: black; font-weight: bold;">a</span>></span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sc2" style="color: #009900;"><<span class="kw2" style="color: black; font-weight: bold;">a</span> <span class="kw3" style="color: #000066;">href</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"YOUR LINK HERE"</span>><<span class="kw2" style="color: black; font-weight: bold;">img</span> <span class="kw3" style="color: #000066;">src</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"IMAGE URL HERE"</span> <span class="kw3" style="color: #000066;">alt</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">""</span> <span class="kw3" style="color: #000066;">title</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"ADD CAPTION HERE"</span><span class="sy0" style="color: #66cc66;">/</span>><<span class="sy0" style="color: #66cc66;">/</span><span class="kw2" style="color: black; font-weight: bold;">a</span>></span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sc2" style="color: #009900;"><<span class="sy0" style="color: #66cc66;">/</span><span class="kw2" style="color: black; font-weight: bold;">div</span>></span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sc2" style="color: #009900;"><<span class="kw2" style="color: black; font-weight: bold;">div</span> <span class="kw3" style="color: #000066;">id</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"htmlcaption"</span> <span class="kw3" style="color: #000066;">class</span><span class="sy0" style="color: #66cc66;">=</span><span class="st0" style="color: red;">"nivo-html-caption"</span>></span></div>
</li>
<li class="li1" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de1" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sc2" style="color: #009900;"><<span class="sy0" style="color: #66cc66;">/</span><span class="kw2" style="color: black; font-weight: bold;">div</span>></span></div>
</li>
<li class="li2" style="background-color: white; background-position: initial initial; background-repeat: initial initial;"><div class="de2" style="border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; color: black; margin: 0px 0px 0px -7px; padding: 0px 5px; position: relative; vertical-align: top;">
<span class="sc2" style="color: #009900;"><<span class="sy0" style="color: #66cc66;">/</span><span class="kw2" style="color: black; font-weight: bold;">div</span>></span></div>
</li>
</ol>
</blockquote>
<div style="text-align: justify;">
<div style="text-align: right;">
  - الان كلما عليك فعله، هو استبدال YOUR LINK HERE برابط التدوينة، YOUR 
IMAGE HERE برابط الصورة، و ADD CAPTION HERE بالعنوان الذي سيظهر فوق 
الصورة في السلايدر :)</div>
<br>
<div style="text-align: right;">
   اتمنى ان تشتغل بشكل جيد، انتهى شرحنا لليوم، شكرا لمروركم و الى اللقاء :)<br>
رمضانكم كريم.<br>
</div></div></div>

سلايدر رائع بأكثر من 15 حركة مميزة من Nivo للبلوجر في السابق كنت قد وضعت تدوينة عن سلايدر رااائع، لكن للاسف لم يعمل مع اغلب من جربه، لهذا اضطررت الى اخفاء التدوينة و البحث عن سلايدر اخر، ر...

إقرأ المزيد...

مزيد من المعلومات »

التاريخ :

ما هي حدود المدونات في Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="rtl" style="text-align: right;">
<div style="text-align: justify;">
   لابد انك قد تسألت يوما عن محدودية المدونات الموجودة على سيرفرات جوجل،
 وبالاخص بلوجر، وما يثير الشكوك هو ان هذه الخدمة مجانية بشكل كـــامل، 
لاتوجد خواص يجب ان ترقي اليها، اي مدفوعة كالتي تتيحها خدمة 
Wordpress.com، من ترقية لمساحة المدونة اوغيرها من الاضافات، لهذا ساتطرق 
اليوم لهذا السؤال :)</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-u6LBY8EkyNYsBTAZcuSo2CcZwk7y4JQwC7PBVKI7-CpbbCdURdh7Vv9F8eprB7QZuQ9kpZnCZiuEmbj3A7IFfsU07cgnwC3YOnnUuyKglP5r-CS2aWVdPBO1yACqGYZ2YNFTLHa5jww/s1600/unlimited-blogger.jpg" /></div>
</div>
<div style="text-align: justify;">
<a href="http://www.blogger.com/null" name="more"></a>  بعد بحثي، العميق نسبيا، يمكنني ان اخبركم ان Blogger
 لا يضع اية قيود على مدوناته من حيث الـBandwith، وهذا الاخير، اذا اردنا 
تفسيره، هو عدد المرات التي يمكن للزوار ان يشاهدوا موقعك وكمية البيانات 
التي يستهلكونها حينما يزورنه، لهذا، يمكنني ان اقول لكم انه لايوجد حد 
للـBandwith الذي يمكن لموقعك ان يستعمله.</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKN-LY1tynvPxdbRVK4ogb9Gv9chJ34rrhll4i1u5NJth3UVieM4ex5b1IChhRS739Qk4wV4vh4Iig-tyVa9skfFfCFUQ4NJORbGbqSWaoejxkDXG3f6MRLGwjr1u8YMVMi95gVRX2rIc/s1600/unlimited-bandwith.jpg" /></div>
  لكن اذا كان الـBandwith غير محدود فهذا لايعني ان موقعك يستطيع ان 
يستقبل اي عدد من الزيارات اليومية، لانه كلما زاد عدد زيارات الموقع، 
وخاصة عدد الزوار الذين يتواجدون في نفس اللحظة، فهذا يزيد الضغط على 
السيرفر الذي يوجد به موقعك، وقد يتسبب هذا في ابطاء موقعك ومواقع من هم 
موجودون معك في السيرفر، لكن ومرة اخرى بعد بحثي، وجدت انه يمكن لموقعك ان 
يستقبل اي عدد من الزوار في ان واحد دون ادنى مشاكل، او حتى 100000 زيارة 
في اليوم، ولن يعاني موقعك من ادنى بطئ او توقف :)</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikH25Jv7hhPVH5YVi2c9aAgTq67-4q3qE_PQfakCsK2-QYu60dKNz_qOf2BsaK9xfx5TT_McoXuLeCK43I04eEbUW4ch1EkxNia9D9z4nixB_3T7b0uNvb-jPS2Sx5JTVwbmpNWdqSkLI/s1600/unlimited-visits.jpg" /></div>
</div>
<div style="text-align: justify;">
  اما بالنسبة لعدد التدوينات والتعليقات التي يمكن نشرها في المدونة فهو 
معروف، وغير محدود، يمكنك نشر ما تريد من التدوينات التي تحتوي على الصور 
او مقاطع الفيديو والكتابة او اي شيء تريد، <b>لكن</b>، يجب ان تاخذ بعين 
الاعتبار ان حجم الصفحة الرئيسية يجي الا يتعدى 1MB، اي يجب ان تضع عددا 
معقولا من التدوينات في صفحات المدونة، وبالتاكيد استعمال رابط الاختصار 
لاظهار مقتبس من التدوينة فقط في الصفحة الرئيسية، ليكون على الزائر الضغط 
على "المزيد" ليرى كامل التدونة، ويستطيع التعليق عليها.</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHwGiNOWOCrAmdHr1kXmnz81cgO2yQNZyituCJN_xnVfCCBwJkeiAf-EVTTsy8j_04FlFxDZDkHxHdgzvGDGyoU6qMp4DU_bNbJIrgrjNbhdvgcVMXHLabt62X6E3U7eVLKQLn5vJEgb4/s1600/unlimited-posts-%2526-comments.jpg" /></div>
</div>
<div style="text-align: justify;">
  ولقد تعمدت ان انهي التدوينة بالحجم المخصص للصور التي يمكن رفعها في 
المدونة، لهذا يجب ان اذكر ان المساحة المخصصة لمدونتك من الصور هي 1GB، <b>لكن</b>، يجب ان تعرف انها لاتستعمل في جميع الحالات، لهذا سالخص هنا التالي :</div>
<div style="text-align: justify;">
<ul>
<li><b>اذا لم تكن تتوفر على حساب +Google</b> : فسترفع الصور الى مدونتك 
دون مشاكل، لكن الصور التي لن تستحتسب في 1GB هي الصور التي ابعادها اصغر 
من 600x600، واذا حدث واستعملت كل المساحة المخصصة لك برفع صور اكبر من 
الاعاد المسموح بها، فكل الصور التي سترفع بعد انهائك لمساحتك ستصغر الى 
الابعاد 600x600.</li>
<li><b>اذا كنت تتوفر على حساب +Google</b> : فستسطيع ان ترفع الصور دون 
مشاكل ايضا، لكن ابعاد الصور التي لن تحتسب من هذه المساحة تصبح اكبر، 
الابعاد هي 2048x2048، بمعنى انك تستطيع ان ترفع اي صورة تريد دون ان 
تستهلك اي جزء مساحتك المخصصة للمدونة.</li>
</ul>
كما انني اريد ان اقول لكم انني منذ ان بدأت هذه المدونة كتبت لحد الان 167 تدوينة بفضل الله، و<b>كل الصور الموجودة فيها</b> مرفوعة على هذه المدونة، وقد تجاوزت<b> 500 صورة</b>، <b>ولم استعمل ولا 1 ميجا</b> من المساحة المسموح لمدونتي بها :)</div>
<div style="text-align: justify;">
  لهذا يمكنني ان اعتبر ان Blogger <b>غير محدود على الاطلاق</b> !!! مادمت
 تملك حساب +Google، اما بالنسبة لمستعملي Wordpress.com، فهم ايضا يملكون 
Bandwith غير محدود،  لكن مساحة محدودة في 3GB !!!</div>
<div style="text-align: justify;">
<br />
 هذه التدونية على ما اضن انها ثاني تدوينة يكون فيها التحرير اكثر من 
الصور، لهذا اتمنى ان تعذروني اسلوبي الركيك في الكتابة، وان تكون المعلومة
 قد وصلت، اتمنى لكم وقتا ممتعا في المدونة، ارجو ان تضغطوا زر Like لصفحة 
الفيسبوك فهذا يساعدني كثيرا، واذا كنت استطيع ان اسعدكم التعليقات مفتوحة 
امامكم، والى تدوينة اخرى، استودعكم الله الذي لا تضيع ودائعه :)</div>
</div>
</div>

ما هي حدود المدونات في Blogger لابد انك قد تسألت يوما عن محدودية المدونات الموجودة على سيرفرات جوجل، وبالاخص بلوجر، وما يثير الشكوك هو ان هذه الخدمة مجانية بشكل كــ...

إقرأ المزيد...

أشهر المقالات
أخر المقالات
أخر التعليقات
الوسوم

السبت، 1 يونيو 2013

سلايدر رائع بأكثر من 15 حركة مميزة من Nivo للبلوجر

ما هي حدود المدونات في Blogger

المشاركات الشائعة

random posts

Culture

التسميات

تابعنا على الفيسبوك

المشاركات الشائعة

أرشيف المدونة الإلكترونية

التسميات

قائمة الزوار

السبت، 1 يونيو 2013

سلايدر رائع بأكثر من 15 حركة مميزة من Nivo للبلوجر

document.write(ultimaFecha);

ما هي حدود المدونات في Blogger

المشاركات الشائعة

random posts

Culture

التسميات

تابعنا على الفيسبوك

المشاركات الشائعة

أرشيف المدونة الإلكترونية

التسميات

قائمة الزوار