tag:blogger.com,1999:blog-74018937018275956072024-03-19T10:42:06.084-07:00Nasa Labstalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.comBlogger78125tag:blogger.com,1999:blog-7401893701827595607.post-1040385170060565192015-02-22T23:13:00.001-08:002015-02-22T23:13:31.818-08:00Test pace-theme-minimal<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<script src='http://cdn.jsdelivr.net/pace/0.5.5/pace.min.js'></script>
<link href='http://cdn.jsdelivr.net/pace/0.5.5/themes/pace-theme-minimal.css' rel='stylesheet'/>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-36317970217892981202012-08-28T21:09:00.003-07:002012-08-28T21:09:44.373-07:00CSS : blogger Style menu working mozilla<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<div style="margin-bottom: 50px; margin-left: 50px;">
<button class="blogg-button blogg-collapse-right" tabindex="0">Now</button><button class="blogg-button blogg-collapse-left blogg-collapse-right" tabindex="0">Day</button><button class="blogg-button blogg-collapse-left blogg-collapse-right selected" tabindex="0">Week</button><button class="blogg-button blogg-collapse-left blogg-collapse-right" tabindex="0">Month</button><button class="blogg-button blogg-collapse-left" tabindex="0">All time</button></div>
<div style="margin-left: 50px; margin-left: 50px;">
<button class="blogg-button blogg-collapse-right" tabindex="0">Now</button><button class="blogg-button blogg-collapse-left blogg-collapse-right" tabindex="0">Day</button><button class="blogg-button blogg-collapse-left blogg-collapse-right selected" tabindex="0">Week</button><button class="blogg-button blogg-collapse-left blogg-collapse-right" tabindex="0">Month</button><button class="blogg-button blogg-collapse-left" tabindex="0">All time</button></div>
<div style="margin-left: 50px; margin: 50px;">
<button class="blogg-button blogg-collapse-right" tabindex="0">Now</button><button class="blogg-button blogg-collapse-left blogg-collapse-right" tabindex="0">Day</button><button class="blogg-button blogg-collapse-left blogg-collapse-right selected" tabindex="0">Week</button><button class="blogg-button blogg-collapse-left blogg-collapse-right" tabindex="0">Month</button><button class="blogg-button blogg-collapse-left" tabindex="0">All time</button></div>
<div style="margin-left: 50px; margin: 50px;">
<button class="blogg-button blogg-collapse-right" tabindex="0">Now</button><button class="blogg-button blogg-collapse-left blogg-collapse-right" tabindex="0">Day</button><button class="blogg-button blogg-collapse-left blogg-collapse-right selected" tabindex="0">Week</button><button class="blogg-button blogg-collapse-left blogg-collapse-right" tabindex="0">Month</button><button class="blogg-button blogg-collapse-left" tabindex="0">All time</button></div>
<div style="margin: 50px; margin: 50px;">
<button class="blogg-button blogg-collapse-right" tabindex="0">Now</button><button class="blogg-button blogg-collapse-left blogg-collapse-right" tabindex="0">Day</button><button class="blogg-button blogg-collapse-left blogg-collapse-right selected" tabindex="0">Week</button><button class="blogg-button blogg-collapse-left blogg-collapse-right" tabindex="0">Month</button><button class="blogg-button blogg-collapse-left" tabindex="0">All time</button></div>
<div style="margin-left: 50px; margin: 50px;">
<button class="blogg-button blogg-collapse-right" tabindex="0">Now</button><button class="blogg-button blogg-collapse-left blogg-collapse-right" tabindex="0">Day</button><button class="blogg-button blogg-collapse-left blogg-collapse-right selected" tabindex="0">Week</button><button class="blogg-button blogg-collapse-left blogg-collapse-right" tabindex="0">Month</button><button class="blogg-button blogg-collapse-left" tabindex="0">All time</button></div>
<div style="margin: 50px;">
<button class="blogg-button blogg-collapse-right" tabindex="0">Now</button><button class="blogg-button blogg-collapse-left blogg-collapse-right" tabindex="0">Day</button><button class="blogg-button blogg-collapse-left blogg-collapse-right selected" tabindex="0">Week</button><button class="blogg-button blogg-collapse-left blogg-collapse-right" tabindex="0">Month</button><button class="blogg-button blogg-collapse-left" tabindex="0">All time</button></div>
gjughj
<style>
.GM1BAGKBFBB {
white-space: nowrap;
}
.GM1BAGKBEBB {
display: inline-block;
}
.GM1BAGKBEBB a.blogg-button {
margin-right: 14px;
}
a.blogg-button img {
padding: 0 14px;
}
.GM1BAGKBCBB {
background-color: #F1F1F1;
padding: 4px 0;
position: relative;
top: -4px;
z-index: 1;
}
a.blogg-button {
background-color: #EEEEEE;
}
a.blogg-button:link, a.blogg-button:visited {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
color: #444444;
display: inline-block;
font-size: 11px;
font-weight: bold;
height: 27px;
line-height: 26px;
padding: 0 10px;
text-align: center;
vertical-align: middle;
}
a.blogg-button:hover {
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
color: #222222;
text-decoration: none;
}
a.blogg-button:active {
border: 1px solid #BBBBBB;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
a.blogg-button:focus {
border: 1px solid #4D90FE;
outline: medium none;
}
a.blogg-button.blogg-primary:link, a.blogg-button.blogg-primary:visited {
border: 1px solid #FB8F3D;
color: #FFFFFF;
}
a.blogg-button.blogg-primary:hover {
border: 1px solid #EB5200;
}
a.blogg-button.blogg-primary:focus {
border: 1px solid transparent;
box-shadow: 0 0 0 1px white inset;
outline: 0 none transparent;
}
a.blogg-button img.blogg-button-image {
border: 0 none;
padding-bottom: 2px;
vertical-align: middle;
}
a.blogg-button span.blogg-button-image {
display: inline-block;
margin: -3px 0 0;
text-indent: -99999px;
vertical-align: middle;
}
a.blogg-button.blogg-collapse-left {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important;
margin-left: 0;
}
a.blogg-button.blogg-collapse-right {
border-bottom-right-radius: 0 !important;
border-right: 0 none !important;
border-top-right-radius: 0 !important;
margin-right: 0;
}
a.blogg-button.blogg-disabled {
border-color: rgba(0, 0, 0, 0.1) !important;
color: #444444 !important;
opacity: 0.5 !important;
}
a.blogg-button.blogg-primary.blogg-disabled {
border: 1px solid #FF7733 !important;
color: #FFFFFF !important;
}
a.blogg-button.selected {
background-color: #EEEEEE;
border-color: #CCCCCC;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
color: #222222;
}
a.blogg-button:link, a.blogg-button:visited {
-moz-transition: all 0.2s ease 0s;
background: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1) repeat scroll 0 0 transparent;
}
a.blogg-button:hover {
background: -moz-linear-gradient(center top , #F8F8F8, #F1F1F1) repeat scroll 0 0 transparent;
}
a.blogg-button:active {
background: -moz-linear-gradient(center top , #F6F6F6, #F1F1F1) repeat scroll 0 0 transparent;
}
a.blogg-button.blogg-primary:link, a.blogg-button.blogg-primary:visited {
background: -moz-linear-gradient(center top , #FDA352, #FB8F3D) repeat scroll 0 0 transparent;
}
a.blogg-button.blogg-primary:hover {
background: -moz-linear-gradient(center top , #FD934D, #F9760B) repeat scroll 0 0 transparent;
}
a.blogg-button.blogg-primary:focus {
}
a.blogg-button.blogg-disabled {
background: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1) repeat scroll 0 0 transparent;
}
a.blogg-button.blogg-primary.blogg-disabled {
background: -moz-linear-gradient(center top , #FF8833, #FF7733) repeat scroll 0 0 transparent;
}
a.blogg-button.blogg-collapse-left {
}
a.blogg-button.blogg-collapse-right {
}
a.blogg-button.selected {
background: -moz-linear-gradient(center top , #EEEEEE, #E0E0E0) repeat scroll 0 0 transparent;
}
button.blogg-button {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
color: #222222;
cursor: pointer;
font-size: 11px;
font-weight: bold;
height: 27px;
line-height: 26px;
margin: 0;
padding: 0 10px;
text-align: center;
vertical-align: middle;
}
button.blogg-button:hover {
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
color: #222222;
text-decoration: none;
}
button.blogg-button:active {
background-color: #EEEEEE;
border: 1px solid #BBBBBB;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
button.blogg-button:focus {
border: 1px solid #4D90FE;
outline: medium none;
}
button.blogg-button.blogg-action {
border: 1px solid transparent;
color: #FFFFFF;
text-transform: uppercase;
}
button.blogg-button.blogg-action:hover {
border: 1px solid #B0281A;
}
button.blogg-button.blogg-action:focus {
border: 1px solid transparent;
box-shadow: 0 0 0 1px white inset;
outline: 0 none transparent;
}
button.blogg-button.blogg-submit {
border: 1px solid #3079ED;
color: #FFFFFF;
}
button.blogg-button.blogg-submit:hover {
border: 1px solid #2F5BB7;
}
button.blogg-button.blogg-submit:focus {
border: 1px solid transparent;
box-shadow: 0 0 0 1px white inset;
outline: 0 none transparent;
}
button.blogg-button.blogg-share {
border: 1px solid #29691D;
color: #FFFFFF;
}
button.blogg-button.blogg-share:hover {
border: 1px solid #2D6200;
}
button.blogg-button.blogg-share:focus {
border: 1px solid transparent;
box-shadow: 0 0 0 1px white inset;
outline: 0 none transparent;
}
button.blogg-button.blogg-primary {
border: 1px solid #FB8F3D;
color: #FFFFFF;
}
button.blogg-button.blogg-primary:hover {
border: 1px solid #EB5200;
}
button.blogg-button.blogg-primary:focus {
border: 1px solid transparent;
box-shadow: 0 0 0 1px white inset;
outline: 0 none transparent;
}
button.blogg-button span.blogg-button-image {
display: inline-block;
margin: -3px 0 0;
text-indent: -99999px;
vertical-align: middle;
}
button.blogg-button img.blogg-button-image {
vertical-align: middle;
}
button.blogg-button.blogg-collapse-left {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
margin-left: 0;
}
button.blogg-button.blogg-collapse-right {
border-bottom-right-radius: 0;
border-right: 0 none !important;
border-top-right-radius: 0;
margin-right: 0;
}
button.blogg-button[disabled] {
border-color: rgba(0, 0, 0, 0.1) !important;
color: #444444 !important;
opacity: 0.5 !important;
}
button.blogg-button.blogg-action[disabled] {
border: 1px solid #B0281A !important;
color: #FFFFFF !important;
}
button.blogg-button.blogg-submit[disabled] {
border: 1px solid #3079ED !important;
color: #FFFFFF !important;
}
button.blogg-button.blogg-share[disabled] {
border: 1px solid #29691D !important;
color: #FFFFFF !important;
}
button.blogg-button.blogg-primary[disabled] {
border: 1px solid #FF7733 !important;
color: #FFFFFF !important;
}
button.blogg-button.selected {
background-color: #EEEEEE;
border-color: #CCCCCC;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
color: #222222;
}
button.blogg-button {
-moz-box-align: stretch;
-moz-box-sizing: content-box;
-moz-transition: all 0.2s ease 0s;
-moz-user-select: none;
background: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1) repeat scroll 0 0 transparent;
}
button.blogg-button:hover {
background: -moz-linear-gradient(center top , #F8F8F8, #F1F1F1) repeat scroll 0 0 transparent;
}
button.blogg-button:active {
background: -moz-linear-gradient(center top , #F6F6F6, #F1F1F1) repeat scroll 0 0 transparent;
}
button.blogg-button.blogg-action {
background: -moz-linear-gradient(center top , #DD4B39, #D14836) repeat scroll 0 0 transparent;
}
button.blogg-button.blogg-action:hover {
background: -moz-linear-gradient(center top , #DD4B39, #C53727) repeat scroll 0 0 transparent;
}
button.blogg-button.blogg-action:focus, button.blogg-button.blogg-submit:focus, button.blogg-button.blogg-share:focus, button.blogg-button.blogg-primary:focus {
}
button.blogg-button.blogg-submit {
background: -moz-linear-gradient(center top , #4D90FE, #4787ED) repeat scroll 0 0 transparent;
}
button.blogg-button.blogg-submit:hover {
background: -moz-linear-gradient(center top , #4D90FE, #357AE8) repeat scroll 0 0 transparent;
}
button.blogg-button.blogg-share {
background: -moz-linear-gradient(center top , #3D9400, #398A00) repeat scroll 0 0 transparent;
}
button.blogg-button.blogg-share:hover {
background: -moz-linear-gradient(center top , #3D9400, #368200) repeat scroll 0 0 transparent;
}
button.blogg-button.blogg-primary {
background: -moz-linear-gradient(center top , #FDA352, #FB8F3D) repeat scroll 0 0 transparent;
}
button.blogg-button.blogg-primary:hover {
background: -moz-linear-gradient(center top , #FD934D, #F9760B) repeat scroll 0 0 transparent;
}
button.blogg-button[disabled] {
background: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1) repeat scroll 0 0 transparent;
}
button.blogg-button.blogg-action[disabled] {
background: -moz-linear-gradient(center top , #DD4B39, #D14836) repeat scroll 0 0 transparent;
}
button.blogg-button.blogg-submit[disabled] {
background: -moz-linear-gradient(center top , #4D90FE, #4787ED) repeat scroll 0 0 transparent;
}
button.blogg-button.blogg-share[disabled] {
background: -moz-linear-gradient(center top , #3D9400, #398A00) repeat scroll 0 0 transparent;
}
button.blogg-button.blogg-primary[disabled] {
background: -moz-linear-gradient(center top , #FF8833, #FF7733) repeat scroll 0 0 transparent;
}
button.blogg-button.blogg-collapse-left {
}
button.blogg-button.blogg-collapse-right {
}
button.blogg-button.selected {
background: -moz-linear-gradient(center top , #EEEEEE, #E0E0E0) repeat scroll 0 0 transparent;
}
.blogg-menu-popup {
-moz-transition: opacity 0.218s ease 0s;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
z-index: 997;
}
.blogg-menu-popup:focus, .blogg-menu-popup .popupContent:focus, .GM1BAGKBBHB {
outline: medium none;
}
.blogg-menu-popup .popupContent {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
min-height: 20px;
min-width: 40px;
position: static;
}
.GM1BAGKBPGB {
position: relative;
z-index: 1;
}
button.blogg-menu-button {
position: relative;
}
button.blogg-menu-button .blogg-menu-button-content {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
}
button.blogg-menu-button .blogg-disclosureindicator {
display: inline-block;
margin-left: 10px;
}
button.blogg-menu-button .blogg-disclosureindicator:before {
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACFJREFUCFtjiIyM/I8LMwAJBhySDDBJdAUM6JIMyBIgDABS0S0ltYpj2wAAAABJRU5ErkJggg==");
}
.blogg-menu-button-content .blogg-button-image {
padding-bottom: 3px;
vertical-align: middle;
}
.GM1BAGKBJEB:focus {
outline: medium none;
}
.GM1BAGKBIDB {
display: inline-block;
line-height: 24px;
margin-right: 5px;
text-align: center;
vertical-align: middle;
}
.GM1BAGKBJDB {
display: inline-block;
max-height: 24px;
max-width: 24px;
vertical-align: middle;
}
.GM1BAGKBMDB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA90lEQVR42mMobFzyn5aYgRhFzRPX/1+24dj/eSsP/t9x4CKYpooFVZ2r/p+6cPc/NvD2/ReiLGLA52qQIYTAwRPXybPg9v0X/4kFPTO3kmYBKGiIcT0MPHn+jjQLQGFLKgA5imgLpi7cTbIFuIKJahaQFEQ0twDkXZpaAMLfvv+kXSoCYVCRQCzAl6NxWgCKB2J8AVIDyvVklUXE+AKkhuzCjpjUBFJDUXGNr0wCyVFcH6zfcQanBSA5ii3AVR+AAEiOIgtAqQOUxvGlf3wpCG9pSkp9AFILqlIJWgBKEaTUA8RUowzEhDWpADluwBaA6lVqA1hdDQCgZS+fHGxjYwAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
height: 24px;
overflow: hidden;
width: 24px;
}
.GM1BAGKBAEB.GM1BAGKBMDB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA9klEQVR42mM4Z2/1n5aYgRhFV8KD/z9ob/l/t7ri/7P5c8A0VSy46O32/+32rf+xgZ/PnxFlEQM+V4MMIQRerl5BngWfz5/7Tyy4nhxPmgWgoCHG9TDw7fYt0iwAhS2pAOQooi24lZ9NsgW4golqFpAURDS3AORdmloAwn8+f6ZdKgJhUJFALMCXo3FaAIoHYnwBUgPK9WSVRcT4AqSG7MKOmNQEUkNRcY2vTALJUVwfPJk8EacFIDmKLcBVH4AASI4iC0CpA5TG8aV/fCkIb2lKSn0AUguqUglaAEoRpNQDxFSjDMSENakAOW7AFoDqVWoDWF0NAMywyy1NsPkyAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
height: 24px;
overflow: hidden;
width: 24px;
}
.GM1BAGKBIEB {
color: #333333;
padding: 5px 10px;
}
.GM1BAGKBFEB {
display: inline-block;
vertical-align: top;
}
.GM1BAGKBLDB {
display: inline-block;
padding: 5px 10px;
vertical-align: top;
}
.GM1BAGKBFEB {
line-height: 96px;
margin: 5px;
vertical-align: middle;
}
.GM1BAGKBGEB {
margin: 5px 0;
}
.GM1BAGKBDEB {
font-size: 11px;
}
.GM1BAGKBBEB {
background-color: #EDFEEA;
color: #333333;
font-size: 11px;
padding: 10px;
}
.GM1BAGKBBEB strong {
font-weight: bold;
}
.GM1BAGKBPDB {
cursor: pointer;
padding: 5px 7px 30px 40px;
position: absolute;
right: 2px;
top: 0;
}
.GM1BAGKBODB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVR42mOIjIz8jwszgABOCRjAKYGsAJkPAKT/IKHcRfUJAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 4px;
overflow: hidden;
width: 7px;
}
.GM1BAGKBNDB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAB4pJREFUeNrtnedXGlkUwOdv3T1nV8FCEt0EQbBFE1viRjeWCEMRRRRdNLE3EBU11qDEFrFgQ7EiCDh7kZxdk+whKu/NPJR7+ARHHX5z65t7r9SjTHXsFeZFxRDEAMUA3VdAggxVYroiWaoUZHx9J1mqSpIoE8QKvohOSFckBT9SPSBAgkw1fGf4/vFp8t+FsseZ6rxSg/ClFjDBOzwRnZKjyXylL65qK1f3FJS3igt08FPwEV9Mc0WKYlFf1I+yakT5utfv2utbLT1m66R11eP1nZx5Bkc/V9f1Gy22zR2X1+sLBC4ZhvH7A2duz7J9p3vQWlLdHiIFKnY/AYG9xD2TvSgz7OwdXV4Gv/9tZcW+q2keAhULYmJRm7ADAvPhpclzSw29ZuvB4SkTmWxsHdQ0meHXgj1GPSDwGnC3M4r1xlHbueeCQSdgd2XKLnBMiRJltAKCS4cX+JqjYzeDQcBORyaWJIWNcA+iDxDEqWd52o+zXxjM4jo8o+uNkBPg80roAYHmS4oa7RtOhi3pNn2C6IaJEYWajgISme29Q4ZdGbDMJ6YrSQcEAUuUXw+BhuFCKmp6cfgjZIBAwyFsWRc2GI5kZW338VWxQigguHvNHeMMp9IzaIXLEBAICIwru6TJfe7lFhDE/mptP1pDQwMI8lrz+AJDgLiOzsQFDYkSBUGAICHMet3kQZorRyJjUyuQiAnIAQTq09Q+HirBSRCohd/V9qEq1lBoULpS3zZm39hjiJF1x/7jrBokqSMaDVLpB33+AEOSKHQmJEoUKaAkqVL4Qus8OGEIk+m5NSIABdWncZAhTza3D55kI7AyKvL8cGRikUBAx6fn0mJ9UsQHRlSER2JJUhXk+AyRUiLr4ItpjgFBsJi1rZMJqM4wHLkbitTEEtIVmuYhMgF1GWd5IjnnTloOWSKZgEyjtsjrskgB8UU0rTOSCaitb4p7QJBGQx1/Tkwhdl0qa/p4YgJ8UHFVm8frI43OgetUlK+DPJb7PKitb5pA9ZlfckTuodEAGvq4GAMUDtDHmZUYoHCABkbmY4DC5UEt3RMxQOE0qNM4GwMUDlD/8FwMUDgTq28ZiQEK18iR/7bVT9h5K4hteYsIQMkZqpQcjWPbRRqgGds6EYCCbkgkH50mLhWC9JWIM+nQsbS+bYw0QO39M6QA4ovoKk0faYAUDSaCAJXIOoii473w5b75OzFdQQSgZKnqWV4d+11lYWTWto6qfwFZ+0tuqWFucZMEOl/W9zJf6VF1CCNroPrtaTWtM5EA6I28I04oI7HDrKqWe1cdCFwWVX5IENPEAeKL6TfyTs4Bnbk92SXNCDvwkQECN/Tyr9YLn5/jo+jD06e5dQh7ppEBEkDNka3Z3uU4ln1ediCJ7lj6pCExqzMMcwsIUla+mCYUECgR5ERGi40TNP5AoGNgFnm/PeJRBDD+JIkSEuvpOTubdI5Pzv+86uVAPrmJfphFkKH+JaVK2cBqTrTu2Icbg2OuFcs4FFRnlZpedn3zFtyYqAEEcSSv1MDmMaN5bIGPZ0gTCyBw1anPa/f2j1kDpDWMxAnlUQMItB3u58jkEjt0fP4AKCza9Af7zCovTV5d288OoMXVbdBZQVRMHF6zMmVKjmbHecQCIE3zEL7RXoxj4XDRDe9HcdOBe5CaU5ssVUYfoJASbe7gfSKk0puxTobj3bzAE8nLFF2BS1yDQFdHq/8tj4nK1RRwe6FEwkHH6TqRFjUm4Ale7AGC+AIF5LJ9BzmgclVPvFCO+/rZ2P4CGYpt2YHh7LmTL1ZEPSCoIcUFOtfRGXJAhq4J3Is72ACUIFYUVry/xOCnx2e+3AdAPBGNaZhjzbGfkq3BvZMKO6A4oax3CEsL2pnbKylqxL1CCC+gq4EypW15C1MeVEp3oj2BZhvQ14lWF66JVn3bWJxQHsWAIIvLf9uKr84YnVqOyg1U/6aIv6ZWybQDGPsU1nbBxCAOCKJoAxVca2iV5B/Pa9+qulfsGCdavRe+vqG5wooP8EfB1oJ1GcmAICcM7YIsqvjQY7aycxjEXC19gVKmqX0881VTSKEQxn4KhcqoQyqTXqjTtowsfNnm6rGq+9w7Mbtaru59klUD15OEIgOIdOqZJwLFVoDKmCw2HPXEHXPIzX0IcJLChvg0OsJyn7qzAw6Gjyx1pabXurBBzuqXbx+3uvuH53NLDWB3d06XqLuhAQesbjKzuQswEkcO2cDr6nZQpTtgom5lUCE04Gg4b3O5Q+fZlNUexCRW3Mrobgroqi9ArdCZtjCfMePGZJlcyitrCbrwm53zUzcJ3ryrTuiFlS3mXojX6+syfRK+1EKE+el5NvXTwwpRfv3g6Gcy3XAksus8giwfLC58RzUV3hlX1PTuOo+Z+yuWqaW0oCrRtwMU2sXfQeSsJXJx7LqgWIlPk90UENBJfV47+WmVeTBy6vZU1w38LyPqR5eckqOxLTmYByY+nx9c0o/PkahHP/yjCwtbbSukybnnorDi/XfJJPVdzFKQMW/BlaxuOL9bwEh9s28rU7226WQettA64/VhV+rbWYIWAueXWRbz+MJ1K/sHmUa2qzhewpoAAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent;
height: 96px;
max-height: 96px;
max-width: 96px;
overflow: hidden;
width: 96px;
}
.GM1BAGKBAEB.GM1BAGKBNDB {
background: url("data:image/png;base64,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") no-repeat scroll 0 0 transparent;
height: 96px;
overflow: hidden;
width: 96px;
}
.GM1BAGKBEEB {
display: inline-block;
max-height: 96px;
max-width: 96px;
vertical-align: middle;
}
.GM1BAGKBHEB {
background-position: left center;
background-repeat: no-repeat;
min-height: 20px;
padding-left: 20px;
}
.GM1BAGKBCEB {
background-image: url("//www.google.com/images/icons/ui/gprofile_button-16.png");
}
.GM1BAGKBKDB {
background-image: url("/img/logo-16.png");
}
.GM1BAGKBBBB {
white-space: nowrap;
}
.GM1BAGKBABB {
display: inline-block;
position: absolute;
right: 50px;
top: 9px;
}
.GM1BAGKBMAB {
background-color: #F1F1F1;
padding: 4px 0;
position: relative;
top: -4px;
z-index: 1;
}
.GM1BAGKBPAB {
font-size: 9px;
margin-right: 16px;
}
.GM1BAGKBPAB a {
color: #FF0000;
}
.GM1BAGKBOAB .blogg-button, .GM1BAGKBOAB .blogg-button:hover, .GM1BAGKBOAB .blogg-button:active {
background: none repeat scroll 0 0 transparent !important;
border: medium none !important;
box-shadow: none !important;
}
.GM1BAGKBJAB span {
display: inline-block;
vertical-align: middle;
}
.GM1BAGKBJAB .GM1BAGKBIAB {
color: #333333;
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.GM1BAGKBJAB .GM1BAGKBKAB {
color: #F26300;
}
.GM1BAGKBADB {
margin-bottom: 15px;
}
.GM1BAGKBBDB {
max-width: 922px;
padding: 8px 0 0;
}
.GM1BAGKBBDB:first-child {
padding-top: 16px;
}
.GM1BAGKBDDB {
background: none repeat scroll 0 0 #F9EDBE;
border: 1px solid #F0C36D;
}
.GM1BAGKBCDB {
background: none repeat scroll 0 0 #EDF4FF;
border: 1px solid #CDD4EF;
}
.GM1BAGKBPCB {
z-index: 997;
}
.GM1BAGKBMCB {
-moz-transition: opacity 0.218s ease 0s;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
height: auto;
padding: 15px;
position: relative;
width: 250px;
}
.GM1BAGKBOCB {
padding-bottom: 10px;
}
.GM1BAGKBNCB .blogg-button {
margin-right: 5px;
}
.GM1BAGKBLEB {
color: #222222;
cursor: pointer;
padding: 10px 16px;
}
.GM1BAGKBLEB.selected {
background-color: #EDF4FF;
}
.GM1BAGKBLEB.hovered {
background-color: #FFF9E7;
}
.GM1BAGKBNEB {
border-top: 1px solid #CCCCCC;
}
.GM1BAGKBI5 {
border-bottom: 1px solid #EBEBEB;
font-size: 20px;
height: 30px;
left: 0;
line-height: 30px;
margin-bottom: 16px;
padding: 19px 44px 20px;
position: absolute;
right: 0;
top: 0;
}
.GM1BAGKBI5 .GM1BAGKBL5 {
display: inline-block;
float: left;
width: 160px;
}
.GM1BAGKBI5 .GM1BAGKBL5 a {
color: #F26300 !important;
text-decoration: none;
}
.GM1BAGKBI5 .GM1BAGKBN5 {
display: inline-block;
float: left;
padding-left: 12px;
white-space: nowrap;
}
.GM1BAGKBI5 .GM1BAGKBK5 {
background-color: white;
display: inline-block;
padding-left: 10px;
position: absolute;
right: 104px;
white-space: nowrap;
z-index: 1;
}
.GM1BAGKBO5 {
bottom: 0;
left: 0;
overflow: auto;
padding-top: 16px;
position: absolute;
right: 0;
top: 70px;
}
.GM1BAGKBK5 .blogg-button {
float: left;
margin-left: 16px;
}
.GM1BAGKBAAB {
float: left;
margin-left: 44px;
width: 160px;
}
.GM1BAGKBH5 {
min-width: 600px;
padding: 0 44px 0 215px;
}
.GM1BAGKBG5 {
clear: both;
}
.GM1BAGKBF5 {
margin-bottom: 10px;
}
.blogg-fix .GM1BAGKBJ5 {
background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.1), transparent) repeat scroll 0 0 transparent;
bottom: -5px;
height: 4px;
left: 0;
position: absolute;
width: 100%;
z-index: 1;
}
.GM1BAGKBM5 {
margin-bottom: 8px;
margin-top: -16px;
}
.GM1BAGKBP5 {
display: inline-block;
line-height: 20px;
position: absolute;
right: 44px;
white-space: nowrap;
}
.GM1BAGKBJCB {
bottom: -1px;
box-shadow: 0 0 6px #808080;
cursor: pointer;
position: fixed;
right: 15px;
z-index: 996;
}
.GM1BAGKBKCB {
background-color: whiteSmoke;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
color: #222222;
display: inline-block;
font-size: 11px;
height: 27px;
line-height: 27px;
padding: 0 8px;
text-align: center;
}
.GM1BAGKBLAB {
background-color: #FFFFFF;
bottom: 0;
left: 0;
opacity: 0.75;
position: absolute;
right: 0;
top: 0;
z-index: 992;
}
.GM1BAGKBFDB {
font-size: 11px;
height: 0;
line-height: 29px;
position: relative;
text-align: center;
width: 100%;
z-index: 997;
}
.GM1BAGKBGDB {
background-color: #F9EDBE;
border: 1px solid #F0C36D;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
color: #222222;
display: inline-block;
margin: 33px auto;
padding: 0 16px;
text-align: left;
white-space: nowrap;
}
.GM1BAGKBHDB {
background-color: #F9EDBE;
border: 1px solid #F0C36D;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
color: #222222;
display: inline-block;
margin: 33px auto;
padding: 0 16px;
text-align: left;
}
.GM1BAGKBEDB {
display: block;
text-align: center;
}
.GM1BAGKBHAB {
color: #222222;
}
.GM1BAGKBBAB, .GM1BAGKBCAB {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.GM1BAGKBFAB {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 50px;
}
.GM1BAGKBDAB {
background-color: #F1F1F1;
border-bottom: 1px solid #EBEBEB;
height: 29px;
left: 0;
padding: 10px 44px;
position: absolute;
right: 0;
top: 0;
}
.GM1BAGKBEAB {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.popupContent {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.GM1BAGKBCCB {
margin-bottom: 50px;
}
.GM1BAGKBDCB {
margin-bottom: 20px;
}
.GM1BAGKBECB {
border-bottom: 1px solid #EBEBEB;
color: #333333;
margin: 0 0 10px;
padding: 10px 0;
position: relative;
}
.GM1BAGKBECB a {
color: #1155CC;
font-size: 12px;
font-weight: normal;
line-height: 20px;
position: absolute;
right: 0;
}
.GM1BAGKBGCB {
background-color: #FFF9E7;
border: 1px solid #FAECBB;
}
.GM1BAGKBGCB .GM1BAGKBECB {
border-bottom: 1px solid #FAECBB;
padding: 10px;
}
.GM1BAGKBHCB {
width: 100%;
}
.GM1BAGKBHCB tr:first-child td {
border-top: medium none;
padding-top: 0;
}
.GM1BAGKBHCB tr:last-child td {
border-bottom: medium none;
}
.GM1BAGKBHCB td {
border-bottom: 1px solid #FAECBB;
line-height: 20px;
padding: 8px 10px;
}
.GM1BAGKBHBB {
background-color: #EDF4FF;
border: 1px solid #CFE9FF;
}
.GM1BAGKBHBB .GM1BAGKBECB {
border-bottom: 1px solid #CFE9FF;
padding: 10px;
}
.GM1BAGKBHBB .GM1BAGKBECB a {
right: 10px;
}
ul.GM1BAGKBGBB {
font-size: 13px;
list-style-type: none;
margin: 0;
padding-left: 0;
}
ul.GM1BAGKBGBB li {
margin: 0 10px 5px;
}
.GM1BAGKBKBB {
margin: 5px 0;
}
.GM1BAGKBFCB {
font-size: 14px;
}
.GM1BAGKBLBB {
color: #333333;
font-size: 12px;
padding-bottom: 20px;
}
img.GM1BAGKBMBB {
border-width: 0;
padding-right: 15px;
}
.GM1BAGKBICB {
text-align: right;
}
.GM1BAGKBJBB {
list-style: none inside none;
margin: 0;
padding: 0;
}
.GM1BAGKBJBB li {
margin: 0 10px 5px;
}
.GM1BAGKBNBB {
padding: 12px 16px;
}
.GM1BAGKBPBB {
float: left;
}
.GM1BAGKBPBB span {
display: inline-block;
margin-top: 5px;
vertical-align: middle;
}
.GM1BAGKBOBB {
margin-left: 76px;
}
.GM1BAGKBBCB {
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.3;
margin-bottom: 6px;
}
.GM1BAGKBACB {
color: #555555;
line-height: 18px;
}
.GM1BAGKBIBB {
clear: left;
}
.blogg-tab {
cursor: pointer;
margin-left: -16px;
}
.blogg-tab > a {
display: inline-block;
width: 100%;
}
.blogg-tab a, .blogg-tab a:visited, .blogg-tab a:hover {
text-decoration: none;
}
.GM1BAGKBKGB {
display: inline-block;
height: 30px;
line-height: 30px;
padding-left: 16px;
width: 100%;
}
.GM1BAGKBKGB:hover {
background: none repeat scroll 0 0 #F5F5F5;
}
.GM1BAGKBLGB {
color: #222222;
display: inline-block;
margin-left: 5px;
}
.blogg-tab.selected .GM1BAGKBLGB {
color: #F26300;
}
.GM1BAGKBIGB {
margin-bottom: 16px;
}
.GM1BAGKBJGB {
display: inline-block;
vertical-align: -5px;
}
.blogg-tab .withNotifications {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA+0lEQVR42mNgGFLgf7ce9/9WQ+f/bcZ5/9tNVvyvN+fDr6HTmvd/h5H7/w6T/v/txleBGt8C6S9A/BOI//9vMxSFKGww5vrfYcz/v9lMEUhHgU2HKP6Phv+h8EEGgJwB5OwH4ldYNODHYAOABMkacRjwjzwD+iyFgJwPQL+/B9J/cRj0D6cB8BCv1+IBCr4D4mvgQGw3PgLED+Ehjs1AZAPAhrQbvwHiJRADHVggsWLiCVFsvANIX4S6EmJQt54YqgEQbzz+32a0HMheDWSv+t9utBFI//jfaeIKdmWbmTDQZkugeB+Ij25ALtSQN3AMTg9Gp4AGqDMMTwAAwa5ZnVQVHegAAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 16px;
margin-left: 20px;
overflow: hidden;
vertical-align: middle;
width: 16px;
}
.blogg-tab.overview .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABEElEQVR42t2UzQmDQBCFU0JKSQleREXRiKIiKot/daQTS0gJW4KlWMJknrAH0SS7OQUXBoR98znOvPFyOcVxHGfyPG+2LOvquq4VhiHleU6+75MxjJOmqqqoaRpKkmS+88HzOI4rVBuEariSGcl939MwDNS2LQkhqOs6MyBgXMiMZICQfBRaQF2YFtAEhkBvbdu+HcJwEcexNgyBnmZZtvDkxQ7GlS1qADowBLQoIE1T2kDZZ0+2h2RbyLquFx0oNNAiJwgCyQx5+OkQKFt8Cmig/TrlKIokeqOqQBuKolgDQ1AvgwZaIyD6w719qDusndqSn4BIZsgGWJbl2YAYP3yFtWKj74Dq1wXNW6v89XkB6E5tY/X2XroAAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.overview.selected .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAiElEQVR42mNgGBbgf7vx/P8dxuf/1xsI/G83cQDy/8MweYbBDAAZ2mYcQJaBYNeADEDSjA1T1TCiDCTFMIIGkmoYGLeaGmA3DChBsmGQiHr/v90oAZth70k2DAUjGQo0bD1QcD8Yk2IwRO1+GMaV7vaT4LL9xCRkWhto0oCQQ812owbSycBBBwCEnueztOXxnwAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.editPosts .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAT0lEQVR42mNgoBdIS0v7jw9D1exMTU1NoKaB/4k2lAQDwYZSxUCiDSHGQKIsoIuBeHzTMDhcSHMvo3t1BHgZn54h7mW6lIFkFw5UM5AaAACyqLNEs75CTgAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.editPosts.selected .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAUElEQVR42mNgoBf43278Hx+Gqtn5v90ogZoG/ifaUBIMBBtKFQOJNoQYA4mygC4G4vaNScPgcCHNvYzu1RHgZXx6hriX6VIGkl04UM1AagAAz7Yc0SvjT28AAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.pages .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAQElEQVR42mNgoBdIS0v7TwwmycCMjAwHYiykuoFEGUoVA5ElCRmIrm/UwFEDR66BpGCCBtK1DCSpyKJ6wUopAADjPfKfKTVPaQAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.pages.selected .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAVUlEQVR42mNgoBf43278nyDuMH7/v9XUgAQDTRoIWkisoUQbCDWUugYCMV5FxBiI0GPSMGrgqIFDzEDj+UANDvgxSA3xBhKNCRpIvzKQFEupbiA1AAAkIlxHygszAQAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.comments .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAZ0lEQVR42mNgGDIgNTXVIC0t7T4Q/ycD3wfpRzGQAsPghqIb+J9SPGrgqIGUGghM6fspMQykH8XAhIQEgfT09PlAyfekGgbSB9JPUl6HWobbi+QAoCEFVDUQGtYJsGChdlH3nmFIAgDgbdXUjyjrAQAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.comments.selected .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAZUlEQVR42mNgGDLgf6upwf924/tA/J8MfB+kH9VA8g2DG4pu4H9K8aiBowZSwcD9FBq4H9XAegMBoOD8/x3G78kwbD5IP2l5HaQJnxfJKkDajAqoaiDEpUYJsGChblEHNJRhSAIAke9I8GyQ+OUAAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.stats .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABGUlEQVR42sWUyQ3CMBBFKSElUAIlpIQcsiv71k5KoQRKoBRKMHkICyteknCASKMgz/9vhrHj0+lfTxAEfp7noqoqsbzvURQ134IuvMMw9JumEdM0iWEYBL8By7zzoTpiusmyTKyBMgAXRfGwQkkAwogYE1AbUELxGGFUkyAZW0CCdW2mVFnD9gK1LqHbxHuAqs7ZnSpUj40p0jT9AFmwVa7rWhw+ay5g27ZU9/nLpqDzQ0BG0XXdaydNwRg0YFmWYhxHK9QWePBqwOVruPZ9fxiIB68GZBYM/0iXaPHgNW5MkiRXZrUXiBaP61bxOI8IXZ2SQ/O+abytq8pbqs7sOiZ2WA3WyKHZhK3A5ziO52XgNzVYI/fTm/0JRK7gq7QtxhcAAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.stats.selected .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAtklEQVR42mNgGCjwv93E4X+78X8w7jA+/7/dKIE8g1pNDTAMRDYYKk/ANUYJEFdANOI0EGLoe5yGgiSQDSLKQKhLcRn2HpsGggaCMVqYYnMZSQYiuxIcZngUE+dCiDqCriPPQGIVEp9o8RsIcR1uTIaBJPqA+gZ2GK8n20CgXvwZn2SMJQzJdiU218ENrDcQIJQeMUoaoB78yQdsqEk/YcOAaggZhhqmBgpQg/ejYLCYgQJdS3YAvc5v3ACR0LQAAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.earnings .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABBUlEQVR42u1UWw3DMAw0hEEYhEEYhEHITx+fgVAGgTAIhVAIhVAIgbDV0Vm6bmnabvucJUuJY5/PjhNp2/bKWtf146B6jhc1VlU1mBYC44p9pNiYAIVkJWhqmuaeO0usIApqDC8bgEF9tgA1sYCqZ6OVaH1xzp30zPbcGiMz28+p2tngEjLRJufBwChhYIZmR0t60QCw6hDgX8rqKNmi7NQzMF+UD8eY6xX2miQgeaQzh7Ooa67EQEcERBqVnm8bPrxXn5usCYBDYe6Sas/eWJUEwFNuwA8BsaBnntgGHQ/5VmyU5FfyB/xM9DbxEjoaH117/p32Ag07fuqp+EJyv80efZ3LJ9nbrCAYaSQ3AAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.earnings.selected .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABHElEQVR42u1U0RGDIAzNCB2hI3hK/ztCR3CEblB/qv51BEdwBEZwBEdwBEoIQjiB07afzV3ugJDHeyEAqhPX0Ct1yNvyzvPBBiTzeGJfLYn1yeXqPQYQmCUAZ+1DPKZZ+VxJAM9LkQXsxQv37ACcDSrWgS96ibY2j+JEMVdnXxpLRnXF2ahVXVkbZEabMZArmIsjW8aQ5Q2axAiYQKxEYwLm1gJJjUvaypaeOZNvNqLEWK1wjodgDA8PblurMzFcK2sIpBDoRMA2icZjcNvUJny+qLa6QcoIWLNJ9Z33YcMqZ1b6HG/wA0ABKNbM1cj2o24P+NbWVoJf2R/wUxB87PjORePbR4/x1tnvtBMo89HyV5J7IYnfZoeHffkGjvYfw0xsVgsAAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.pageElements .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAW0lEQVR42mNgoAVIS0v7Tw2MYmBGRoYDpY7CaiCIJgUnJCQI4DWQVG8i6xuiBlI9UoDsBlwYqEYBXQ2SGOlexqaGojAcNXC4GEi1hA3EBaSWNMgYm4HUK2CpCQCGR+p8xh3nEAAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.pageElements.selected .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAVklEQVR42mNgoAX43278nxoYzUATB0odhdVAEE0SrjcQIGAgqV5F6BuiBtIiUhpwYwMFTDUwMbK8jE0NRWE4auDwMJB6CbvNqIDkkgYFY7iQigUsNQEAdfhronB2kScAAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.template .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAg0lEQVR42mNgoAVIS0vrT01N3U8mTsBm4H8K8H1qG/gf5NL09PT5VDMQhqll4HsgXoNu4HsKDJyLYSAVUgnxBgID3ACouAEPLgbiE0QbCFS4nuRIIWDgeaiGYmDSsExJSTEG0chsEA30iTZBwzIyMhzwJmBSAZqB/0cNHAEG3mcYCAAAu81dWVo+ZUoAAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.template.selected .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAf0lEQVR42mNgoAX432HS/7/deD952CgB08B24/8U4PvUNvA/1LXzqWkgGFPHwA7j98BwXINqIFiQXEON5mIYSHEqIcXA/62mBv/bTRrwY+MtxBvYYbye5EghYOB5qIbi/22GlkDvGaPQMNxhqk1E2Jg4IKc1KgT2qIGjBtIFAAAVRLXRfE7SVwAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.classic .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAg0lEQVR42mNgoAVIS0vrT01N3U8mTsBm4H8K8H1qG/gf5NL09PT5VDMQhqll4HsgXoNu4HsKDJyLYSAVUgnxBgID3ACouAEPLgbiE0QbCFS4nuRIIWDgeaiGYmDSsExJSTEG0chsEA30iTZBwzIyMhzwJmBSAZqB/0cNHAEG3mcYCAAAu81dWVo+ZUoAAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.classic.selected .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAf0lEQVR42mNgoAX432HS/7/deD952CgB08B24/8U4PvUNvA/1LXzqWkgGFPHwA7j98BwXINqIFiQXEON5mIYSHEqIcXA/62mBv/bTRrwY+MtxBvYYbye5EghYOB5qIbi/22GlkDvGaPQMNxhqk1E2Jg4IKc1KgT2qIGjBtIFAAAVRLXRfE7SVwAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.settings .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAqklEQVR42mNgGEiQkJAgkJaW1g/E74H4f0ZGhgKlhp0HGQTCqampCRS5DmhIA8wwkCsp9i7MmyCcnp4+H10e6GIDUg38j4yRvQxig8RINfA+FkP3g1wL5b8n2jCYCwjgBqoZhi1MSTHsPcirMC8TnXzwGGZAchIZvIZB8ynlhoHyKSygqeWy91AcAMTrKTIM2UBQcQQ1kHzDYBkbOfNTXDTBDIWGYwPDYAIA3aDvqiyIricAAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.settings.selected .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAr0lEQVR42mNgGEjwv95A4H+HSf//DuP3/9uN//9vN1Cg0DDj8xCDQNgogTLXtZs0wA0DupJy78K9CcbzMeRbTQ1IdCHcMAwvg9ggMVINvI9pqPF+kGshwWD8ngTDIC7Aj00aqGgYZpgSbxgkcvYjvExk8sFpGKmxOcgNA+VTahgGzqeIgKaGy4AaQbjNOABIr6fIMBQDgcUR2EBKDINlbNTMT2HRBDcUHI5EZiF6AQCJ9TBnXCGLJgAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.authorSettings .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAqklEQVR42mNgGEiQkJAgkJaW1g/E74H4f0ZGhgKlhp0HGQTCqampCRS5DmhIA8wwkCsp9i7MmyCcnp4+H10e6GIDUg38j4yRvQxig8RINfA+FkP3g1wL5b8n2jCYCwjgBqoZhi1MSTHsPcirMC8TnXzwGGZAchIZvIZB8ynlhoHyKSygqeWy91AcAMTrKTIM2UBQcQQ1kHzDYBkbOfNTXDTBDIWGYwPDYAIA3aDvqiyIricAAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.authorSettings.selected .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAr0lEQVR42mNgGEjwv95A4H+HSf//DuP3/9uN//9vN1Cg0DDj8xCDQNgogTLXtZs0wA0DupJy78K9CcbzMeRbTQ1IdCHcMAwvg9ggMVINvI9pqPF+kGshwWD8ngTDIC7Aj00aqGgYZpgSbxgkcvYjvExk8sFpGKmxOcgNA+VTahgGzqeIgKaGy4AaQbjNOABIr6fIMBQDgcUR2EBKDINlbNTMT2HRBDcUHI5EZiF6AQCJ9TBnXCGLJgAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.googleplus .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAM1BMVEVmZmb///+MjIzZ2dn19fVwcHCgoKCysrLFxcW8vLyWlpapqans7Ozi4uKDg4N5eXnPz8/D9CxmAAAAjUlEQVR4Xm3OCwrDIBBF0Xnz859k/6ut2pYMTS8ojwOCZPSoLeB35942D1lO3BQqhVbghb3OeSicAureCWoBZaMBTkVEMEQGddoNpIA4Nwo8PEfaONQi6jGN5x3wghYufdn9eTrdAacQr3H8Q1Io/6BxAtAi5itVrgPIAX0Py0C98VuGPJEiNv7Ur+/KL9BVA0tIjYucAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab.googleplus.selected .GM1BAGKBJGB {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAM1BMVEX/hzP/////pWb/4cz/9/L/j0D/tID/w5n/0rL/yqX/rXP/vI3/8OX/6Nn/nln/lk3/2b/KlS8jAAAAjUlEQVR4Xm3OCwrDIBBF0Xnz859k/6ut2pYMTS8ojwOCZPSoLeB35942D1lO3BQqhVbghb3OeSicAureCWoBZaMBTkVEMEQGddoNpIA4Nwo8PEfaONQi6jGN5x3wghYufdn9eTrdAacQr3H8Q1Io/6BxAtAi5itVrgPIAX0Py0C98VuGPJEiNv7Ur+/KL9BVA0tIjYucAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
height: 20px;
overflow: hidden;
width: 20px;
}
.blogg-tab .GM1BAGKBEHB {
color: #333333;
display: block;
padding: 6px 0 6px 45px;
}
.blogg-tab .GM1BAGKBEHB:hover {
background: none repeat scroll 0 0 #FFF5D8;
}
.blogg-tab .GM1BAGKBFHB {
display: block;
}
.blogg-tab.selected .GM1BAGKBEHB.selected .GM1BAGKBFHB {
color: #F26300;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
border: 0 none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
blockquote {
border: 0 none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
quotes: "" "";
vertical-align: baseline;
}
pre {
border: 0 none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
a {
border: 0 none;
color: #1155CC;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
text-decoration: none;
vertical-align: baseline;
}
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd {
border: 0 none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
q {
border: 0 none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
quotes: "" "";
vertical-align: baseline;
}
s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd {
border: 0 none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
ol, ul {
border: 0 none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
list-style: none outside none;
margin: 0;
padding: 0;
vertical-align: baseline;
}
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0 none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
table {
border-collapse: separate;
border-spacing: 0;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
input::-moz-focus-inner {
border: 0 none;
}
body {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
overflow: hidden;
}
textarea {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
padding: 0 4px;
}
input[type="text"] {
font-family: Arial,Helvetica,sans-serif;
padding: 0 4px;
}
input[type="radio"] {
margin: 3px 0;
}
button {
font-family: Arial,Helvetica,sans-serif;
}
.blogg-title {
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size: 18px;
font-weight: 400;
}
.blogg-name {
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size: 20px;
font-weight: 400;
}
a:visited {
color: #1155CC;
text-decoration: none;
}
a:hover {
cursor: pointer;
text-decoration: underline;
}
.blogg-err-message {
color: red;
display: none;
}
.blogg-err .blogg-err-message {
display: block;
}
.blogg-err textarea, .blogg-err input[type="text"] {
border: 1px solid red !important;
}
span.blogg-image-tooltip {
display: inline-block;
overflow: hidden;
text-align: left;
text-indent: -99999px;
}
</style></div>
stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-71871889294705656432012-07-12T06:49:00.000-07:002012-07-12T06:49:08.008-07:00Comment பகுதியில் யாஹோ சிமிலிகள்<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<script src='http://bloggerhack.googlecode.com/files/ysmiley_fixed.js' type='text/javascript'/>
<div class="ysmileykangismet" style="background: none repeat scroll 0 0 rgba(254,241,209,0.4) !important;font-size: medium !important;padding: 10px !important;text-align: left !important;font-weight:bold !important;font-size:11px !important;margin-top:0px; margin-left:15px; width:570px;">
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif"> :)
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif"> :(
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif"> ;)
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif"> :D
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif"> ;;-)
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif"> :-/
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif"> :x
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif"> :P
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif"> :-*
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif"> =((
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif"> :-O
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif"> X(
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif"> :7
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif"> B-)
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif"> :-S
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif"> #:-S
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif"> 7:)
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif"> :((
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif"> :))
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif"> :|
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif"> /:)
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif"> =))
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif"> O:-)
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif"> :-B
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif"> =;
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif"> :-c
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif"> :)]
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif"> ~X(
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif"> :-h
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif"> :-t
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif"> 8-7
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif"> I-)
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif"> 8-|
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif"> L-)
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif"> :-a
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif"> :-$
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif"> [-(
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif"> :O)
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif"> 8-}
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif"> 2:-P
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif"> (:|
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif"> =P~
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif">
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif"> #-o
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif"> =D7
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif"> :-SS
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif"> @-)
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif"> :^o
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif"> :-w
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif"> 7:P
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif"> 2):)
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif"> X_X
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif"> :!!
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif"> \m/
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif"> :-q
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif"> :-bd
<img alt="" class="bhacksmly" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif"> ^#(^
<img alt="" class="bhacksmly" src="http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif"> :ar!
</div>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com2tag:blogger.com,1999:blog-7401893701827595607.post-25491605983287333812012-07-05T22:02:00.000-07:002012-07-05T22:02:07.586-07:00Comments And Buttons<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<style>
.g-button {
display: inline-block;
min-width: 46px;
text-align: center;
color: #444;
font-size: 11px;
font-weight: bold;
height: 27px;
padding: 0 8px;
line-height: 27px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-ms-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
border: 1px solid #dcdcdc;
background-color: #f5f5f5;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: default;
text-decoration: none;
}
.g-button-red {
border: 1px solid transparent;
color: #fff;
text-shadow: 0 1px rgba(0,0,0,0.1);
text-transform: uppercase;
background-color: #d14836;
background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
background-image: -o-linear-gradient(top,#dd4b39,#d14836);
background-image: linear-gradient(top,#dd4b39,#d14836);
}
.g-button-red:hover {
border: 1px solid #b0281a;
color: #fff;
text-shadow: 0 1px rgba(0,0,0,0.3);
background-color: #c53727;
background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
background-image: -o-linear-gradient(top,#dd4b39,#c53727);
background-image: linear-gradient(top,#dd4b39,#c53727);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.g-button-red:active {
border: 1px solid #992a1b;
background-color: #b0281a;
background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#b0281a));
background-image: -webkit-linear-gradient(top,#dd4b39,#b0281a);
background-image: -moz-linear-gradient(top,#dd4b39,#b0281a);
background-image: -ms-linear-gradient(top,#dd4b39,#b0281a);
background-image: -o-linear-gradient(top,#dd4b39,#b0281a);
background-image: linear-gradient(top,#dd4b39,#b0281a);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0
}
.item-control {
display: inline;
}
.comments .comments-content {
margin-bottom: 16px;
}
.comments .comment .comment-actions a {
padding: 0;
margin: 0 0 0 5px;
position: relative;
color: #0E63E2;
font: normal 13px/20px Arial, sans-serif
}
.comments .comment .comment-actions a:hover {
text-decoration: underline
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: left
}
.comments .comments-content .inline-thread {
padding: 0.5em 1em
}
.comments .comments-content .comment-thread {
margin: 8px 0
}
.comments .comments-content .comment-thread:empty {
display: none
}
.comments .comments-content .comment-replies {
margin-left: 36px;
margin-top: 1em
}
.comments .comments-content .comment {
margin-bottom: 16px;
padding-bottom: 8px
}
.comments .comments-content .comment:first-child {
padding-top: 16px
}
.comments .comments-content .comment:last-child {
border-bottom: 0;
padding-bottom: 0
}
.comments .comments-content .comment-body {
position: relative
}
.comments .comments-content .user {
font: bold 12px/20px Arial,sans-serif;
}
.comments .comments-content .icon.blog-author {
display: inline-block;
height: 16px;
margin: 0 0 -6px 6px;
width: 16px;
background: white url(http://cdn3.iconfinder.com/data/icons/fugue/icon/plus-circle.png) no-repeat center;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
border: 2px solid #FFF;
-moz-box-shadow: 0 0 10px 3px #FFF;
-webkit-box-shadow: 0 0 10px 3px #FFF;
box-shadow: 0 0 10px 3px #FFF
}
.comments .comments-content .datetime {
margin: 0 0 0 6px;
font: normal 13px/20px Arial,sans-serif;
}
.comments .comments-content .datetime a {
color: #0561D5
}
.comments .comments-content .comment-header {
margin: 0 0 8px;
background: rgba(0, 65, 170, 0.22);
padding: 5px 0 5px 10px;
border-left: 5px solid #247AFA
}
.comments .comments-content .comment-content {
text-align: justify;
background: rgba(0, 55, 124, 0.15);
font: normal 12px/20px Arial, sans-serif;
padding: 5px 10px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #0B6DD8
}
.comments .comments-content .owner-actions {
position: absolute;
right: 0;
top: 0
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%
}
.comments .comment-replybox-single {
margin-left: 48px;
margin-top: 5px
}
.comments .comment-replybox-thread {
margin-top: 5px
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block
}
.comments .continue {
cursor: pointer
}
.comments .continue a {
display: block;
font-weight: bold;
padding: 0.5em
}
.comments .comments-content .loadmore {
cursor: pointer;
margin-top: 3em;
max-height: 3em
}
.comments .comments-content .loadmore.loaded {
max-height: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
overflow: hidden
}
.comments .thread-chrome.thread-collapsed {
display: none
}
.comments .thread-toggle {
display: inline-block
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
margin: 0.3em;
overflow: visible;
padding-right: 4px;
width: 7px
}
.comments .thread-expanded .thread-arrow {
background: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent
}
.comments .thread-collapsed .thread-arrow {
background: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent
}
.comments .avatar-image-container {
float: left;
max-height: 36px;
overflow: hidden;
width: 36px
}
.comments .avatar-image-container img {
max-width: 36px
}
.comments .comment-block {
margin-left: 48px;
position: relative;
background: #D5D5D5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMCKriCBYmPslKCF3O3DA1FvZJ7uQKfKUByBjqqQrGIe_t6iqEPO142r5VqtUCP7XDOuw5Lf8y2_pS2E_q5QArqJTsl5x-WsXZGeHp3LFbmgYclaqlzw3FpjTqeqDPbbc5TAdGn3s2j4U/s1600/komen.png);
padding: 5px;
border: 2px solid #0D749C;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 5px #1FA5FF;
-webkit-box-shadow: 0 0 5px #1FA5FF;
box-shadow: 0 0 5px #1FA5FF;
font: normal 13px/20px Arial,sans-serif;
}
@media screen and (max-device-width: 480px) {
.comments .comments-content .comment-replies {
margin-left: 0
}
}
</style>
<a class="g-button-red g-button" href="http://www.blogger.com/blogger.g?blogID=7401893701827595607#link" id="link-signup">
Sign up
</a></div>
stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com4tag:blogger.com,1999:blog-7401893701827595607.post-50494039215984689302012-06-24T20:47:00.000-07:002012-06-24T20:47:02.421-07:00கமெண்ட் பண்ணுவோம்<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<style>
/* COMMENTAIRES
----------------------------------------------- */
.comment-form {
max-width: 100%;
_width: 100%;
}
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
.comments .comments-content {
font-size: 13px;
margin-bottom: 0px !important;
}
.comments .comment .comment-actions {
margin-top: -5px;
margin-left: -20px;
font-size: 10px;
}
.comments .comment .comment-actions a {
padding: 2px !important;
border: 1px solid #beffbe !important;
color: #66e666;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #fff;
margin-left: 10px;
-moz-box-shadow: 1px 1px 3px #666666;
-webkit-box-shadow: 1px 1px 3px #666666;
box-shadow: 1px 1px 3px #666666;
text-transform: uppercase;
}
.comments .comment .comment-actions a:before {
content:"";
}
.comments .comment .comment-actions a:after {
content:" sur ce fil";
}
.comments .comment .comment-actions a:hover {
text-decoration: none !important;
border: 1px solid #66e666 !important;
color: #33c133;
background: #f0fff0;
}
.comments .comment .comment-actions .item-control a {
border: 1px solid #ffbebe !important;
color: #e66666;
background: #fff;
}
.comments .comment .comment-actions .item-control a:before {
content:"";
}
.comments .comment .comment-actions .item-control a:after {
content:" mon commentaire";
}
.comments .comment .comment-actions .item-control a:hover {
border: 1px solid #e66666 !important;
color: #c13333;
background: #fff0f0;
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: left;
}
.comments .comments-content .inline-thread {
padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 36px;
background: #fafafa;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.comments .comments-content .comment {
margin-bottom: 0px !important;
padding-bottom: 15px;
}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
margin-left: 0px;
font-size: 9px;
float: right;
background: url(https://lh6.googleusercontent.com/-lXIBLUP9RU0/TJ4mjJjTpPI/AAAAAAAAAX8/6rEOEih45gg/s16/clock.png) no-repeat scroll 0 0 transparent;
padding-left: 21px;
line-height: 16px;
}
.comments .comments-content .datetime a {
text-decoration: none;
color: grey;
}
.comments .comments-content .comment-header {
padding-left: 30px;
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
margin: 0 0 8px;
}
.comments .comments-content .comment-content {
text-align: left;
margin:0 0 0;
text-indent: 20px;
}
.comment-content {
font: normal normal 12px verdana !important;
text-align: left !important;
padding: 12px;
}
.comments blockquote {
padding-bottom: 20px;
}
.comments .comments-content .comment-content:first-letter {
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
color: #fe6602;
}
cite.user:after { content:" a dit..."; }
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%;
}
.comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
.comments .comment-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .comments-content .deleted-comment {
display: block;
background: url(https://lh5.googleusercontent.com/-DSdAZI2rNZY/TJ4mwoMsHqI/AAAAAAAAAYU/BxLwle_oT0o/s16/delete.png) no-repeat scroll 25px 0 transparent;
padding-left: 25px;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .thread-count a:link {
text-decoration: none;
}
.comments .continue {
cursor: pointer;
text-align: center;
border: 1px solid #fe6602;
border-left: 0px;
border-right: 0px;
}
.comments .continue a {
display: block;
padding: 0.5em;
font-weight: bold;
text-decoration: none;
}
.comments ol .continue a:after { content:" à la suite de ce fil..."; }
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 16px;
width: 16px;
overflow: visible;
padding-right: 14px;
}
.comments .thread-expanded .thread-arrow {
background: url(https://lh4.googleusercontent.com/-8O53isae_YI/TJ4mw4RGX-I/AAAAAAAAAYc/bUBShgkSrKU/s16/down.png) no-repeat scroll bottom center transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url(https://lh5.googleusercontent.com/-DygUVj7noS8/TJ4n8j5wciI/AAAAAAAAAa8/_wqjLTf2Mas/s16/next.png) no-repeat scroll center bottom transparent;
}
.icon.blog-author {
background: url(https://groups.google.com/forum/image/gdf/1/000000-000000-000000-000000-00000002) no-repeat scroll center center transparent;
}
.comments .avatar-image-container {
position: relative; top: 0px; left: 0px;
float: left;
width: 60px;
height: 60px;
max-height: 60px;
overflow: hidden;
-webkit-transform: rotate(360deg) scale(1.0);
-moz-transform: rotate(360deg) scale(1.0);
-ms-transform: rotate(360deg) scale(1.0);
-o-transform: rotate(360deg) scale(1.0);
transform: rotate(360deg) scale(1.0);
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
-ms-transition: -ms-transform 0.6s;
-o-transition: -o-transform 0.6s;
transition: transform 0.6s;
z-index: 2;
border: 1px solid #bebebe !important;
color: #666666;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-moz-box-shadow: 1px 1px 6px #666666;
-webkit-box-shadow: 1px 1px 6px #666666;
box-shadow: 1px 1px 6px #666666;
}
.comments .avatar-image-container:hover {
-webkit-transform: rotate(-10deg) scale(2.0);
-moz-transform: rotate(-10deg) scale(2.0);
-ms-transform: rotate(-10deg) scale(2.0);
-o-transform: rotate(-10deg) scale(2.0);
transform: rotate(-10deg) scale(2.0);
-moz-box-shadow: 1px 1px 15px #666666;
-webkit-box-shadow: 1px 1px 15px #666666;
box-shadow: 1px 1px 15px #666666;
z-index: 2;
border: 1px solid #666666 !important;
color: #333333;
}
.comments .avatar-image-container img {
max-width: 60px !important;
width: 60px;
height: 60px;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}
.comments .comment-block {
margin-left: 38px;
position: relative;
z-index: 1;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.comments .comment-thread ol {
margin: 0px;
padding: 0px;
}
.comments .comment-thread li {
margin: 0px;
padding: 0px;
margin-left: 20px;
}
.comments .inline-thread li {
margin-left: 0px;
}
/* Responsive styles. */
@media screen and (max-device-width: 480px) {
.comments .comments-content .comment-replies {
margin-left: 0;
}
}
.comments ol {
counter-reset: compteur1;
}
.comments li:before {
content: counter(compteur1,decimal);
counter-increment: compteur1;
float: right;
padding: 3px 10px;
font-size: 13px;
font-weight: bold;
margin: -5px -15px 5px 10px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-moz-box-shadow: 1px 1px 5px #666666;
-webkit-box-shadow: 1px 1px 5px #666666;
box-shadow: 1px 1px 5px #666666;
padding: 3px;
position: relative;
z-index: 2;
-webkit-transform: rotate(15deg) scale(1.0);
-moz-transform: rotate(15deg) scale(1.0);
-ms-transform: rotate(15deg) scale(1.0);
-o-transform: rotate(15deg) scale(1.0);
transform: rotate(15deg) scale(1.0);
}
.comments ol ol {
counter-reset: compteur2;
}
.comments li li:before {
content: counter(compteur1,decimal) "/" counter(compteur2,decimal);
counter-increment: compteur2;
float: right;
}
</style>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com4tag:blogger.com,1999:blog-7401893701827595607.post-2742971899940787062012-05-18T08:25:00.001-07:002012-05-18T08:26:35.209-07:00google loading<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
தமிழ்நாடு அரசுப் பணியாளர் தேர்வாணையத்தால் கடந்த ஆண்டு ஜுன் மாதம் 5-ம் தேதி நடத்தப்பட்ட குரூப் 1 முதன்மை நிலை தேர்வுக்கான முடிவுகள் இன்று வெளியாகியுள்ளன. தேர்வு முடிவுகளை *இங்கு *பார்க்கவும். துணை கலெக்டர், டிஎஸ்பி உள்ளிட்ட 131 பதவிகளுக்கான டிஎன்பிஎஸ்சி குரூப் 1 தேர்வு கடந்த ஆண்டு ஜூன் 5ம் தேதி நடைபெற்றது. தமிழகத்தில் மாநில அரசு மூலம் தேர்வு செய்யப்படும் உயர் பதவிகளான துணை கலெக்டர், டிஎஸ்பி உள்ளிட்ட பணிகளுக்கான குரூப் 1 தேர்வை தமிழ்நாடு அரசுப் பணியாளர் தேர்வாணைம் நடத்தி வருகிறது.
<style>
#lpt{ width:0; height:100%; background-color:#6188f5; background-repeat:repeat-x; background-position:0 0; background-size:16px 8px; background-image:-webkit-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,0.12) 33%,rgba(0,0,0,0.12) 66%,transparent 66%,transparent); background-image:-moz-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,0.12) 33%,rgba(0,0,0,0.12) 66%,transparent 66%,transparent); background-image:-o-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,0.12) 33%,rgba(0,0,0,0.12) 66%,transparent 66%,transparent); background-image:linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,0.12) 33%,rgba(0,0,0,0.12) 66%,transparent 66%,transparent); -webkit-animation: pb 0.8s linear 0 infinite; } @-webkit-keyframes pb { 0% { background-position:0 0; } 100% { background-position:-16px 0; } }</style>
<div id="lpt"></div>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-68219437402895550562012-05-15T18:39:00.001-07:002012-05-15T18:39:04.620-07:00Multi Color Top Bar<style type="text/css">
#top-line-wrap {overflow:hidden; width:100%; position:absolute; height:40px; z-index:3;}
#top-line { position:absolute; width:2700px;}
#top-line .chunk { width:90px; height:40px; display:block; float:left; position:relative;}
#top-line .filler {height:7px; position:absolute; width:100%; left:0; top:0;}</style>
<div id="top-line-wrap">
<div id="top-line">
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(107, 165, 189); height: 7px;" class="filler"></span></div>
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(196, 160, 108); height: 7px;" class="filler"></span></div>
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(255, 208, 140); height: 7px;" class="filler"></span></div>
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(193, 80, 9); height: 7px; overflow: hidden;" class="filler"></span></div>
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(71, 78, 81); height: 7px; overflow: hidden;" class="filler"></span></div>
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(107, 165, 189); height: 7px; overflow: hidden;" class="filler"></span></div>
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(196, 160, 108); height: 7px; overflow: hidden;" class="filler"></span></div>
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(255, 208, 140); height: 7px; overflow: hidden;" class="filler"></span></div>
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(193, 80, 9); height: 7px; overflow: hidden;" class="filler"></span></div>
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(71, 78, 81); height: 7px; overflow: hidden;" class="filler"></span></div>
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(107, 165, 189); overflow: hidden; height: 7px;" class="filler"></span></div>
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(196, 160, 108); overflow: hidden; height: 7px;" class="filler"></span></div>
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(255, 208, 140); overflow: hidden; height: 7px;" class="filler"></span></div>
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(193, 80, 9); overflow: hidden; height: 7px;" class="filler"></span></div>
<div class="chunk"> <span style="background: none repeat scroll 0% 0% rgb(71, 78, 81); overflow: hidden; height: 7px;" class="filler"></span></div>
<div class="chunk"> <span style="background:#6ba5bd" class="filler"></span></div>
<div class="chunk"> <span style="background:#c4a06c" class="filler"></span></div>
<div class="chunk"> <span style="background:#ffd08c" class="filler"></span></div>
<div class="chunk"> <span style="background:#c15009" class="filler"></span></div>
<div class="chunk"> <span style="background:#474e51" class="filler"></span></div>
<div class="chunk"> <span style="background:#6ba5bd" class="filler"></span></div>
<div class="chunk"> <span style="background:#c4a06c" class="filler"></span></div>
<div class="chunk"> <span style="background:#ffd08c" class="filler"></span></div>
<div class="chunk"> <span style="background:#c15009" class="filler"></span></div>
<div class="chunk"> <span style="background:#474e51" class="filler"></span></div>
<div class="chunk"> <span style="background:#6ba5bd" class="filler"></span></div>
<div class="chunk"> <span style="background:#c4a06c" class="filler"></span></div>
<div class="chunk"> <span style="background:#ffd08c" class="filler"></span></div>
<div class="chunk"> <span style="background:#c15009" class="filler"></span></div>
<div class="chunk"> <span style="background:#474e51" class="filler"></span></div>
</div>
</div>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-80295382775539429442012-05-11T10:21:00.004-07:002012-05-11T10:21:44.252-07:00Threaded Comments For Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<style type="text/css">
#comments {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
#comments #comments-content {
font-size: 12px;
margin-bottom: 16px;
font-family: Verdana;
font-weight: normal;
text-align: left;
line-height: 1.4em;
}
#comments .continue a, #comments .comment .comment-actions a {
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 2px 5px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
color: #FFF;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right: 10px;
border: 1px solid #3079ED;
background: #0066FF;
background: -webkit-gradient(linear, left top, left bottom, from(#0099FF), to(#009999));
background: -moz-linear-gradient(top, #0099FF, #009999);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='
#0099FF', endColorstr='#009999');
}
#comments .continue a:hover, #comments .comment .comment-actions a:hover {
text-decoration: none;
background: #0099FF;
background: -webkit-gradient(linear, left top, left bottom, from(#009999), to(#0099FF));
background: -moz-linear-gradient(top, #009999, #0099FF);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='
#009999', endColorstr='#0099FF');
}
#comments .continue a:active, #comments .comment .comment-actions a:active {
position: relative;
top: 1px;
background: -webkit-gradient(linear, left top, left bottom, from(#0066FF), to(#0099CC));
background: -moz-linear-gradient(top, #0066FF, #0099CC);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='
#0066FF', endColorstr='#0099CC');
}
#comments #comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
}
#comments #comments-content .inline-thread {
padding: 0.5em 1em 0 1em;
}
#comments #comments-content .comment-thread {
margin: 8px 0px 0px 0px;
}
#comments #comments-content .comment-thread:empty {
display: none;
}
#comments #comments-content .comment-replies {
margin-top: 1em;
margin-left: 40px;
font-size: 12px;
}
#comments #comments-content .comment {
padding-bottom: 8px;
margin-bottom: 0px
}
#comments #comments-content .comment:first-child {
padding-top: 16px;
}
#comments #comments-content .comment:last-child {
border-bottom: 0;
padding-bottom: 0;
}
#comments #comments-content .comment-body {
position: relative;
}
#comments #comments-content .user {
font-style: normal;
font-weight: bold;
}
#comments #comments-content .user a {
color: #444;
}
#comments #comments-content .user a:hover {
text-decoration: none;
color: #555;
}
#comments #comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
}
#comments #comments-content .datetime {
margin-left: 6px;
color: #999;
font-style: italic;
font-size: 11px;
float: right;
}
#comments #comments-content .comment-content {
font-family: Arial, sans-serif;
font-size: 12.5px;
line-height: 19px;
}
#comments #comments-content .comment-content {
font-family: Arial, sans-serif;
font-size: 12.5px;
line-height: 19px;
text-align: none;
margin: 15px 0 15px;
}
#comments #comments-content .owner-actions {
position: absolute;
right: 0;
top: 0;
}
#comments #comments-replybox {
border: none;
height: 250px;
width: 100%;
}
#comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
#comments .comment-replybox-thread {
margin-top: 5px;
}
#comments #comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
#comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
#comments #comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
#comments #comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
#comments .thread-chrome.thread-collapsed {
display: none;
}
#comments .thread-toggle {
display: inline-block;
}
#comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
#comments .thread-expanded .thread-arrow {
background: url("
data: image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
#comments .thread-collapsed .thread-arrow {
background: url("
data: image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
#comments .avatar-image-container {
float: left;
overflow: hidden;
}
#comments .avatar-image-container img {
width: 36px;
}
#comments .comment-block {
margin-left: 48px;
position: relative;
padding: 15px 20px 15px 20px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-image: initial;
}
</style>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com2tag:blogger.com,1999:blog-7401893701827595607.post-37976484936242089222012-05-10T05:10:00.003-07:002012-05-10T05:10:42.415-07:00Add Cool Css Speech Bubbles To The New Blogger Threaded Comments<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<style>
#comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}
#comments #comments-content{margin-bottom:16px;font-weight:normal;text-align:left}
#comments .comment .comment-actions a,#comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}
#comments #comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}
#comments #comments-content .inline-thread{padding:0}
#comments #comments-content .comment-thread{margin:8px 0}
#comments #comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-left:40px;background:#fff}
#comments #comments-content .comment{margin-bottom:0;padding-bottom:0}
#comments #comments-content .comment:first-child{padding-top:16px}
#comments #comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
#comments #comments-content .comment-body{position:relative}
#comments #comments-content .user{font-style:normal;font-weight:normal}
#comments #comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}
#comments #comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}
#comments #comments-content .datetime a{color:#0E6284;font-size:12px;float:right;text-decoration:none}
.comment-content{margin:0 0 8px;padding:0 5px}
.comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px}
#comments #comments-content .owner-actions{position:absolute;right:0;top:0}
#comments #comments-replybox{border:none;height:230px;width:100%}
#comments .comment-replybox-thread{margin-top:0}
#comments .comment-replybox-single{margin-top:5px;margin-left:48px}
#comments #comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
#comments .thread-toggle{cursor:pointer;display:inline-block}
#comments #comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
#comments #comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
#comments .thread-chrome.thread-collapsed{display:none}
#comments .thread-toggle{display:inline-block}
#comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-right:4px}
#comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
#comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaoe45_LRZKui0st5xUYVHyueOGebAOV8H9OftrcpOAhy4VG40AQ8Mgw84BSj0m1HcGHOgMrukCDN6wV8QsDpO5LYxQDX03LldXKby1t7an7phqODYTXN0GiiMNcZBoNeZv-TLJGyDKAY/s51/arrow.png) top right no-repeat;float:left;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}
#comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}
#comments .comment-block{margin-left:65px;position:relative;border:5px solid #e3e3e3;border-radius:8px}
@media screen and (max-device-width:480px){#comments #comments-content .comment-replies{margin-left:0}}
</style>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com6tag:blogger.com,1999:blog-7401893701827595607.post-87858440848665582482012-05-08T09:35:00.002-07:002012-05-08T09:35:26.378-07:00Tool Tips<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<span title="visits to techcrunch.When I visit first time to techcrunch I saw the beautiful and simple social connect gadget titled as "CRUNCH WITH US" then I decide to share this gadget with my readers.This is a pretty cool and simple gadget which contains Facebook Like Button,Google Plus Badge,Twitter Follow Button and links to some other social networking sites such as Stumbleupon,Linkedin,Youtube And Feedburner.I managed to build HTML and CSS part of gadget quickly but I have to spend my nearly 3-4 hours on widget generator because I am just learning simple javascript functions.But,Finally I managed to create widget generator as a result of my hardwork :)."> god fear </span>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-8550637258030522522012-05-05T05:46:00.001-07:002012-05-05T05:46:49.469-07:00Add to Bookmarks Javascript Code<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>Add to Bookmarks Javascript Code
<a href="javascript:if(document.all)window.external.AddFavorite(location.href,document.title); else if(window.sidebar)window.sidebar.addPanel (document.title,location.href,'');">Bookmark this page</a>
<a href="javascript:if(document.all)window.external.AddFavorite(location.href,document.title); else if(window.sidebar)window.sidebar.addPanel (document.title,location.href,'');">இந்த பக்கத்தை புக் மார்க் செய்க </a>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-6070837299949337072012-05-04T04:45:00.000-07:002012-05-04T04:45:27.157-07:00Repalce LInk Title<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">
</script>
<br />
<span style="background-color: yellow; color: white;"> </span><b style="background-color: yellow; color: black;">above <span style="background-color: yellow;"></head></span> tag</b><span style="background-color: yellow; color: black;">.</span><ul style="text-align: left;">
</ul>
<br />
<pre><code><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script></code></pre>
<br />
<b>2.Adding The Blog Pager Code</b><br />
<br />
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
Click on Add a Gadget > HTML/Javascript.<ul style="text-align: left;">
</ul>
<br />
<br />
<pre><code><!-- Post title blog pager by helperblogger.com START -->
<style type="text/css">
#blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
});
</script>
<!-- Post title blog pager by helperblogger.com END --></code></pre>
</div>
<style type="text/css">
#blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
});
</script>
</div>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-54474876354685320612012-05-04T02:37:00.005-07:002012-05-04T03:08:40.713-07:00None Select<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<div style="-khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-touch-callout: none; user-select: none;">வயதாக வயதாக மூளையின் நினைவாற்றல் குறைந்துவிடும். ஆனால் ஒருசிலர் மட்டுமே சின்ன சின்ன விசயங்களைக் கூட நினைவில் வைத்துக்கொண்டு அசத்துவார்கள். இதற்குக் காரணம் அவர்களின் உணவுப் பழக்கமே. குறைவாகவும், கட்டுப்பாடோடும் மூளையை இளமையோடு வைத்திருக்கும் என்று கண்டறிந்துள்ளனர் இத்தாலிய விஞ்ஞானிகள். கட்டுப்பாடான உணவு முறையால் நடைபெறும் ஒரு மூலக்கூறுச் செயல்பாடு, மூளை முதுமை அடைவதில் இருந்து காப்பாற்றுகிறது என்கிறார்கள் ஆய்வாளர்கள். இதுதொடர்பாக அமெரிக்க தேசிய அறிவியல் அகாடமி இதழில் வெளியிடப்பட்ட ஒரு கட்டுரையில், எலிகள் மீது செய்யப்பட்ட ஆய்வு ஒன்று விவரிக்கப்பட்டிருக்கிறது.</div><style>
.post-body {
-webkit-touch-callout: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
}
</style></div>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-30883401186131308322012-04-30T08:21:00.000-07:002012-04-30T08:21:02.775-07:00Add A Simple Css Bump Effect To Your Blogs Images<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<style>
.gobump img{
border: 5px solid #ccc;
float: left;
margin: 15px;
-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;
border-radius: 5px 5px 5px 5px;
}
.gobump img:hover {
margin-top: 12px;
}
</style>
<a class="gobump" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu4JhqgEc2aDjGsTzlGr7ihAkyspl3GS70popvcVsmczyH1QgBodpACNVxC1LX4Mlms3QNMlIbgYbNypvBe-lWN7hyphenhyphenUwsAZlIPL0ABPJHMsHJi0-cqVCvCp7Ocj2ojdKkv3-opjIFKTNcx/s1600/Chrysanthemum.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu4JhqgEc2aDjGsTzlGr7ihAkyspl3GS70popvcVsmczyH1QgBodpACNVxC1LX4Mlms3QNMlIbgYbNypvBe-lWN7hyphenhyphenUwsAZlIPL0ABPJHMsHJi0-cqVCvCp7Ocj2ojdKkv3-opjIFKTNcx/s1600/Chrysanthemum.jpg"/></a>
<div class="separator" style="clear: both; text-align: center;">
<a class="gobump" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu4JhqgEc2aDjGsTzlGr7ihAkyspl3GS70popvcVsmczyH1QgBodpACNVxC1LX4Mlms3QNMlIbgYbNypvBe-lWN7hyphenhyphenUwsAZlIPL0ABPJHMsHJi0-cqVCvCp7Ocj2ojdKkv3-opjIFKTNcx/s1600/Chrysanthemum.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu4JhqgEc2aDjGsTzlGr7ihAkyspl3GS70popvcVsmczyH1QgBodpACNVxC1LX4Mlms3QNMlIbgYbNypvBe-lWN7hyphenhyphenUwsAZlIPL0ABPJHMsHJi0-cqVCvCp7Ocj2ojdKkv3-opjIFKTNcx/s320/Chrysanthemum.jpg" width="320" /></a></div>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-3452731864962878712012-04-28T19:04:00.002-07:002012-04-28T19:04:34.550-07:00Mutiple Color Menu<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<style>
main-nav-wrap{margin: 19px 0 0 0
}.ie8 .main-nav-wrap{margin:0}
.main-nav li{
float:left;width:12.5%;
position:relative;
-moz-transition:background-color 0.4s ease;
-o-transition:background-color 0.4s ease;
-webkit-transition:background-color 0.4s ease;
-ms-transition:background-color 0.4s ease
}
.main-nav li:hover{
background:rgba(0,0,0,0.4);
-moz-transition:background-color 0.1s ease;
-o-transition:background-color 0.1s ease;
-webkit-transition:background-color 0.1s ease;
-ms-transition:background-color 0.1s ease
-moz-border-radius:3px 3px 3px 3px; -khtml-border-radius:3px 3px 3px 6px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;
}
.main-nav a{
border-top: 0 none;
color: white;
display: block;
font-family: 'Oswald',sans-serif;
font-size: 15px;
letter-spacing: 0.5px;
margin-left: -15px;
overflow: hidden;
padding: 10px;
position: relative;
text-align: center;
text-transform: uppercase;
z-index: 2;
}
.ie8
.main-nav a:before{display:none
}.ie8
.main-nav a{padding:10px !important
}
.main-nav span{
display:block;
text-align:center;
font-size:9px;
white-space:nowrap
}
.main-nav .forums a:before{background-position:center -40px
}
.main-nav .snippets a:before{
background-position:center -80px
}
.main-nav .almanac a:before{
background-position:center -160px
}
.main-nav .videos a:before{
background-position:center -120px
}
.main-nav .gallery a:before{
background-position:center -200px
}
.main-nav .downloads a:before
{background-position:center -240px
}
.main-nav .deals a:before
{background-position:center -280px
}
.home .main-nav .articles a,.single-post .main-nav .articles a,.Vanilla .main-nav .forums a,.page-template-page-snippet-cat-php .main-nav .snippets a,.page-template-page-snippet-php .main-nav .snippets a,.page-template-video-archive-php .main-nav .videos a,.page-template-video-single-php
.main-nav .videos a,.page-template-page-almanac-group-php .main-nav .almanac a,.page-template-page-almanac-single-php .main-nav .almanac a,.post-type-archive-screenshot .main-nav .gallery a,.single-screenshot .main-nav .gallery a,.page-template-page-downloads-php .main-nav .downloads a,.page-template-page-deals-php .main-nav .deals a{color:black}
.main-nav li:before{content:"";position:absolute;top:100%;left:0;right:0;height:8px}.ie8 .main-nav li:before{display:none}.page-template-video-archive-php .main-nav .videos,.page-template-video-single-php .main-nav .videos,.main-nav .videos:hover{background:#01b0ec}.page-template-video-archive-php .main-nav .videos:before,.page-template-video-single-php .main-nav .videos:before{background:#0484b0}.home .main-nav .articles,.single-post .main-nav .articles,.main-nav .articles:hover{background:#ef7901}.home .main-nav .articles:before,.single-post .main-nav .articles:before{background:#cf7000}.Vanilla .main-nav .forums,.main-nav .forums:hover{background:#d54421}.Vanilla .main-nav .forums:before{background:#bb2904}.page-template-page-snippet-cat-php .main-nav .snippets,.page-template-page-snippet-php .main-nav .snippets,.main-nav .snippets:hover{background:#98bf0d}.page-template-page-snippet-cat-php .main-nav .snippets:before,.page-template-page-snippet-php .main-nav .snippets:before{background:#87a812}.page-template-page-almanac-group-php .main-nav .almanac,.page-template-page-almanac-single-php .main-nav .almanac,.main-nav .almanac:hover{background:#7449f1}.page-template-page-almanac-group-php .main-nav .almanac:before,.page-template-page-almanac-single-php .main-nav .almanac:before{background:#5531bf}.post-type-archive-screenshot .main-nav .gallery,.single-screenshot .main-nav .gallery,.main-nav .gallery:hover{background:#b147a3}.post-type-archive-screenshot .main-nav .gallery:before,.single-screenshot .main-nav .gallery:before{background:#922a84}.page-template-page-downloads-php .main-nav .downloads,.main-nav .downloads:hover{background:#f6b402}.page-template-page-downloads-php .main-nav .downloads:before{background:#d49b00}.page-template-page-deals-php .main-nav .deals,.main-nav .deals:hover{background:#8d8d8d}.page-template-page-deals-php .main-nav .deals:before{background:#5e5e5e}@-webkit-keyframes nav-1{50%{background:#ef7901}}@-moz-keyframes nav-1{50%{background:#ef7901}}.home .main-nav .articles{-webkit-animation:nav-1 1.5s 1s ease 1;-moz-animation:nav-1 1.5s 1s ease 1}@-webkit-keyframes nav-2{50%{background:#d54421}}@-moz-keyframes nav-2{50%{background:#d54421}}.home .main-nav .forums{-webkit-animation:nav-2 1.5s 1.1s ease 1;-moz-animation:nav-2 1.5s 1.1s ease 1}@-webkit-keyframes nav-3{50%{background:#98bf0d}}@-moz-keyframes nav-3{50%{background:#98bf0d}}.home .main-nav .snippets{-webkit-animation:nav-3 1.5s 1.2s ease 1;-moz-animation:nav-3 1.5s 1.2s ease 1}@-webkit-keyframes nav-4{50%{background:#01b0ec}}@-moz-keyframes nav-4{50%{background:#01b0ec}}.home .main-nav .videos{-webkit-animation:nav-4 1.5s 1.3s ease 1;-moz-animation:nav-4 1.5s 1.3s ease 1}@-webkit-keyframes nav-5{50%{background:#7449f1}}@-moz-keyframes nav-5{50%{background:#7449f1}}.home .main-nav .almanac{-webkit-animation:nav-5 1.5s 1.4s ease 1;-moz-animation:nav-5 1.5s 1.4s ease 1}@-webkit-keyframes nav-6{50%{background:#b147a3}}@-moz-keyframes nav-6{50%{background:#b147a3}}.home .main-nav .gallery{-webkit-animation:nav-6 1.5s 1.5s ease 1;-moz-animation:nav-6 1.5s 1.5s ease 1}@-webkit-keyframes nav-7{50%{background:#f6b402}}@-moz-keyframes nav-7{50%{background:#f6b402}}.home .main-nav .downloads{-webkit-animation:nav-7 1.5s 1.6s ease 1;-moz-animation:nav-7 1.5s 1.5s ease 1}@-webkit-keyframes nav-8{50%{background:#8d8d8d}}@-moz-keyframes nav-8{50%{background:#8d8d8d}}.home .main-nav .deals{-webkit-animation:nav-8 1.5s 1.7s ease 1;-moz-animation:nav-8 1.5s 1.7s ease 1}
.post-slid {
padding: 0 0 0 100px;
}
#sidebar-wrapper { dispaly:none;}
#outer-wrapper {
width: 1030px;}
</style>
<nav class='main-nav-wrap'>
<ul class='main-nav group'>
<li class='articles'><a href='/'>Home <span>Blogger Template</span></a></li>
<li class='forums'><a href='http://www.coolbthemes.com/search/label/My%20Design?max-results=8'>My Design <span>CoolBthemes Template</span></a></li>
<li class='snippets'><a href='http://blog.coolbthemes.com//' target='_blank'>Blog <span>Blogger Trix</span></a></li>
<li class='videos'><a href='http://blog.coolbthemes.com/2012/04/designcustomize-bloger-template.html' target='_blank'>Service<span>Unique Design's</span></a></li>
<li class='almanac'><a href='http://www.coolbthemes.com/2011/10/template-sponsorship-grow-your-site.html'>Sponsor <span>Spouse Our Template</span></a></li>
<li class='gallery'><a href='http://www.coolbthemes.com/2011/03/upload-your-template.html'>Submit <span>Upload Your Template</span></a></li>
<li class='downloads'><a href='http://www.coolbthemes.com/2011/03/select-template.html'>Site Map <span>Find Your Template</span></a></li>
<li class='deals'><a href='http://www.coolbthemes.com/2011/03/contact-me.html'>Contact <span>Contact CBT Admin</span></a></li>
</ul>
</nav>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-53023713370966562532012-04-28T18:56:00.001-07:002012-04-28T18:56:14.541-07:00Transform Image<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<style>
.item-thumbnail img {
-moz-transition: all 0.5s ease 0s;
border: 1px dashed #666666;
border-radius: 5px 5px 5px 5px;
height: auto;
padding: 3px;
width:auto;
}
.item-thumbnail img:hover {
border:5px solid #BBB;
-moz-transform: scale(1.3) rotate(-5deg) ;
-webkit-transform: scale(1.3) rotate(-5deg) ;
-o-transform: scale(1.3) rotate(-5deg) ;
-ms-transform: scale(1.3) rotate(-5deg) ;
transform: scale(1.3) rotate(-5deg) ;
}
</style>
<div class='item-thumbnail'>
<a href='http://nasalab4.blogspot.com/' target='_blank'>
<img alt='' border='0' height='72' src='http://images.wikia.com/animals/images/b/bc/Elephant.jpg' width='72'/>
</a>
</div>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-69847685781289047172012-04-15T09:51:00.001-07:002012-04-15T09:51:50.431-07:00How To Change Colors of Selected/Highlighted Texts<style type="text/css">
::selection {background:#cc0000;color:#ffffff;}
::-moz-selection{background:#cc0000;color:#ffffff;}
code::selection {background: #333333;color:#ffffff;}
code::-moz-selection {background: #333333;color:#ffffff;}
pre::selection {background: #44ceff;color:#ffffff;}
pre::-moz-selection {background: #44ceff;color:#ffffff;}
</style>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-65104936051687450492012-04-11T22:25:00.003-07:002012-04-11T22:25:36.341-07:00test1........2.........3.....<div dir="ltr" style="text-align: left;" trbidi="on">
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-size: large;">https://plus.google.com/103848748687273434558/about?rel=author</span></div>
<style>
.post-archive {
line-height: 1.2;
text-align: center;
width: 100%;
margin: 30px 0 60px;
}
.post-archive h4 {
text-align: left;
margin:0 0 10px 2px;
}
.post-archive td {
width: 31%;
padding: 5px 2% 20px;
background-color: #f3f3f3;
}
.post-archive h6 {
margin: 0 0 5px;
}
.post-archive a:visited {
color:#ccc;
}
.post-archive span {
position: relative;
color: #fff;
background-color: #999;
padding: 5px 15px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.post-archive span:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: 45%;
bottom: -7px;
border: 7px
solid;
border-color: #999 transparent transparent #999;
}
</style>
<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<table><tr>');
var i;
for (i = 0; i < feed.count; i++) {
var postLink = "'" + feed.value.items[i].link + "'";
var postTitle = feed.value.items[i].title;
var numComment = "<span>" + feed.value.items[i].commentcount + "</span>";
var postList = "<td><h6>" + "<a href=" + postLink + '" target="_blank">' + postTitle;
document.write(postList + '</a></h6>');
document.write(numComment);
document.write('</td>');
if (((i + 1) % 3) == 0) {
document.write('</tr><tr>');
}
}
document.write('</tr></table>');
}
</script>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-31232950722882017132012-04-11T05:46:00.001-07:002012-04-11T05:49:42.399-07:00Popup Java Script --Untuk Melihat Halaman ini dengan Sempurna Silahkan download browser di bawah ini
<center><a title="Download Chrome Terbaru" rel="nofollow" target="_blank" href="http://www.google.com/chrome">Download Chrome</a></center><br/>
<center><a title="Download mozilla Terbaru" rel="nofollow" target="_blank" href="http://www.firefox.com">Download Mozila</a></center>
<div class="jasa">
<a title="Jasa Desain Template" href="#login-box" class="login-window"><img alt="Jasa Desain Template" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsGfFt-fCI2E9fhQ3cAG1VX1OtPT9HGFilHuGfpvmA7KOoPNJGPohzo3hN-B-bs3opCsA5pckJ6FOpP5vUeNHYW8LM7dfBTMUrtvdfUAKGBC9pgmNVy2Er0C9VjT8n_eGX0h6e1EsQBjk/s1600/iklan.jpg"/></a>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('a.login-window').click(function() {
//Getting the variable's value from a link
var loginBox = $(this).attr('href');
//Fade in the Popup
$(loginBox).fadeIn(300);
//Set the center alignment padding + border see css style
var popMargTop = ($(loginBox).height() + 24) / 2;
var popMargLeft = ($(loginBox).width() + 24) / 2;
$(loginBox).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
// Add the mask to body
$('body').append('<div id="mask"></div>');
$('#mask').fadeIn(500);
return false;
});
// When clicking on the button close or the mask layer the popup closed
$('a.close, #mask').live('click', function() {
$('#mask , .login-popup').fadeOut(300 , function() {
$('#mask').remove();
});
return false;
});
});
</script>
<style>
#mask {
display: none;
background: #000;
position: fixed; left: 0; top: 0;
z-index: 10;
width: 100%; height: 100%;
opacity: 0.5;
z-index: 999;
}
.login-popup{
display:none;
background: #333;
padding: 10px;
border: 2px solid #CC0;
float: left;
font-size: 1.2em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
box-shadow: 0px 0px 10px 5px #CC0;
-moz-box-shadow: 0px 0px 10px 5px #CC0;
-webkit-box-shadow: 0px 0px 10px 5px #CC0;
}
img.btn_close { Position the close button
float: right;
margin: -28px -28px 0 0;
}
.info_saya {
padding: 0;
margin: 9px;
color: #0a0;
width: 500px;
}
p textarea {
width: 100%;
height: 200px;
background-color:#2f2f2f;
background-image:-webkit-repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
background-image:-moz-repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
background-image:-ms-repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
background-image:-o-repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
background-image:repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
border: 1px solid #CC0;
outline: none;
color: #DDD;
line-height: 23px;
font-family:"Arial",sans-serif;
font-size: 13px;
}
.jasa img {
border: 5px solid #512d03;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-left: 15%;
margin-top: 5px;
}
</style>
<div class="login-popup" id="login-box" style="display: none; margin-top: -133.5px; margin-left: -271px;">
<a class="close" href="#">
<img alt="Close" title="Tutup" class="btn_close" src="http://www.alessioatzeni.com/wp-content/tutorials/jquery/login-box-modal-dialog-window/close_pop.png"/>
</a>
<p class="info_saya">
<textarea>Assalamualaikum wr. wb...
Halo sobat blogger, Apakah anda ingin mendesain template anda, namun malas utak - atik kode, Melalui Jasa Desain Template ini saya harap saya bisa membantu anda dalam memper-indah blog anda, Jika anda berminat silahkan langsung hubungi saya melalui KONTAK atau E-mail saya adiputra18@gmail.com, Tarif tergantung dari pekerjaan yang akan di kerjakan, satu lagi, saya menerima Jasa Desain Template ini khusus blogspot, terima kasih Wassalamualaikum wr. wb...
</textarea>
</p>
</div>
</div>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-7741396045939562462012-04-08T18:08:00.002-07:002012-04-08T18:08:44.543-07:00Simple sticky by CSS for your blog posts<style type="text/css">
<!--
.sticky {
padding: 0 20px 20px 20px;
border: 1px solid #DDD;
border-top: none;
border-left: none;
width: 160px;
min-height:150px;
float: right;
margin: 15px 0 15px 15px;
background-color: yellow;
font-size:16px;
font-style:italic;
line-height:1.5em;
color: darkRed;
}
.sticky div{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdbjKSiBfcXkF-hwLIlYF2YAjKuos-n12S2-DOqdIDqfg_z3jTLNNsrV4rbFo43uNNv_uJw9AY9R0j_FtC9AKNLxkizO6eqouYBjpG2mNyiCX2Zlx3r9dwu_dYZClWYskxiekj_q98HRbP/s47/pin-right.png) no-repeat;
width: 47px;
height: 41px;
margin: -20px auto 10px auto;
}
-->
</style>
<br/>
<div class="sticky">
<div>
</div>
This is an example about sticky. Write on this some useful information for your readers. It's so simple!</div>
But why you need to use sticky in your blog posts? Just because some time you need to show your feature content but how it's bad look when placed as a normal style in your post. That's time you need sticky, what will show some hot things for your readers<br/>
<br/>
I will guide you how to install a simple sticky design by CSS with some short code. This sticky design has yellow background and a real red ping at top center.<br/>
<br/>
You can see the demo at the right side of this post.
<br/>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-28433623597134658872012-04-07T06:04:00.000-07:002012-04-07T06:04:05.543-07:00CSS Page Flip<style>
#magazine{
width:800px;
height:400px;
}
#magazine .turn-page{
width:400px;
height:400px;
background-color:#ccc;
}
</style>
<script type="text/javascript" src="http://www.turnjs.com/libs/jquery.js"></script>
<script type="text/javascript" src="http://www.turnjs.com/libs/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://www.turnjs.com/turn.js"></script>
<div id='magazine'>
<div> Page 1 </div>
<div> Page 2 </div>
<div> Page 3 </div>
</div>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-17324177842462582862012-04-07T04:56:00.001-07:002012-04-07T04:56:42.712-07:00TEST POST<BGSOUND SRC="http://download.tamilwire.com/songs/Love_Sad_Songs/Old_Sad_Songs/-en_Piranthai_Magane.mp3" LOOP="2"></BGSOUND>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-78042115502046193122012-04-06T17:48:00.000-07:002012-04-06T17:48:08.920-07:00CSS3 Ribbon Menu<style>
.ribbon:after, .ribbon:before {
margin-top:0.5em;
content: "";
float:left;
border:1.5em solid #FF1493;
}
.ribbon:after {
border-right-color:transparent;
}
.ribbon:before {
border-left-color:transparent;
}
.ribbon a:link, .ribbon a:visited {
color:#000;
text-decoration:none;
float:left;
height:3.4em;
overflow:hidden;
}
.ribbon span {
background:#FF1493;
display:inline-block;
line-height:3em;
padding:0 1em;
margin-top:0.5em;
position:relative;
-webkit-transition: background, margin 0.2s; /* Saf3.2+, Chrome */
-moz-transition: background, margin 0.2s; /* FF4+ */
-ms-transition: background, margin 0.2s; /* IE10 */
-o-transition: background-color, margin-top 0.2s; /* Opera 10.5+ */
transition: background, margin 0.2s;
}
.ribbon a:hover span {
background:#1E90FF;
margin-top:0;
color:#EEE;
}
.ribbon span:before {
content: "";
position:absolute;
top:3em;
left:0;
border-right:0.5em solid #000;
border-bottom:0.5em solid #FF1493;
}
.ribbon span:after {
content: "";
position:absolute;
top:3em;
right:0;
border-left:0.5em solid #000;
border-bottom:0.5em solid #FF1493;
}
.ribbon2:after, .ribbon2:before {
margin-top:0.5em;
content: "";
float:left;
border:1.5em solid #fff;
}
.ribbon2:after {
border-right-color:transparent;
}
.ribbon2:before {
border-left-color:transparent;
}
.ribbon2 a:link, .ribbon2 a:visited {
color:#000;
text-decoration:none;
float:left;
height:3.4em;
overflow:hidden;
}
.ribbon2 span {
background:#fff;
display:inline-block;
line-height:3em;
padding:0 1em;
margin-top:0.5em;
position:relative;
-webkit-transition: background, margin 0.2s; /* Saf3.2+, Chrome */
-moz-transition: background, margin 0.2s; /* FF4+ */
-ms-transition: background, margin 0.2s; /* IE10 */
-o-transition: background-color, margin-top 0.2s; /* Opera 10.5+ */
transition: background, margin 0.2s;
}
.ribbon2 a:hover span {
background:#FFD204;
margin-top:0;
}
.ribbon2 span:before {
content: "";
position:absolute;
top:3em;
left:0;
border-right:0.5em solid #9B8651;
border-bottom:0.5em solid #fff;
}
.ribbon2 span:after {
content: "";
position:absolute;
top:3em;
right:0;
border-left:0.5em solid #9B8651;
border-bottom:0.5em solid #fff;
}
.ribbon3:after, .ribbon3:before {
margin-top:0.5em;
content: "";
float:left;
border:1.5em solid #090;
}
.ribbon3:after {
border-right-color:transparent;
}
.ribbon3:before {
border-left-color:transparent;
}
.ribbon3 a:link, .ribbon3 a:visited {
color:#000;
text-decoration:none;
float:left;
height:3.4em;
overflow:hidden;
}
.ribbon3 span {
background:#090;
display:inline-block;
line-height:3em;
padding:0 1em;
margin-top:0.5em;
position:relative;
-webkit-transition: background, margin 0.2s; /* Saf3.2+, Chrome */
-moz-transition: background, margin 0.2s; /* FF4+ */
-ms-transition: background, margin 0.2s; /* IE10 */
-o-transition: background-color, margin-top 0.2s; /* Opera 10.5+ */
transition: background, margin 0.2s;
}
.ribbon3 a:hover span {
background:#0a0;
margin-top:0;
color:#EEE;
}
.ribbon3 span:before {
content: "";
position:absolute;
top:3em;
left:0;
border-right:0.5em solid #000;
border-bottom:0.5em solid #090;
}
.ribbon3 span:after {
content: "";
position:absolute;
top:3em;
right:0;
border-left:0.5em solid #000;
border-bottom:0.5em solid #090;
}
.ribbon4:after, .ribbon4:before {
margin-top:0.5em;
content: "";
float:left;
border:1.5em solid #222FFF;
}
.ribbon4:after {
border-right-color:transparent;
}
.ribbon4:before {
border-left-color:transparent;
}
.ribbon4 a:link, .ribbon4 a:visited {
color:#CCC;
text-decoration:none;
float:left;
height:3.4em;
overflow:hidden;
}
.ribbon4 span {
background:#222FFF;
display:inline-block;
line-height:3em;
padding:0 1em;
margin-top:0.5em;
position:relative;
-webkit-transition: background, margin 0.2s; /* Saf3.2+, Chrome */
-moz-transition: background, margin 0.2s; /* FF4+ */
-ms-transition: background, margin 0.2s; /* IE10 */
-o-transition: background-color, margin-top 0.2s; /* Opera 10.5+ */
transition: background, margin 0.2s;
}
.ribbon4 a:hover span {
background:#000FFF;
margin-top:0;
color:#EEE;
}
.ribbon4 span:before {
content: "";
position:absolute;
top:3em;
left:0;
border-right:0.5em solid #FFF;
border-bottom:0.5em solid #222FFF;
}
.ribbon4 span:after {
content: "";
position:absolute;
top:3em;
right:0;
border-left:0.5em solid #FFF;
border-bottom:0.5em solid #222FFF;
}
</style>
<div class='ribbon'>
<a href='http://rawamangun18.blogspot.com/'><span>Home</span></a>
<a href='http://sin1aja.blogspot.com/'><span>About</span></a>
<a href='#'><span>Services</span></a>
<a href='#'><span>Contact</span></a>
</div>
<div class='ribbon2'>
<a href='http://rawamangun18.blogspot.com/'><span>Home</span></a>
<a href='http://sin1aja.blogspot.com/'><span>About</span></a>
<a href='#'><span>Services</span></a>
<a href='#'><span>Contact</span></a>
</div><br /><br /><br />
<div class='ribbon3'>
<a href='http://rawamangun18.blogspot.com/'><span>Home</span></a>
<a href='http://sin1aja.blogspot.com/'><span>About</span></a>
<a href='#'><span>Services</span></a>
<a href='#'><span>Contact</span></a>
</div>
<div class='ribbon4'>
<a href='http://rawamangun18.blogspot.com/'><span>Home</span></a>
<a href='http://sin1aja.blogspot.com/'><span>About</span></a>
<a href='#'><span>Services</span></a>
<a href='#'><span>Contact</span></a>
</div>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-23696242050815571422012-04-06T07:38:00.000-07:002012-04-06T07:38:48.927-07:00gallery<style>
.gallery {
margin: 45px auto 0;
width: 600px;
}
.gallery a {
display: inline-block;
height: 135px;
position: relative;
width: 180px;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.gallery a img {
border: 8px solid #fff;
cursor: -moz-zoom-in;
display: block;
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
z-index: 1;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 1.0s ease;
-moz-transition: all 1.0s ease;
-o-transition: all 1.0s ease;
transition: all 1.0s ease;
-moz-box-shadow: 2px 2px 4px #444;
-webkit-box-shadow: 2px 2px 4px #444;
-o-box-shadow: 2px 2px 4px #444;
box-shadow: 2px 2px 4px #444;
}
.gallery a:nth-child(1) img, .gallery a:nth-child(3) img {
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
.gallery a:nth-child(2) img, .gallery a:nth-child(8) img {
-moz-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
.gallery a:nth-child(4) img, .gallery a:nth-child(6) img {
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
.gallery a:nth-child(5) img, .gallery a:nth-child(7) img, .gallery a:nth-child(9) img {
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.gallery a:focus img {
cursor: default;
height: 250%;
left: -150px;
top: -100px;
position: absolute;
width: 250%;
z-index: 25;
-webkit-transition: all 1.0s ease;
-moz-transition: all 1.0s ease;
-o-transition: all 1.0s ease;
transition: all 1.0s ease;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
</style>
<div class="gallery">
<a tabindex="1"><img src="http://2.bp.blogspot.com/-F8B8Lw7l9PA/ToZsTVxyJxI/AAAAAAAAOA0/WwWO2iL7TzM/s400/beben.jpg"/></a>
<a tabindex="2"><img src="http://2.bp.blogspot.com/-F8B8Lw7l9PA/ToZsTVxyJxI/AAAAAAAAOA0/WwWO2iL7TzM/s400/beben.jpg"></a>
<a tabindex="3"><img src="http://2.bp.blogspot.com/-F8B8Lw7l9PA/ToZsTVxyJxI/AAAAAAAAOA0/WwWO2iL7TzM/s400/beben.jpg"/></a>
<a tabindex="4"><img src="http://2.bp.blogspot.com/-F8B8Lw7l9PA/ToZsTVxyJxI/AAAAAAAAOA0/WwWO2iL7TzM/s400/beben.jpg"/></a>
<a tabindex="5"><img src="http://2.bp.blogspot.com/-F8B8Lw7l9PA/ToZsTVxyJxI/AAAAAAAAOA0/WwWO2iL7TzM/s400/beben.jpg"/></a>
<a tabindex="6"><img src="http://2.bp.blogspot.com/-F8B8Lw7l9PA/ToZsTVxyJxI/AAAAAAAAOA0/WwWO2iL7TzM/s400/beben.jpg"/></a>
<a tabindex="7"><img src="http://2.bp.blogspot.com/-F8B8Lw7l9PA/ToZsTVxyJxI/AAAAAAAAOA0/WwWO2iL7TzM/s400/beben.jpg"/></a>
<a tabindex="8"><img src="http://2.bp.blogspot.com/-F8B8Lw7l9PA/ToZsTVxyJxI/AAAAAAAAOA0/WwWO2iL7TzM/s400/beben.jpg"/></a>
<a tabindex="9"><img src="http://2.bp.blogspot.com/-F8B8Lw7l9PA/ToZsTVxyJxI/AAAAAAAAOA0/WwWO2iL7TzM/s400/beben.jpg"/></a>
</div>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0tag:blogger.com,1999:blog-7401893701827595607.post-4988749864536598022012-04-05T09:45:00.000-07:002012-04-05T09:45:00.488-07:00Amazing Dynamic Stack Effect For Blogger<body>
<div id="wrapper">
<ul id="index_cards">
<li id="card-1">
<h3>Card 1</h3>
<img src="images/t9tuqui_trans.png" height="130" width="130" alt="Toucan" />
<p>Name: Toucan<br />
Age: 5<br />
Size: 50 cm<br />
Weight: 600 g<br />
Food: Fruit<br />
Toucan lives in southern and central America and loves to fly around</p>
</li>
<li id="card-2">
<h3>Card 2</h3>
<img src="images/t9foxy_trans.png" height="130" width="130" alt="Fox" />
<p>Name: Fox<br />
Age: 3<br />
Size: 70 cm<br />
Weight: 5.5 kg<br />
Food: Meat<br />
Fox lives in the northern hemisphere and loves to play seek and hide</p>
</li>
<li id="card-3">
<h3>Card 3</h3>
<img src="images/t9dog2_trans.png" height="130" width="130" alt="Dog" />
<p>Name: Dog<br />
Age: 8<br />
Size: 120 cm<br />
Weight: 10 kg<br />
Food: Bones<br />
Dog lives in a dog hut and loves to chew shoes, bark and go for walks</p>
</li>
<li id="card-4">
<h3>Card 4</h3>
<img src="images/t9penguino_trans.png" height="130" width="130" alt="Penguin" />
<p>Name: Penguin<br />
Age: 20<br />
Size: 110 cm<br />
Weight: 35 kg<br />
Food: Fish<br />
Penguin lives where it's cold and icy and loves to swim and dive</p>
</li>
<li id="card-5">
<h3>Card 5</h3>
<img src="images/t9lion_trans.png" height="130" width="130" alt="Lion" />
<p>Name: Lion<br />
Age: 12<br />
Size: 190 cm<br />
Weight: 180 kg<br />
Food: Meat<br />
Lions lives in Africa and loves to sleep most of the day and hunt sometimes</p>
</li>
</ul>
</div>
</body>
<style>
/* bloggertrickshut.blogspot.com*/
@font-face {
font-family: 'KulminoituvaRegular';
src: url('../fonts/kulminoituva.eot');
src: local('Kulminoituva Regular'), local('Kulminoituva'), url('../fonts/kulminoituva.woff') format('woff'), url('../fonts/kulminoituva.ttf') format('truetype'), url('../fonts/kulminoituva.svg#Kulminoituva') format('svg');
}
@font-face {
font-family: 'NotethisRegular';
src: url('../fonts/Note_this.eot');
src: local('Note this Regular'), local('Notethis'), url('../fonts/Note_this.woff') format('woff'), url('../fonts/Note_this.ttf') format('truetype'), url('../fonts/Note_this.svg#Notethis') format('svg');
}
/* bloggertrickshut.blogspot.com*/
body {
background:#202020;
font-family: NotethisRegular, Verdana, Arial, sans-serif;
font-size:125%;
color:#202020;
}
h1, h2, h3, h4, h5, h6 {
font-family: KulminoituvaRegular, "Arial Black", Gadget, sans-serif;
font-size:1.5em;
}
#wrapper {
width:760px;
margin:0 auto;
text-align:center;
padding-top:50px;
}
/* Index Card Styling */
ul#index_cards {
margin-top:50px;
text-align:center;
}
ul#index_cards li {
background:url(../images/card_bg.jpg) repeat;
height:450px;
width:130px;
display:block;
float:left;
border:1px solid #666;
padding:25px 10px;
position:relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 2px 2px 10px #000;
-webkit-box-shadow: 2px 2px 10px #000;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
#card-1 {
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
z-index:1;
left:150px;
top:40px;
}
#card-2 {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
z-index:2;
left:70px;
top:10px;
}
#card-3 {
background-color:#69732B;
z-index:3;
}
#card-4 {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
z-index:2;
right:70px;
top:10px;
}
#card-5 {
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
z-index:1;
right:150px;
top:40px;
}
/* bloggertrickshut.blogspot.com*/
ul#index_cards li:hover {
z-index:4;
}
#card-1:hover {
-moz-transform: scale(1.1) rotate(-18deg);
-webkit-transform: scale(1.1) rotate(-18deg);
}
#card-2:hover {
-moz-transform: scale(1.1) rotate(-8deg);
-webkit-transform: scale(1.1) rotate(-8deg);
}
#card-3:hover {
-moz-transform: scale(1.1) rotate(2deg);
-webkit-transform: scale(1.1) rotate(2deg);
}
#card-4:hover {
-moz-transform: scale(1.1) rotate(12deg);
-webkit-transform: scale(1.1) rotate(12deg);
}
#card-5:hover {
-moz-transform: scale(1.1) rotate(22deg);
-webkit-transform: scale(1.1) rotate(22deg);
}
/* Blogger Tricks Hut*/
ul#index_cards li img {
margin-top:7px;
background:#eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 0px 5px #aaa;
-webkit-box-shadow: 0px 0px 5px #aaa;
}
ul#index_cards li p {
margin-top:4px;
text-align:left;
line-height:28px;
}
</style>stalin wesleyhttp://www.blogger.com/profile/00686294436507695302noreply@blogger.com0