Search
Search titles only
By:
Search titles only
By:
Log in
Register
Search
Search titles only
By:
Search titles only
By:
Menu
Install the app
Install
Forums
New posts
All threads
Latest threads
New posts
Trending threads
Trending
Search forums
What's new
New posts
New ads
New profile posts
Latest activity
Free Ads
Latest reviews
Search ads
Members
Current visitors
New profile posts
Search profile posts
Contact us
Latest ads
Ad icon
Singapore V2Ray VPN for Tunneling
hu KANNA
Updated:
Friday at 10:01 AM
Dating Website & Online Chat Room
hotvideo
Updated:
Thursday at 9:25 PM
DJI Mini 4 Pro Drone Combo Plus
Hawaka
Updated:
Thursday at 12:21 PM
Ad icon
USA Linux OpenVZ VPS අඩු මිලකට
Nadun26
Updated:
Wednesday at 6:46 PM
Ad icon
Shared Hosting වාර්ෂිකව රු 2200 සිට!
Nadun26
Updated:
Wednesday at 11:38 AM
Electronics
Vehicles
Property
Search
Reply to thread
Forums
General
ElaKiri Talk!
web responsive gatalu
Get the App
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Message
<blockquote data-quote="අලුත් සෙට් එක" data-source="post: 18959835" data-attributes="member: 514002"><p><span style="font-size: 18px"><span style="color: Blue">mage site eke responsive .css eke aulak wage eka hariyata enawa nam komada enna ona danna aya poddak kiyanawada</span></span></p><p><span style="font-size: 18px"><span style="color: Blue"></span></span></p><p><span style="font-size: 18px"><span style="color: Blue"><img src="/styles/default/xenforo/smilies/default/no.gif" class="smilie" loading="lazy" alt=":no:" title="No :no:" data-shortname=":no:" /></span></span></p><p><span style="font-size: 18px"><span style="color: Blue">menna responsive.css eka.</span></span></p><p></p><p></p><p>/*</p><p> * Responsive Design</p><p> */</p><p></p><p>/*= Before Responsive</p><p> *==================================================================*/</p><p></p><p>/*== Loop Actions */</p><p>.loop-actions .orderby-select{display:none;}</p><p></p><p>/*== Select Menu */</p><p>#main-nav .select-div{background:url(images/nav-sep.png) no-repeat left 0;display:none;}</p><p>#main-nav .select-wrap{overflow:hidden;</p><p>background-image: url(images/select-arrow.png);</p><p>background-repeat:no-repeat;</p><p>background-position:right center;</p><p>}</p><p>#main-nav select {height:auto; text-transform:none; display:block; margin:0 auto; </p><p>-webkit-border-radius:0;</p><p>border-radius:0;</p><p>width:120%;</p><p>border:0;</p><p>font-size:13px;</p><p>font-weight:bold;</p><p>color: #EEE;</p><p>text-shadow:0 1px 0 #000;</p><p>padding:7px 5px 7px 10px;</p><p>-webkit-appearance: none; </p><p>-moz-appearance: normal; </p><p>appearance: normal;</p><p>-webkit-padding-end: 20px; </p><p>-webkit-padding-start: 10px; </p><p>-webkit-user-select: none;</p><p>-moz-user-select: none;</p><p>background-color:transparent;</p><p>background-color: rgba(0,0,0,0);</p><p>background-image: url(images/select-arrow.png);</p><p>background-repeat:no-repeat;</p><p>background-position:right center;</p><p>}</p><p>#main-nav select option {font-size:12px;color:#333;background:none;}</p><p>#main-nav select:active option{background:#FFF;}</p><p>.ie #main-nav select{color:#FFF;}</p><p>.ie #main-nav select option{background:none;color:#FFF;}</p><p>.ie #main-nav select:active option{background:none;color:#333;}</p><p></p><p></p><p>/*== Tablet Portrait</p><p> *==================================================================*/</p><p>@media only screen and (min-width:640px) and (max-width:959px) {</p><p></p><p>/*== Structure */</p><p>body{min-width:640px;}</p><p>.boxed-wrap #page{width:640px;}</p><p>#main{padding:20px 0;}</p><p>.wrap{width:620px}</p><p>#content, #sidebar{width:100%;}</p><p></p><p>/*== Header */</p><p>#branding{margin-bottom:10px;}</p><p>#header-actions{margin-bottom:10px;}</p><p>#header-search{width:100%;margin-left:0;}</p><p></p><p>/*== Featured */</p><p>.home-featured .nav{width:620px;height:188px;float:left;background:#333;position:relative;}</p><p>.home-featured .nav .carousel{width:620px;height:160px;border-bottom:1px solid #444;}</p><p>.home-featured .nav .carousel-clip{height:320px;width:630px;}</p><p>.home-featured .nav .carousel-list{width:624px;}</p><p>.home-featured .nav li{float:left;width:309px;margin-left:0;</p><p>border-left:1px solid #444;</p><p>border-right:1px solid #272727;</p><p>}</p><p>.home-featured .nav li .inner{margin:0;}</p><p>.home-featured .nav li.current{background:#222;width:310px;border-left:0;}</p><p>.home-featured .nav li.current .inner{</p><p> border-left:4px solid #B70000;</p><p> margin-left:0;</p><p> padding-left:6px;</p><p>}</p><p></p><p>.home-featured .nav .carousel-prev, </p><p>.home-featured .nav .carousel-next{position:absolute;bottom:0px;}</p><p>.home-featured .nav .carousel-prev{left:0;margin:0;width:309px;border-left:1px solid #444;}</p><p>.home-featured .nav .carousel-next{right:0;width:308px;}</p><p></p><p>.home-featured-full .stage, </p><p>.home-featured-full .stage .carousel{width:620px;height:349px;overflow:hidden;}</p><p>.home-featured-full .stage,</p><p>.home-featured-full .stage .carousel-list{height: 349px;}</p><p>.home-featured-full .stage .item,</p><p>.home-featured-full .stage .thumb {</p><p>width: 620px;</p><p>height: 349px;</p><p>}</p><p>.home-featured-full .stage .thumb img{width:620px;}</p><p></p><p></p><p>.fcarousel-5 .carousel-clip{width:544px;}</p><p>.fcarousel-5 li {</p><p>margin: 5px 3px 20px 3px;</p><p>}</p><p></p><p></p><p></p><p></p><p>/*== Footbar</p><p> *=================================*/</p><p>#footbar .widget-col-5{width:100%;margin-left:0;}</p><p>#footbar.footbar-c4 .widget{width:300px;}</p><p></p><p>/* Fixed Youtube Video with JWPlayer*/</p><p>.fluid-width-video-wrapper embed{height:349px !important;}</p><p></p><p>/* End @media </p><p> *================================================================== */}</p><p></p><p></p><p></p><p>/*== Mobile</p><p> *==================================================================*/ </p><p>@media only screen and (max-width:639px) {</p><p>#main-nav .wrap{background:url(images/nav-sep.png) no-repeat right 0;}</p><p>#main-nav .menu{display:none;}</p><p>#main-nav .select-div{display:block;}</p><p> </p><p>.loop-actions .orderby{display:none;}</p><p>.loop-actions .orderby-select{display:block;float:left;height:21px;padding:2px;text-transform:none;}</p><p>.loop-actions .prefix{display:none;} </p><p></p><p></p><p>.comment-form-author, .comment-form-email, .comment-form-url{</p><p>margin-left:0;</p><p>width:100%;</p><p>float:none;</p><p>}</p><p></p><p></p><p>/*== Structure */</p><p>body{min-width:320px;}</p><p>.boxed-wrap #page{width:320px;}</p><p>#main{padding:20px 0;}</p><p>.wrap{width:300px}</p><p>#content, #sidebar{width:100%;}</p><p></p><p>/*== Header</p><p> *=================================*/</p><p>#branding{float:none;margin-bottom:10px;}</p><p>#site-logo img{margin:0 auto;}</p><p>#header-actions{float:none;}</p><p>#header-search{float:none;width:100%;margin:0;padding:15px 0 0;overflow:hidden;}</p><p></p><p>/*== Archive Content</p><p> *=================================*/</p><p></p><p>.loop-actions .view .grid-small-link, </p><p>.loop-actions .view .grid-medium-link, </p><p>.loop-actions .view .list-large-link{display:none;}</p><p></p><p>.grid-small .item {</p><p> width:140px;</p><p> margin: 0 10px 20px;</p><p>}</p><p>.grid-small .thumb {</p><p> width:140px;</p><p> height:78px;</p><p>}</p><p>.grid-small .thumb img {</p><p> width:140px;</p><p>}</p><p></p><p>.grid-medium .nag{margin: 0 -10px;}</p><p>.grid-medium .item{width:300px;margin: 0 10px 20px;}</p><p>.grid-medium .thumb{width:300px;height:168px;}</p><p>.grid-medium .thumb img{width:300px;}</p><p></p><p>.list-small .thumb {</p><p> width:140px;</p><p> height:78px;</p><p>}</p><p>.list-small .thumb img {</p><p> width:140px;</p><p>}</p><p>.list-small .data {</p><p> margin-left:158px</p><p>}</p><p>.list-small .meta, .list-small .stats{float:none;}</p><p>.list-small .stats > span{margin:0 10px 0 0 !important;}</p><p>.list-small .author,</p><p>.list-small .suffix,</p><p>.list-small .entry-summary{display:none;}</p><p></p><p>.list-medium .thumb {</p><p> width:300px;</p><p> height:168px;</p><p> margin:0 0 10px;</p><p>}</p><p>.list-medium .thumb img {</p><p> width:300px;</p><p>}</p><p>.list-medium .data {</p><p> margin-left:0</p><p>}</p><p>.list-medium .author,</p><p>.list-medium .suffix{display:none;}</p><p>.list-medium .meta{float:left;}</p><p>.list-medium .stats{float:right;}</p><p>.list-medium .entry-summary{font-size:11px;}</p><p></p><p>.list-large .item{width:100%;}</p><p>.list-large .thumb{width:100%;height:168px;}</p><p>.list-large .meta, .list-large .stats{float:none;}</p><p>.list-large .stats > span{margin:0 10px 0 0 !important;}</p><p></p><p>/*== Featured Content</p><p> *=================================*/</p><p>.home-featured .stage, </p><p>.home-featured .nav{width:100%;}</p><p>.home-featured .stage{margin-left:-2px;}</p><p>.home-featured .stage,</p><p>.home-featured .stage .carousel-list{height: 168px;}</p><p>.home-featured .stage .item,</p><p>.home-featured .stage .thumb {</p><p>width: 300px;</p><p>height: 168px;</p><p>}</p><p>.home-featured .stage .thumb img{width:300px;}</p><p></p><p>.home-featured-full .stage,</p><p>.home-featured-full .stage .carousel{width:300px;height:168px;}</p><p>.home-featured-full .stage,</p><p>.home-featured-full .stage .carousel-list{height: 168px;}</p><p>.home-featured-full .stage .item,</p><p>.home-featured-full .stage .thumb {</p><p>width: 300px;</p><p>height: 168px;</p><p>}</p><p>.home-featured-full .stage .thumb img{width:300px;}</p><p></p><p>/*== Single Content</p><p> *=================================*/</p><p>.entry-header .entry-title{float:none;margin:0 0 10px !important;}</p><p>.entry-header .entry-actions{float:none;margin:0;}</p><p></p><p>/*== Footbar</p><p> *=================================*/</p><p>#footbar.footbar-c4 .widget{width:300px;}</p><p></p><p>/*== Colophon</p><p> *=================================*/</p><p>#colophon{text-align:center;}</p><p>#social-nav{float:none;overflow:hidden;text-align:center;margin:0 0 10px;}</p><p>#social-nav li {</p><p>margin: 0 8px 0 0;</p><p></p><p>}</p><p>#copyright, #credits {</p><p>font-size: 11px;</p><p>margin: 0;</p><p>display: block;</p><p>}</p><p></p><p>.fluid-width-video-wrapper embed{height:259px !important;}</p><p>/* End @media ================================================================== */}</p></blockquote><p></p>
[QUOTE="අලුත් සෙට් එක, post: 18959835, member: 514002"] [SIZE="5"][COLOR="Blue"]mage site eke responsive .css eke aulak wage eka hariyata enawa nam komada enna ona danna aya poddak kiyanawada :no: menna responsive.css eka.[/COLOR][/SIZE] /* * Responsive Design */ /*= Before Responsive *==================================================================*/ /*== Loop Actions */ .loop-actions .orderby-select{display:none;} /*== Select Menu */ #main-nav .select-div{background:url(images/nav-sep.png) no-repeat left 0;display:none;} #main-nav .select-wrap{overflow:hidden; background-image: url(images/select-arrow.png); background-repeat:no-repeat; background-position:right center; } #main-nav select {height:auto; text-transform:none; display:block; margin:0 auto; -webkit-border-radius:0; border-radius:0; width:120%; border:0; font-size:13px; font-weight:bold; color: #EEE; text-shadow:0 1px 0 #000; padding:7px 5px 7px 10px; -webkit-appearance: none; -moz-appearance: normal; appearance: normal; -webkit-padding-end: 20px; -webkit-padding-start: 10px; -webkit-user-select: none; -moz-user-select: none; background-color:transparent; background-color: rgba(0,0,0,0); background-image: url(images/select-arrow.png); background-repeat:no-repeat; background-position:right center; } #main-nav select option {font-size:12px;color:#333;background:none;} #main-nav select:active option{background:#FFF;} .ie #main-nav select{color:#FFF;} .ie #main-nav select option{background:none;color:#FFF;} .ie #main-nav select:active option{background:none;color:#333;} /*== Tablet Portrait *==================================================================*/ @media only screen and (min-width:640px) and (max-width:959px) { /*== Structure */ body{min-width:640px;} .boxed-wrap #page{width:640px;} #main{padding:20px 0;} .wrap{width:620px} #content, #sidebar{width:100%;} /*== Header */ #branding{margin-bottom:10px;} #header-actions{margin-bottom:10px;} #header-search{width:100%;margin-left:0;} /*== Featured */ .home-featured .nav{width:620px;height:188px;float:left;background:#333;position:relative;} .home-featured .nav .carousel{width:620px;height:160px;border-bottom:1px solid #444;} .home-featured .nav .carousel-clip{height:320px;width:630px;} .home-featured .nav .carousel-list{width:624px;} .home-featured .nav li{float:left;width:309px;margin-left:0; border-left:1px solid #444; border-right:1px solid #272727; } .home-featured .nav li .inner{margin:0;} .home-featured .nav li.current{background:#222;width:310px;border-left:0;} .home-featured .nav li.current .inner{ border-left:4px solid #B70000; margin-left:0; padding-left:6px; } .home-featured .nav .carousel-prev, .home-featured .nav .carousel-next{position:absolute;bottom:0px;} .home-featured .nav .carousel-prev{left:0;margin:0;width:309px;border-left:1px solid #444;} .home-featured .nav .carousel-next{right:0;width:308px;} .home-featured-full .stage, .home-featured-full .stage .carousel{width:620px;height:349px;overflow:hidden;} .home-featured-full .stage, .home-featured-full .stage .carousel-list{height: 349px;} .home-featured-full .stage .item, .home-featured-full .stage .thumb { width: 620px; height: 349px; } .home-featured-full .stage .thumb img{width:620px;} .fcarousel-5 .carousel-clip{width:544px;} .fcarousel-5 li { margin: 5px 3px 20px 3px; } /*== Footbar *=================================*/ #footbar .widget-col-5{width:100%;margin-left:0;} #footbar.footbar-c4 .widget{width:300px;} /* Fixed Youtube Video with JWPlayer*/ .fluid-width-video-wrapper embed{height:349px !important;} /* End @media *================================================================== */} /*== Mobile *==================================================================*/ @media only screen and (max-width:639px) { #main-nav .wrap{background:url(images/nav-sep.png) no-repeat right 0;} #main-nav .menu{display:none;} #main-nav .select-div{display:block;} .loop-actions .orderby{display:none;} .loop-actions .orderby-select{display:block;float:left;height:21px;padding:2px;text-transform:none;} .loop-actions .prefix{display:none;} .comment-form-author, .comment-form-email, .comment-form-url{ margin-left:0; width:100%; float:none; } /*== Structure */ body{min-width:320px;} .boxed-wrap #page{width:320px;} #main{padding:20px 0;} .wrap{width:300px} #content, #sidebar{width:100%;} /*== Header *=================================*/ #branding{float:none;margin-bottom:10px;} #site-logo img{margin:0 auto;} #header-actions{float:none;} #header-search{float:none;width:100%;margin:0;padding:15px 0 0;overflow:hidden;} /*== Archive Content *=================================*/ .loop-actions .view .grid-small-link, .loop-actions .view .grid-medium-link, .loop-actions .view .list-large-link{display:none;} .grid-small .item { width:140px; margin: 0 10px 20px; } .grid-small .thumb { width:140px; height:78px; } .grid-small .thumb img { width:140px; } .grid-medium .nag{margin: 0 -10px;} .grid-medium .item{width:300px;margin: 0 10px 20px;} .grid-medium .thumb{width:300px;height:168px;} .grid-medium .thumb img{width:300px;} .list-small .thumb { width:140px; height:78px; } .list-small .thumb img { width:140px; } .list-small .data { margin-left:158px } .list-small .meta, .list-small .stats{float:none;} .list-small .stats > span{margin:0 10px 0 0 !important;} .list-small .author, .list-small .suffix, .list-small .entry-summary{display:none;} .list-medium .thumb { width:300px; height:168px; margin:0 0 10px; } .list-medium .thumb img { width:300px; } .list-medium .data { margin-left:0 } .list-medium .author, .list-medium .suffix{display:none;} .list-medium .meta{float:left;} .list-medium .stats{float:right;} .list-medium .entry-summary{font-size:11px;} .list-large .item{width:100%;} .list-large .thumb{width:100%;height:168px;} .list-large .meta, .list-large .stats{float:none;} .list-large .stats > span{margin:0 10px 0 0 !important;} /*== Featured Content *=================================*/ .home-featured .stage, .home-featured .nav{width:100%;} .home-featured .stage{margin-left:-2px;} .home-featured .stage, .home-featured .stage .carousel-list{height: 168px;} .home-featured .stage .item, .home-featured .stage .thumb { width: 300px; height: 168px; } .home-featured .stage .thumb img{width:300px;} .home-featured-full .stage, .home-featured-full .stage .carousel{width:300px;height:168px;} .home-featured-full .stage, .home-featured-full .stage .carousel-list{height: 168px;} .home-featured-full .stage .item, .home-featured-full .stage .thumb { width: 300px; height: 168px; } .home-featured-full .stage .thumb img{width:300px;} /*== Single Content *=================================*/ .entry-header .entry-title{float:none;margin:0 0 10px !important;} .entry-header .entry-actions{float:none;margin:0;} /*== Footbar *=================================*/ #footbar.footbar-c4 .widget{width:300px;} /*== Colophon *=================================*/ #colophon{text-align:center;} #social-nav{float:none;overflow:hidden;text-align:center;margin:0 0 10px;} #social-nav li { margin: 0 8px 0 0; } #copyright, #credits { font-size: 11px; margin: 0; display: block; } .fluid-width-video-wrapper embed{height:259px !important;} /* End @media ================================================================== */} [/QUOTE]
Insert quotes…
Verification
Hathara warak wissa keeyada? (Hathara wadi karanna 20)
Post reply
Top
Bottom