PHP - Iframe Help (yikes) Everything Works Perfect In Firefox But Not Ie Or Chrome
Here is the scenario:
I have phpbb installed inside of an iframe and I have all of these features working .....in firefox only: Iframe re-sizes to fit content external links within the forum open in a new window traffic to my /forum directory is redirected (with a javascript window.location.replace) to open inside of the iframe Essentially phpbb works perfectly in firefox When I load it in either Chrome or IE: My site index will load fine (as will any site feature that is not within the iframe) When I attempt to load my forum or request anything within the iframe IE and Chrome show the page for less than one second then continuously load a 404 page within the frame This leads me to believe that it is a problem with my redirect...but I have no clue. Here is the PHP, hopefully somebody can help: Iframe re-size code (in iframefile.php): <script type="text/javascript"> /*********************************************** * IFrame SSI script II- &#169; Dynamic Drive DHTML code library (http://www.dynamicdrive.com) * Visit DynamicDrive.com for hundreds of original DHTML scripts * This notice must stay intact for legal use ***********************************************/ //Input the IDs of the IFRAMES you wish to dynamically resize to match its content height: //Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none: var iframeids=["myframe"] //Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended): var iframehide="yes" var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1] var FFextraHeight=parseFloat(getFFVersion)>=0.1? 150 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers function resizeCaller(){ var dyniframe=new Array() for (i=0; i<iframeids.length; i++){ if (document.getElementById) resizeIframe(iframeids[i]) //reveal iframe for lower end browsers? (see var above): if ((document.all || document.getElementById) && iframehide=="no"){ var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i]) tempobj.style.display="block" } } } function resizeIframe(frameid){ var currentfr=document.getElementById(frameid) if (currentfr && !window.opera){ currentfr.style.display="block" if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight; else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax currentfr.height = currentfr.Document.body.scrollHeight; if (currentfr.addEventListener) currentfr.addEventListener("load", readjustIframe, false) else if (currentfr.attachEvent){ currentfr.detachEvent("onload", readjustIframe) // Bug fix line currentfr.attachEvent("onload", readjustIframe) } } } function readjustIframe(loadevt) { var crossevt=(window.event)? event : loadevt var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement if (iframeroot) resizeIframe(iframeroot.id); } function loadintoIframe(iframeid, url){ if (document.getElementById) document.getElementById(iframeid).src=url } if (window.addEventListener) window.addEventListener("load", resizeCaller, false) else if (window.attachEvent) window.attachEvent("onload", resizeCaller) else window.onload=resizeCaller </script> _________________________________________________ ___ This is (part of) the javascript redirect (in iframefile.php) <script type="text/javascript"> var text = window.location.href; function delineate(str) { theleft = str.indexOf("=") + 1; theright = str.indexOf("&"); return(str.substring(theleft, str.length)); } url=delineate(text) function refreshFrame() { myframe.location.replace("http://www.mydomain/?var1='+window.location.href+'"); } </script> This is the other part of the above javascript redirect that is in the overall_header to redirect pages requested within the forum to target the iframe via the code above: <script type="text/javascript"> if (window == top) { var url='window.location.replace("/?var1='+window.location.href+'")'; eval(url); } </script> This is the necessary code i had to add in my home directory index.php for the above two codes to work: <? ob_start(); $vary = $_GET['var1']; $tee = $_GET['t']; if ( $vary == "" ) { // do nothing, no var } else { $gogogo = strtolower($vary); $healthy = array("http://mydomain/forum/", "http://www.mydomain/forum/"); $yummy = array("", ""); $newphrase = str_replace($healthy, $yummy, $gogogo); $finalcode = base64_encode($newphrase); $healthy = array("+", "="); $yummy = array("7PLUS7", "7EQUALS7"); $newphraseu = str_replace($healthy, $yummy, $finalcode); if ( $tee == "" ) { header("Location: http://www.mydomain/iframefile.php?var=$newphraseu"); } else { header("Location: http://www.mydomain/iframefile.php?var=$newphraseu&t=$tee"); } } ob_flush(); ?> ___________________________________ And finally this is the code for my actual iframe (in iframefile.php): <? $healthy = array("7PLUS7", "7EQUALS7"); $yummy = array("+", "="); $newphraseu = str_replace($healthy, $yummy, $vary); $finally = base64_decode($newphraseu); if ( $tee == "" ) { $thedone = $finally; } else { $thedone = "$finally&t=$tee"; } if ( $vary == "" ) { ?> <center><iframe onload="refreshFrame();" id="myframe" src="/forum" scrolling="no" marginwidth="0" frameborder="0" marginheight="0" vspace="0" hspace="0" style="overflow:invisible; width:100%; display:none"></iframe></center> <? } else { ?> <center><iframe onload="refreshFrame();" id="myframe" src="/forum/<? echo $thedone; ?>" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:invisible; width:100%; display:none"></iframe></center> <? } ?> Sorry for the long read. Again this all works perfect in firefox but with IE and Chrome the iframe keeps reloading a 404 page after showing the requested page briefly. Any and all help is appreciated! Thanks in advance Similar TutorialsI have this form action that checks for errors, if none are found it should go to the confirmation page. Works well in Firefox, however Chrome stays perpetually on the register page. Is there any way to make this work in Chrome as well? Does anyone have any explanation? Thank you very much for your time. Code: [Select] <form action="<?php if(!empty($errors)){ echo "confirmation.php"; } else { echo "register.php"; } ?>" method="POST"> Hello, New to file upload boxes, working in PHP. My code seems to work great in IE, but not in Firefox or Chrome. This form shows the input box for the filename in IE and Firefox (with a Browse button), but Chrome only shows the Browse button, no filename box. <form enctype="multipart/form-data" method="post" action="profile.php"> <input type="file" size="32" name="image_field_photo" value=""> <br><input type="submit" name="Submit" value="Upload"> IE will upload the file to the specified directory, then update the DB based on the filename. Firefox will not upload the file, nor will Chrome. Using SSL for all pages. Using an upload class I got off PHPClasses.org - what's weird is I have used this same class on another project, and can upload files via Chrome. Any ideas? Thanks! I have been banging my head for quite a number of hours on this.........I am getting the below error with firefox 7 or chrome but NOT with IE Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /home/unlockth/public_html/motorola/insertmoto.php on line 35 Here is the code.......pls can anyone help me? <?php $userip = ($_SERVER['X_FORWARDED_FOR']) ? $_SERVER['X_FORWARDED_FOR'] : $_SERVER['REMOTE_ADDR']; $name = $_POST['name'] ; $email = $_POST['email'] ; $phone = $_POST['phone'] ; $operator = $_POST['operator'] ; $imei = $_POST['imei'] ; $todayis = date("l, F j, Y, g:i a") ; @mail( "xxx@xxx.com", "ORDER SUBMISSION", $message = " $userip $message = $todayis Name: $name Email: $email Phone Model: $phone Phone Operator: $operator Phone Imei: $imei", "From: MOTOROLA SUBMISSION>"); ?> <? $id = $_POST['id']; include "/home/unlockth/password.php"; mysql_select_db("unlockth_unlocking",$db); mysql_query("INSERT INTO custdetails VALUES ('','$name','$email','$phone','$operator','$imei')"); $insertid = mysql_insert_id(); include "/home/unlockth/password.php"; mysql_select_db("unlockth_unlocking",$db); $getdata = mysql_query("SELECT * FROM motorola WHERE id=$id", $db); $row = mysql_fetch_array($getdata); $title = $row["title"]; $price_1 = $row["price_1"]; $price_2 = $row["price_2"]; $price_3 = $row["price_3"]; $imageaddr = $row["imageaddr"]; $description = $row["description"]; $keywords = $row["keywords"]; $time = $row["time"]; include '/home/unlockth/public_html/motorola/outputmotocode.php';?> Hi Guys.... I need to export data into excel file. So far its works on IE and Firefox. But if i using Google Chrome it download only php file. Eg(suppose file test.xls but it goes to test.php). Why it happen?? Alright this script is being stupid! Heres the Script... $gid = array($P1 = $_POST[P0] ,$P2 = $_POST[P1] ,$P3 = $_POST[P2] ,$P4 = $_POST[P3] ,$P5 = $_POST[P4] ,$P6 = $_POST[P5] ,$P7 = $_POST[P6] ,$P8 = $_POST[P7] ,$P9 = $_POST[P8] ,$P10 = $_POST[P9] ,$P11 = $_POST[P10] ,$P12 = $_POST[P11] ); $pick= array($G1 = $_POST[game1] ,$G2 = $_POST[game2] ,$G3 = $_POST[game3] ,$G4 = $_POST[game4] ,$G5 = $_POST[game5] ,$G6 = $_POST[game6] ,$G7 = $_POST[game7] ,$G8 = $_POST[game8] ,$G9 = $_POST[game9] ,$G10 = $_POST[game10] ,$G11 = $_POST[game11] ,$G12 = $_POST[game12] ); function iORu($gameF, $pickF){ $Current_user_id = $_SESSION[user_id]; $con = mysql_connect("localhost","user","pass"); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("sports", $con); $query = "SELECT User_ID FROM CollegeFootballPicks WHERE User_ID='$Current_user_id' && Game_ID='$gameF'"; $result = mysql_query($query); if(mysql_num_rows($result) == 0){ $query = "INSERT INTO CollegeFootballPicks (User_ID, Game_ID, Pick) VALUES ('$Current_user_id','$gameF','$pickF')"; $result = mysql_query($query); echo'Inserted'; }else{ $query = "UPDATE CollegeFootballPicks SET User_ID = '$Current_user_id', Game_ID = '$gameF', Pick = '$pickF'"; $result = mysql_query($query); echo'Updated'; } mysql_close(); echo "<i>"; echo ' '.$Current_user_id. ' '; echo $gameF. ' '; echo $pickF. ' '; echo "</i>"; echo '<br />'; } //End of Function for($i=0; $i< 12; $i++) { iORu($gid[$i],$pick[$i]); } For testing purposes i have inserted all the echos along the way to visually see how far its getting. When i run the script it recognizes all the information when and where it's supposed to (With the echos) but its not inserting/ updating to mysql except for game 1 (i.e. the first time the function runs) Does anyone see any errors? It doesn't make sense on why all the info echos exactly right, and game one inserts and updates right. But games 2-12 don't insert or update! Before anyone says something. Yes this is the same shit i've been working on for about two weeks and have gotten help with before. I have two jobs and web design aint one of them. So if your gonna help, help! But if your gonna say something that aint in any way "help" keep it to yourself! FOR the CMS go to http://sandeepthapa.com.np/project/admin and login in username: user pasword: 123456 with both Chrome and IE. pleease and site is http://sandeepthapa.com.np/project/ it works fine with Chrome, but not with IE. please help me this is my first CMS . i am learning.. it i use joommla templetefor design. oz i am not a designer //..here is the code for process_login.php page <?php require_once("includes/session.php"); ?><?php require_once("includes/connection.php"); ?><?php require_once("includes/functions.php"); ?><?php if (logged_in()) { redirect_to("content.php"); } if (isset($_POST['submit'])) { if(!$_POST['username']) { echo ' Make sure u type in username'; } if( !$_POST['password']) { echo 'make sure you type password'; } $username = trim(mysql_prep($_POST['username'])); $password = trim(mysql_prep($_POST['password'])); $hashed_password = sha1($password); // Check database to see if username and the hashed password exist there. $query = "SELECT id, username "; $query .= "FROM users "; $query .= "WHERE username = '{$username}' "; //$query .= "AND hashed_password = '{$hashed_password}' "; $query .= "AND hashed_password = '{$hashed_password}' "; $query .= "LIMIT 1"; $result_set = mysql_query($query) or die(mysql_error()); if(!$result_set) {die("Database connection failed: " . mysql_error());} confirm_query($result_set); if (mysql_num_rows($result_set) == 1) { // username/password authenticated // and only 1 match $found_user = mysql_fetch_array($result_set); //echo $found_user['id']; $_SESSION['user_id'] = $found_user['id']; $_SESSION['username'] = $found_user['username']; //echo 'test query'; redirect_to("content.php"); } } else { echo 'error'.mysql_error(); } ?> </body> </html> This topic has been moved to HTML Help. http://www.phpfreaks.com/forums/index.php?topic=346255.0 <?PHP include("include/session.php"); ?> <html> <head> <title></title> <style type="text/css"> .auto-style1 { text-align: center; } .auto-style2 { border: 2px solid #3366FF; } .auto-style3 { font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif; } </style> </head> <body style="background-color: #AAC6FF"> <?PHP if(isset($_SESSION['useredit'])){ unset($_SESSION['useredit']); echo "<h1><center>User Account Edit Success!</center></h1>"; echo "<p><b><center>$session->username</b>, your account has been successfully updated. " ."<a href=\"javascript:window.close();\">Close Window</a>.</p></center>"; }else{ ?> <?PHP if($session->logged_in){ ?> <h1 class="auto-style1"><span class="auto-style3">User Account Edit :</span> <? echo $session->username; ?></h1> <?PHP if($form->num_errors > 0){ echo "<td><font size=\"2\" color=\"#ff0000\">".$form->num_errors." error(s) found</font></td>"; } ?> <form action="process.php" method="POST"> <div align="center"> <table class="auto-style2" style="width: 300px"> <tr> <td>Current Password:</td> <td> <input name="curpass" style="width: 150px" type="password" value="<? echo $form->value("curpass"); ?>"></td> <td><? echo $form->error("curpass"); ?></td> </tr> <tr> <td>New Password:</td> <td> <input name="newpass" style="width: 150px" type="password" value="<? echo $form->value("newpass"); ?>"></td> <td><? echo $form->error("newpass"); ?></td> </tr> <tr> <td>Current Email:</td> <td><input name="email" style="width: 150px" type="text" value="<? if($form->value("email") == ""){ echo $session->userinfo['email']; }else{ echo $form->value("email"); } ?>"></td> <td><? echo $form->error("email"); ?></td> </tr> <tr> <td> </td> <td> <form method="post"> <input type="hidden" name="subedit" value="1"> <input name="submit" type="submit" value="submit"></form> </td> </tr> </table> </div> </form> <?PHP } } ?> </body> </html> This topic has been moved to JavaScript Help. http://www.phpfreaks.com/forums/index.php?topic=351832.0 This topic has been moved to HTML Help. http://www.phpfreaks.com/forums/index.php?topic=316303.0 hi, I try to login through a form but when I click the button it does nothing in firefox7 and chrome. It works fine in IE. here's the code: Code: [Select] $a=""; $b=""; if ($_POST) { $a=trim($_POST["id"]); $b=trim($_POST["password"]); $a=str_replace("'","",$a); $b=str_replace("'","",$b); $a=str_replace("\"","",$a); $b=str_replace("\"","",$b); } if ($a=="" || $b=="") { if ($_SESSION["id_session"]=="" || $_SESSION["password_session"]=="") { ?> <form action=members.php method=post> <br><br><Center><table><tr><td colspan=2 align=center><h3>Members Login Area</h3></td></tr> <tr><td>Member's ID</td><td><input type=text name=id></td></tr> <tr><td>Password</td><td><input type=password name=password></td></tr> <tr><td> </td><td> <a href="forgot.php" onclick="doexit=false;"><font face="Verdana,Arial,Helvetica" size="1" color="#000000"><b>Forgot Your Password?</b></font></a></td></tr> <tr><td colspan=2 align=center><input type=submit value="Log In"></td></tr> </table></form> <? } else { middle(); } } else { $check=0; $id=$_POST["id"]; $rs = mysql_query("select * from members where ID='$id'"); if ($rs) { $arr=mysql_fetch_array($rs); $n2=$arr['Password']; if ($n2==$b) { $check=1; $_SESSION["id_session"]=$arr[0]; $_SESSION["password_session"]=$arr[9]; middle(); } } if ($check==0) { print "<h2>Invalid User Id or Password</h2>"; ?> <form action=members.php method=post> <br><br><Center><table><tr><td colspan=2 align=center><h3>Members Login Area</h3></td></tr> <tr><td>Member's ID</td><td><input type=text name=id></td></tr> <tr><td>Password</td><td><input type=password name=password></td></tr> <tr><td> </td><td> <a href="forgot.php" onclick="doexit=false;"><font face="Verdana,Arial,Helvetica" size="1" color="#000000"><b>Forgot Your Password?</b></font></a></td></tr> <tr><td colspan=2 align=center><input type=submit value="Log In"></td></tr> </table></form> <? } } thanks Ok, so I have a REALLY strange problem. So I am trying to delete an array of checkboxes with an input delete piece and I have used a bit of a tutorial on the deletion part. But, my form works fine in IE9 when I do this and doesn't work in firefox when I have it inside a <form> tag. Code: [Select] <form name="deletecheckbox" method="post" action=""> <input name="delete" class="delete_button" type="submit" id="delete" value="Delete" /> //some checkboxes pulled in dynamically thru ajax inside a loop and I won't put the whole looping code just what the checkbox looks like <input name=\"checkbox[]\" type=\"checkbox\" id=\"checkbox[]\" value=\"$ID\"> <? $contact_query = "SELECT ID FROM Contacts ORDER BY ID ASC"; $contact_query_result = mysql_query($contact_query); $count=mysql_num_rows($contact_query_result); if($delete){ for($i=0;$i<$count;$i++){ $del_id = $checkbox[$i]; $sql = "DELETE FROM Contacts WHERE ID='$del_id'"; $result = mysql_query($sql); } } ?> </form> Now, if I do the same thing without the form part, it works in Firefox but not in IE Code: [Select] <input name="delete" class="delete_button" type="submit" id="delete" value="Delete" /> //some checkboxes pulled in dynamically thru ajax inside a loop and I won't put the whole looping code just what the checkbox looks like <input name=\"checkbox[]\" type=\"checkbox\" id=\"checkbox[]\" value=\"$ID\"> <? $contact_query = "SELECT ID FROM Contacts ORDER BY ID ASC"; $contact_query_result = mysql_query($contact_query); $count=mysql_num_rows($contact_query_result); if($delete){ for($i=0;$i<$count;$i++){ $del_id = $checkbox[$i]; $sql = "DELETE FROM Contacts WHERE ID='$del_id'"; $result = mysql_query($sql); } } ?> Anyone know what's goin on here? I'm lost. When my main page loads everything is running smooth. In a section where I have my flags of different countries loading, if I choose one of them it reloads the page in that language, then back to english. If I try and load in Internet Explorer, all I get are blank images. Now I dont know if the css is the main cause of this or if its the php that has been wrote wrong, if someone can give me some help please, thank you.
CSS
@import "http://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,500,700"; @import url("css/mediascreen.css"); body{ margin:0px auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; text-align:center; color:#fff; overflow-x:hidden; padding:0px; } h1, h2, h3, h4, h5, ul, li, a, p, span, form, input, textarea, label, select{ list-style:none; padding:0px; margin:0px; text-decoration:none; } #clr{ clear:both; } #headerWrapper{ background:#1a1a1b; } #header{ position:relative; } #header, #regWrapper, #WelcomeWrapper, #newMembers, #footer, #innerWrapper, #datingMenu, #recommMatch, #ProfileWrapper{ width:960px; margin:0px auto; text-align:left; } #logo{ float:left; padding:15px 0px 10px 0px; } ul#topnav{ float:right; margin-top:157px; } ul#topnav li{ float:left; } ul#topnav li.homeicon a{ background:url(images/Home.png) no-repeat center center #0a0a0a; } ul#topnav li.homeicon:hover a{ background:url(images/Home.png) no-repeat center center #f55439; } ul#topnav li a{ display:inline-block; background:#0a0a0a; padding:6px 18px; color:#FFFFFF!important; font-family: 'Open Sans'; font-weight:300; text-transform:uppercase; font-size:11px; margin-left:5px; } ul#topnav li a:hover{ background:#f55439; } #bannerWrapper{ height:544px; background:url(images/dating_06.jpg) no-repeat center center; } #formReg{ float:right; width:445px; background:rgba(41,41,41,0.44); padding:10px; margin:15px 0px; } #formReg h3{ text-align:center; padding:15px 0px 15px 0px; border-bottom:1px solid #d3d3d3; margin-bottom:10px; font-size:23px; text-transform:capitalize; font-family: 'Open Sans'; font-weight:300; } #formReg select{ padding:6px 7px; border:1px solid #d3d3d3; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */ } #formReg input[type=text], #formReg input[type=password]{ padding:6px 7px; width:82%; border:1px solid #d3d3d3; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */ } #formReg select option{ background:#EAEAEA; } #formReg p, #formReg label{ font-size:12px; padding:5px 15px; display:block; } #formReg p strong, #formReg label a{ font-weight:normal; color:#000; text-decoration:underline; } #formReg label input[type=checkbox]{ margin:0px 10px 0px 0px; } #formReg input[type=submit]{ margin:10px 150px 10px 150px; text-transform:uppercase; background:#1a1a1b; color:#FFFFFF; border:0px; padding:10px 15px; font-size:19px; border-radius:15px; font-family: 'Open Sans' } #formReg input[type=submit]:hover{ background:#DB3113; color:#030303; cursor:pointer; } #formReg p strong:hover, #formReg label a:hover{ color:#DB3113; } #ContentWrapper{ background:#2b2b2c; } #WelcomeWrapper{ padding:15px 0px; } #WelcomeWrapper #leftWrapper{ width:570px; float:left; padding:15px 20px 15px 0px; border-right:1px solid #404042; } #WelcomeWrapper #leftWrapper h1{ padding:0px 10px 20px 0px; font-size:22px; font-family: 'Open Sans'; } #WelcomeWrapper #leftWrapper p{ color:#a5a5a9; line-height:18px; text-align:justify; } #WelcomeWrapper #leftWrapper a{ color:#f55439; } a.readmore{ margin-top:10px; padding:10px 0px; display:inline-block; } a.readmo hover{ text-decoration:underline; } #WelcomeWrapper #rightWrapper{ float:right; width:320px; } #WelcomeWrapper #rightWrapper h2{ font-family: 'Roboto'; font-size:22px; font-weight:300; padding:15px 0px 10px 0px; } #WelcomeWrapper #rightWrapper span{ font-size:10px; } #extraWrapper{ padding:15px 0px; background:#19191a; } #newMembers h1{ font-family: 'Roboto'; font-size:19px; font-weight:normal; text-transform:uppercase; padding:15px 0px 10px 0px; } #newMembers h1 strong{ font-size:28px; font-weight:normal; color:#f55439; } #footerWrapper{ background:#f9fbfc; color:#181818; padding:15px 0px; } #innerWrapper{ padding:15px 0px; min-height:720px; } #innerWrapper h2{ font-weight:500; font-family: 'Roboto'; line-height:normal; font-size:30px; border-left:5px solid #F7F7F7; padding:00px 0px 00px 15px; margin-bottom:10px; } #innerWrapper h4{ font-style:italic; font-weight:normal; font-size:13px; } .selectRequiredMsg, .selectInvalidMsg { display: none; } #memberAttributeFormID li{ padding:5px 10px; width:47%; float:left; } #memberAttributeFormID li label#memberAttributeFormLabel{ display:inline-block; width:200px; } #memberAttributeFormID li#memberAttributeFormHeading{ font-weight:bold; font-family: 'Roboto'; font-size:18px; border-bottom:1px solid #3C3C3D; margin:0px 0px 10px 0px; padding:25px 5px 10px 5px; width:auto; float:none; font-weight:400; clear:both; } #memberAttributeFormID li select{ width:45%; padding:5px 7px; } #memberAttributeFormID li.sizeFree{ width:auto; float:none; font-weight:400; clear:both; } #memberAttributeFormID li.sizeFree label#memberAttributeFormLabel{ width:250px; float:left; } #memberAttributeFormID li.sizeFree input[type=text], #memberAttributeFormID li.sizeFree textarea{ padding:5px 7px; } input.submitbtn{ background: #ff7400; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjc0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff7400 0%, #ff7400 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7400), color-stop(100%,#ff7400)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff7400 0%,#ff7400 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff7400 0%,#ff7400 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff7400 0%,#ff7400 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff7400 0%,#ff7400 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#ff7400',GradientType=0 ); /* IE6-8 */ border:5px solid #F26F04; padding:7px 15px; cursor:pointer; border-radius:15px; font-weight:bold; font-family: 'Roboto'; color:#FFFFFF; font-size:18px; } #memberAttributeFormID li input[type=text]{ padding:5px 7px; width:45%; } .popupRECT{ position:fixed; width:500px; color:#000000; height:auto; padding:15px; margin:-200px 0px 0px -265px; left:50%; top:50%; background:#fff; box-shadow:0px 0px 15px #666; z-index:99999; } .popupRECT h2{ font-family: 'Open Sans'; font-size:20px; padding:20px 15px; text-align:center; color:#FFFFFF; text-transform:capitalize; background:#000000; font-weight:bold; margin-bottom:10px; } .popupRECT h2 span{ display:inline-block; padding:0px 20px; font-weight:400; } #blackOverlay{ background:rgba(0,0,0,0.7); width:100%; z-index:8; height:100%; position:fixed; left:0; top:0; } #loginForm{ text-align:center; } #loginForm table{ width:450px; margin:0px auto; } #loginForm td { padding:3px 5px; } #loginForm input[type=email], #loginForm input[type=password]{ width:92%; padding:8px 10px; border:1px solid #d3d3d3; } #loginForm textarea{ width:91%; padding:8px 10px; resize:none; border:1px solid #d3d3d3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:17px; } #loginForm label{ text-align:right; padding:10px 5px; width:150px; display:inline-block; background:#E4E4E4; } #loginForm input[type=submit]{ float:right; background: ; padding:8px 30px; border:1px solid #A30000; background: #cc0000; /* Old browsers */ background: -moz-linear-gradient(top, #cc0000 0%, #cc0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cc0000 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cc0000 0%,#cc0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cc0000 0%,#cc0000 100%); /* IE10+ */ background: linear-gradient(to bottom, #cc0000 0%,#cc0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */ font-family: 'Open Sans'; color:#FFFFFF; font-size:18px; text-transform:uppercase; } #loginForm td p a{ display:block; text-align:right; color:#333333; padding:3px 0px; } #loginForm td p:hover a{ text-decoration:underline; } #loginForm td span.or{ display:block; padding:0px 0px 10px 0px; border-bottom:1px solid #d3d3d3; margin-bottom:7px; } #datingMenu{ border-top-left-radius:20px; border-top-right-radius:20px; background: #121212; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #121212 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#121212), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #121212 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #121212 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #121212 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #121212 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121212', endColorstr='#000000',GradientType=0 ); /* IE6-8 */ } #datingMenu li{ display:inline-block; } #datingMenu li a{ display:inline-block; padding:0px 20px; margin:12px 0px; color:#D4D4D4; border-right:1px solid #232323; font-family: 'Open Sans'; } #datingMenu li:hover a{ text-decoration:underline; } #datingMenu ul{ padding:0px 15px; z-index:999; } #datingMenu ul li ul{ display:none; position:absolute; z-index:90; background:#2D2D2D; border:1px solid #575757; width:190px; padding:0px; border-bottom:0px; } #datingMenu ul li.he{ padding:5px 15px; font-weight:bold; border-bottom:1px solid #575757; } #datingMenu ul li:hover ul{ display:block!important; } #datingMenu ul li ul li{ display:block; padding:0px; margin:0px; } #datingMenu ul li:hover ul li a{ text-decoration:none; display:block; padding:8px 15px; margin:0px; color:#EAEAEA; border-bottom:1px solid #575757; } #datingMenu ul li:hover ul li:hover a{ background:#181818; } #innerWrapper.dashboard #leftWrapper{ width:29%; float:left; } #innerWrapper.dashboard #rightWrapper{ width:30.8%; float:right; } #userBox{ border:1px solid #555555; border-radius:10px; background:#f8f8f8; overflow:hidden; color:#181818; min-height:450px; } #userBox h3{ padding:8px 10px; border-bottom:1px solid #d3d3d3; background: #f2f5f6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-8 */ font-weight:500; color:#181818; font-family: 'Roboto'; } #userBox span.profilepic{ display:inline-block; width:120px; height:115px; overflow:hidden; margin:10px; } #userBox span.profilepic img{ width:100%; } #userBox .online{ border-radius:10px; line-height:20px; display:block; padding:2px 5px 2px 10px; text-align:left; cursor:pointer; background: #cdeb8e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZWI4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNWM5NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cdeb8e 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cdeb8e 0%,#a5c956 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cdeb8e 0%,#a5c956 100%); /* IE10+ */ background: linear-gradient(to bottom, #cdeb8e 0%,#a5c956 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-8 */ } #userBox .online i{ display:inline-block; background:url(images/Status-tray-online-icon.png) no-repeat center center / 100% auto; width:20px; height:20px; margin-right:5px; } #userBox .offline{ border-radius:10px; line-height:20px; display:block; padding:2px 5px 2px 10px; text-align:left; cursor:pointer; background: #ff1a00; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjFhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff1a00 0%, #ff1a00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff1a00), color-stop(100%,#ff1a00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff1a00 0%,#ff1a00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff1a00 0%,#ff1a00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff1a00 0%,#ff1a00 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff1a00 0%,#ff1a00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=0 ); /* IE6-8 */ } #userBox .offline i{ display:inline-block; background:url(images/offline.png) no-repeat center center / 100% auto; width:20px; height:20px; margin-right:5px; } #userBox .invisible{ border-radius:10px; line-height:20px; display:block; padding:2px 5px 2px 10px; text-align:left; cursor:pointer; background: #f2f5f6; /* Old browsers */ background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */ } #userBox .invisible i{ display:inline-block; background:url(images/invisible.png) no-repeat center center / 100% auto; width:20px; height:20px; margin-right:5px; } #userBox h2{ padding:6px 10px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; font-weight:400; font-size:14px; font-family: 'Roboto'; margin:0px; clear:both; } #whatNew li{ padding:5px 10px 5px 15px; border-bottom:1px solid #e4e4e4; font-size:11px; } #whatNew{ margin-bottom:10px; } #whatNew li a{ color:#111111; line-height:24px; } #whatNew li a img{ float:left; margin-right:10px; height:24px; } #whatNew li:hover { background:#E2E2E2; } #innerWrapper.dashboard #centerWrapper{ width:37%; float:left; background:#232326; min-height:450px; margin:0px 15px; border-radius:10px; } #innerWrapper.dashboard #centerWrapper #searchForm{ padding:10px 15px; } #searchForm ul li p{ display:inline-block; } #searchForm ul li{ padding:5px 5px; text-align:left; } #searchForm ul li p.searchtext{ display:inline-block; width:80px; text-align:right; margin-right:15px; } #centerWrapper h3{ border-bottom:1px solid #2B2B2C; font-weight:400; font-size:16px; font-family: 'Roboto'; margin:0px; clear:both; padding:15px 0px 10px 10px; } #centerWrapper h3 a{ float:right; color:#C0C0C0; font-size:11px; padding:0px 10px; display:inline-block; } #centerWrapper h3 a:hover{ text-decoration:underline; } #searchForm select, #searchForm input[type=text]{ padding:5px 8px; } p.searchbtn input[type=submit]{ background: #f6f8f9; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-8 */ padding:7px 20px; border-radius:10px; border:0px; cursor:pointer; } p.searchbtn{ text-align:right; display:block!important; padding:10px 0px 0px 0px; } p.searchbtn input[type=submit]:hover{ background:#F55437; } #recentActivity{ padding:10px; min-height:190px; max-height:250px; overflow:auto; } #rightWrapper h5{ padding:6px 10px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; font-weight:400; font-size:14px; font-family: 'Roboto'; margin:0px; clear:both; } #moreAttention{ background: #feffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2RkZjFmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMGQ4ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #feffff 0%, #ddf1f9 35%, #a0d8ef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#ddf1f9), color-stop(100%,#a0d8ef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* IE10+ */ background: linear-gradient(to bottom, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 ); /* IE6-8 */ padding:15px; min-height:120px; } #recommMatch h1{ font-family: 'Roboto'; font-size:19px; font-weight:normal; text-transform:uppercase; padding:5px 0px 10px 0px; } #recommMatch ul#foo0 li span.userpic{ width:150px; height:160px; display:inline-block; overflow:hidden; border:8px solid #141416; } #recommMatch ul#foo0 li p{ font-size:12px; text-align:center; } #recommMatch ul#foo0 li img{ width:100%; min-height:100%; } #memberLists li{ width:47%; margin:0px 15px 15px 0px; padding:5px; border:1px solid #232323; float:left; } #memberLists li #picture{ width:110px; height:115px; overflow:hidden; border:6px solid #232323; float:left; } #memberLists li #picture img{ width:100%; } #memberLists li:nth-child(2n){ margin-right:0px; } #memberLists li #details{ width:310px; padding:5px; float:right; font-size:11px; } #recommMatch ul#foo0 li a{ display:block; color:#FFFFFF; } .list_carousel{ clear:both; } #controls{ float:right; } #controls a{ color:#C0C0C0; } #memberLists li #details a{ color:#FFFFFF; } #memberLists li #details a:hover{ text-decoration:underline; } #memberLists li #details i{ color:#E7E7E7; padding:3px 0px 3px 0px; display:block; } #profileCompletion{ padding:10px; border-top:1px solid #d3d3d3; } #profileCompletion p a{ font-size:10px; color:#030303; text-decoration:underline; float:right; line-height:18px; font-weight:normal; } #profileCompletion p{ font-weight:bold; } #profileCompletion #nextStep{ margin:5px 0px; border:1px solid #d3d3d3; box-shadow:0px 0px 3px #CEDEE8; padding:7px 15px; border-radius:15px; font-size:11px; line-height:18px; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } #bar{ border:2px solid #37ABF0; margin:10px 0px 15px 0px; } #bar #fill{ padding:2px 0px; color:#fff; text-align:center; background:#37ABF0; font-family: 'Roboto'; } #profileCompletion #nextStep h5{ text-transform:capitalize; color:#37ABF0; font-size:12px; } #nextStep a{ display: block; color:#000; } #fromComp{ border:#181818 1px solid; margin:30px 0px; padding:25px; width:45%; background:#1D1D1E; } #addPhoto h4{ font-style:normal; font-weight:normal; font-family: 'Roboto'; font-size:19px; text-transform:capitalize; padding:0px 0px 10px 0px; border-bottom:1px dotted #404040; margin-bottom:10px; } #addPhoto span.numbers{ display:inline-block; padding:8px 13px; background:#404040; border-radius:50%; } #addPhoto table{ margin:15px 0px; } #addPhoto ul li{ list-style:decimal inside; padding:2px 0px; } #addPhoto input[type=file]{ border:1px solid #565656; padding:3px 5px 3px 3px; color:#181818; overflow:hidden; background:#F8F8F8; border-radius:3px; } #innerWrapper.uploadPorfilephotos h3{ font-size:22px; line-height:22px; font-family: 'Roboto'; font-weight:500; } #innerWrapper.uploadPorfilephotos h3 span{ font-size:12px; } #photoSucess{ padding:20px; border-radius:15px; overflow:hidden; border:1px solid #181818; margin-top:20px; background:#181818; } #photoSucess h5{ font-size:18px; padding:0px 0px 10px 0px; width:70%; float:left; color:#DB310A; } #photoSucess p{ padding:10px; width:70%; float:left; } #photoSucess span.photoPreview{ width:160px; height:160px; overflow:hidden; display:inline-block; float:right; margin:-20px -20px -20px 0px; } #photoSucess span.photoPreview img{ width:100%; } #photoGallery h3{ border-bottom:1px dotted #818181; font-size:18px; color:#D5D5D5; font-weight:400; padding:15px 0px 10px 0px; margin-bottom:10px; } #photoSections #addPhotos{ border:1px solid #d3d3d3; width:130px; height:140px; float:left; padding:1px 1px; margin:2px 0px; background:#FFF; } #photoSections #addPhotos label{ width:130px; height:140px; background:url(images/addPhoto.jpg) no-repeat left top; display:inline-block; cursor:pointer; overflow:hidden; } #photoSections #addPhotos img{ width:100%; } #PhotoList .next { } #PhotoList .next { background: url("images/arrows.png") no-repeat scroll left top transparent; cursor: pointer; height: 38px; width: 25px; background-position: right top; text-indent:9999px; margin-top:-85px; margin-right:0px; } #PhotoList .prev { background: url("images/arrows.png") no-repeat scroll left top transparent; cursor: pointer; height: 38px; width: 25px; background-position: left top; text-indent:9999px; ; margin-top:-85px; } #PhotoList{ float:right; width:750px; } #slideshowWrapper{ float:left; width:58%; padding:15px; background:#181818; } #profileUserDetails{ float:right; width:35%; } #slideshow a.advance-link img{ max-height:550px; max-width:550px; } div.slideshow-container{ height:550px!important; } #profileUserDetails ul.thumbs li a.thumb{ display:inline-block; width:80px; height:80px; overflow:hidden; padding:0px; } #profileUserDetails ul.thumbs li{ display:inline-block; } #profileUserDetails ul.thumbs li a.thumb img{ width:100%; min-height:100%; } #profileTitle{ background:#181818; padding:20px; border-radius:12px; } #profileTitle h2{ border:0px; font-style:italic; font-weight:normal; font-size:14px; line-height:normal; margin:0px; padding:0px; line-height:18px; color:#C0C0C0; text-align:center; } #info{ padding-left:10px; } #info p{ padding:2px 0px; font-size:11px; } #info p.uname a{ color:#FFFFFF; font-size:18px; font-family: 'Open Sans'; font-weight:500; display:inline-block; padding:15px 0px 5px 0px; } #quickview{ margin:15px 0px 0px 0px; border:1px solid #d3d3d3; background:#D5D5D5; color:#151515; padding:10px; font-size:11px; } #quickview strong { font-size:15px; font-family: 'Open Sans'; font-weight:400; display:inline-block; padding:0px 0px 5px 0px; } #ProfileWrapper #rightWrapper{ width:75%; float:right; padding-left:20px; border-left:1px solid #2C2C2C; } #ProfileWrapper #rightWrapper td{ padding:5px 10px; font-size:11px; color:#CBCBCB; } #ProfileWrapper #rightWrapper td#profiledetailhdr2{ background:#040404; border-bottom:1px solid #2C2C2C; border-top:1px solid #2C2C2C; font-size:14px; padding:8px 10px; font-family: 'Roboto'; font-weight:500; color:#ABABAB; } #ProfileWrapper #rightWrapper td#profiledetailhdr2 em{ font-style:normal; } #ProfileWrapper h1{ border-bottom:1px solid #303030; font-family: 'Roboto'; font-weight:normal; font-size:14px; color:#ABABAB; margin-bottom:15px; } #ProfileWrapper h1 strong{ border:1px solid #303030; border-bottom:0px; display:inline-block; padding:7px 20px; border-top-left-radius:10px; border-top-right-radius:10px; font-weight:normal; } #searchFormA{ padding:8px; border-radius:10px; background: #eeeeee; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */ color:#181818; margin:10px 0px; } #newMembers ul#foo0 li span.userpic{ width:125px; height:130px; display:inline-block; overflow:hidden; border:8px solid #141416; } #newMembers ul#foo0 li p{ font-size:12px; text-align:center; } #newMembers ul#foo0 li img{ width:100%; min-height:100%; } #newMembers ul#foo0 li a{ color:#EAEAEA; } #actionBtn a{ display:inline-block; padding:8px 20px; color:#333; font-family: 'Roboto'; font-style:italic; font-size:15px; line-height:22px; margin-top:20px; background: rgba(226,226,226,1); background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(227,224,227,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(227,224,227,1))); background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(227,224,227,1) 100%); background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(227,224,227,1) 100%); background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(227,224,227,1) 100%); background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(227,224,227,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e3e0e3', GradientType=0 ); border-radius:15px; } .mailBtn{ margin-left:15px; } #actionBtn a img{ float:left; margin-right:5px; } #actionBtn a:hover{ text-decoration:underline; box-shadow:0px 0px 5px #d3d3d3; background: #eeeeee; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */ } #jsonreply{ position:fixed; top:-990px; z-index:99999; left:50%; ; text-align:center; font-family: 'Open Sans'; padding:10px 20px; color:#FFFFFF; background:#333; font-size:13px; line-height:20px; font-weight:400; box-shadow:0px 0px 5px #666; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .jsonreplyon{ top:00px!important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #actionBtn a#sendinterest{ margin-left:10px; background: #f0f9ff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2NiZWJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWRiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-8 */ } #modal{ position:fixed; top:50%; left:50%; width:600px; margin:-125px 0px 0px -300px; background:#e4e4e4; border:10px solid #ccc; z-index:9; color:#030303; } .messagetoOwner form{ padding:10px; } #fullmessageModel{ font-size:12px; text-align:left; } .messagetoOwner label{ width:18%; display:inline-block; padding:5px 0px; text-transform:uppercase; float:left; } .messagetoOwner input[type=text]{ width:76%; border:1px solid #d3d3d3; border-left:#999 solid 4px; padding:4px 5px; } .messagetoOwner ul li{ padding:5px 5px 10px 5px; } .messagetoOwner textarea{ width:76%; resize:none; border:1px solid #d3d3d3; border-left:#999 solid 4px; padding:4px 5px; } .messagetoOwner h2{ padding:8px 10px!important; background:#FF8400; color:#000; text-transform:uppercase; font-size:14px!important; font-weight:bold!important; color:#FFF!important; border-bottom:0px!important; } .messagetoOwner input[type=button]{ float:right; margin:5px 25px 15px 0px; text-transform:uppercase; background: #f2f5f6; /* Old browsers */ background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */ font-family:Tahoma, Geneva, sans-serif; padding:5px 10px; border:1px solid #d3d3d3; } .messagetoOwner input[type=button]:hover{ background: #ff7400; /* Old browsers */ background: -moz-linear-gradient(top, #ff7400 0%, #ff7400 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7400), color-stop(100%,#ff7400)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff7400 0%,#ff7400 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff7400 0%,#ff7400 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff7400 0%,#ff7400 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff7400 0%,#ff7400 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#ff7400',GradientType=0 ); /* IE6-9 */ color:#FFF; } .messagetoOwner h2 img{ float:right; background:#FFF; max-height:20px; cursor:pointer; } .activelogin{ top:37%!important; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #memberAttributeFormID fieldset{ border:1px solid #666; padding:10px; margin:10px 0px; clear:both; } #memberAttributeFormID label.itemisedQuestion{ padding:5px 20px 0px 0px; display:inline-block; } #memberAttributeFormID label.itemisedQuestion input[type=checkbox]{ margin-right:5px; } #memberAttributeFormID h4{ font-size:15px; line-height:18px; padding:15px 0px 0px 0px; } #editPersona li{ clear:both; padding:10px 0px; border-bottom:1px solid #575757; } #editPersona label.questionLabel{ width:200px; margin-right:25px; display:inline-block; float:left; } #innerWrapper.uploadPorfilephotos h4{ font-size:15px; line-height:18px; padding:15px 0px 10px 0px; } .greyShinyButton{ float:right; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */ padding:6px 12px; border:0px; margin:15px 0px 10px 0px; } #editinterest .questionLabel{ width:230px; float:left; margin-right:15px; display:inline-block; } #editinterest span.full, #editinterest .optionleft{ width:700px; display:inline-block; } #editinterest li{ clear:both; padding:10px 0px; border-bottom:1px solid #575757; } #editinterest span.full label{ padding:3px 5px 3px 0px; display:inline-block; margin:3px 10px 3px 0px; } #editinterest span.full label input[type=checkbox]{ margin-right:5px; } #editPersona li textarea{ padding:7px; border-radius:5px; border:1px solid #d3d3d3; font-family:tahoma, "Myriad Pro", calibri; font-size:12px; line-height:18px; width:65%; } #editinterest.editMatches label.questionLabel{ width:200px; display:inline-block; } #editinterest.editMatches fieldset{ border:0px; padding:05px 0px; } #editinterest.editMatches select, #editinterest.editMatches input[type=text]{ padding:5px; } #editinterest.editMatches li#memberAttributeFormHeading{ font-weight:bold; font-family: 'Roboto'; font-size:18px; border-bottom:1px solid #3C3C3D; margin:0px 0px 10px 0px; padding:25px 5px 10px 5px; width:auto; float:none; font-weight:400; clear:both; } #editinterest.editMatches li{ padding:8px 5px ; border:0px; } #editinterest.editMatches li .optionleft label{ padding:3px 5px 3px 5px; margin:2px 5px 0px 0px; display:inline-block; } #editinterest.editMatches li .optionleft label input[type=checkbox]{ margin-right:5px; } span.divider{ display:inline-block; padding:0px 5px; } #foo2 li a{ display:none; padding:3px 5px; margin-bottom:-22px; background:rgba(255,255,255,0.5); color:#0F0F0F; font-size:11px; text-align:center; z-index:999; position:relative; font-family: 'Open Sans'; } #foo2 li:hover a{ display:block; } #foo2 li a:hover { text-decoration:underline; } #inbox{ margin:20px 10px; color:#131313; background:#222223; border:1px solid #222223; width:70%; float:right; padding:10px; } #inbox li{ background:#2B2B2C; clear:both; padding:10px 5px; cursor:pointer; color:#FFFFFF; } #inbox li:nth-child(odd){ background:#272728; } #inbox li img{ float:left; padding:5px; background:#FFF; border:1px solid #ccc; margin-right:15px; } #inbox li p{ padding:1px 0px; font-size:11px; } #inbox li p strong{ text-transform:capitalize; font-size:12px; } a.activetav p{ color:#fff; background:#ff8400; } #fullmessageModel{ position:fixed; top:50%; left:50%; color:#131313; width:800px; margin:-250px 0px 0px -400px; background:#fff; box-shadow: 0px 0px 0px 12px rgba(165,165,165,0.5); z-index:9999; } #fullmessageModel ul{ padding:0px 0px; max-height:300px; overflow:auto; } #fullmessageModel ul p{ padding:5px 10px; text-align:justify; font-family:Arial, Helvetica, sans-serif; line-height:18px; width:auto; } #fullmessageModel ul li{ padding:0px 0px; border-bottom:1px solid #e4e4e4; background: #f9fcf7; /* Old browsers */ background: -moz-linear-gradient(top, #f9fcf7 0%, #f5f9f0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fcf7), color-stop(100%,#f5f9f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9fcf7 0%,#f5f9f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9fcf7 0%,#f5f9f0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9fcf7 0%,#f5f9f0 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9fcf7 0%,#f5f9f0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */ } #fullmessageModel ul p strong{ text-transform:capitalize; font-size:14px; } #fullmessageModel ul p span{ float:right; } #fullmessageModel ul p.headp{background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ } #fullmessageModel h2{ padding:11px 10px!important; background:#F55438; color:#000; text-transform:uppercase; font-size:14px!important; font-weight:bold!important; color:#FFF!important; border-bottom:0px!important; font-family:Arial, Helvetica, sans-serif; } #fullmessageModel h2 img{ float:right; background:#FFF; max-height:20px; cursor:pointer; } #inputs center{ margin-bottom:15px; } #replyMessage{ padding:2px 10px; } #replyMessage textarea{ width:98%; margin:0px 0px; height:50px; resize:none; border:1px solid #d3d3d3; border-left:#999 solid 4px; padding:4px 5px; } #replyMessage input[type=button]{ float:right; margin:0px 25px 5px 0px; text-transform:uppercase; background: #f2f5f6; /* Old browsers */ background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */ font-family:Tahoma, Geneva, sans-serif; padding:4px 10px; border:1px solid #d3d3d3; } #replyMessage input[type=button]:hover{ background: #ff7400; /* Old browsers */ background: -moz-linear-gradient(top, #ff7400 0%, #ff7400 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7400), color-stop(100%,#ff7400)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff7400 0%,#ff7400 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff7400 0%,#ff7400 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff7400 0%,#ff7400 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff7400 0%,#ff7400 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#ff7400',GradientType=0 ); /* IE6-9 */ color:#FFF; } #replyMessage ul{ padding:5px 0px; } a.delmsg{ position:absolute; z-index:999; right:15px; opacity:0.2; padding:2px 10px; font-size:11px; color:#2D2D2D; } #fullmessageModel ul li:hover a.delmsg{ opacity:0.8; } #inbox{ position:relative; } #fullmessageModel ul li:hover a.delmsg:hover{ opacity:1; color:#C61115; } ul#inbox h2.mailheading{ background: #45484d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */ color:#DFDFDF; width:100%; margin:-10px 0px 0px -10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:12px 10px!important; font-size:18px; border:0px; margin-bottom:10px; } ul#inbox{ border-top-left-radius:10px; border-top-right-radius:10px; } ul#inbox h2{ border:0px; padding-left:0px; } ul#mailmenu{ width:21%; float:left; padding:10px; background:#222223; margin-top:20px; box-shadow:0px 0px 8px #333; border-radius:10px; } ul#mailmenu li a{ display:block; padding:5px 10px; color:#C0C0C0; background:#272728; border-bottom:1px solid #222223; line-height:32px; } ul#mailmenu li a:hover, ul#mailmenu li a.active{ background:#373738; } ul#mailmenu li a img{ float:left; } #leftactionWrapper{ width:22%; text-align:center; float:left; } #leftactionWrapper a.btn{ padding:8px 10px; display:block; margin:5px 20px 10px 20px; color:#2A2A2A; border-radius:5px; border:1px solid #d3d3d3; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */ } #memberAttributeFormHeading .showmore{ float:right; } #memberAttributeFormHeading .showmore a{ display:inline-block; font-size:11px; color:#CCCCCC; padding:5px 10px; border:1px solid #222222; background:#222222; margin-top:-5px; border-radius:5px; } #loginPage h2{ text-align:left; } #loginPage label{ color:#141414; } #loginPage table{ margin:60px auto; } #loginPage #loginForm td p a{ color:#D4D4D4; } div#errormsg{ background:#1F1F21; color:#C0C0C0; margin-top:25px; padding:12px 0px; margin-bottom:15px; font-family: 'Roboto'; font-style: normal; font-weight: 400; text-align:center; } .classname { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #c4c4c4) ); background:-moz-linear-gradient( center top, #ededed 5%, #c4c4c4 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#c4c4c4'); background-color:#ededed; -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; text-indent:0; border:1px solid #dcdcdc; display:inline-block; color:#555; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size:12px; padding:5px 15px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #ffffff; } .classname:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c4c4c4), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #c4c4c4 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4c4c4', endColorstr='#ededed'); background-color:#c4c4c4; }.classname:active { position:relative; top:1px; } /* This button was generated using CSSButtonGenerator.com */ body#mail li.mailbtn a, body#search li.searchbtn a, body#mail li.mailbtn a, body#mail li.mailbtn a { color:#F55439; } #pictures{ position:absolute; padding-top:10px; right:0; width:25%; margin-right:-25%; } #userBox span.profilepic img.verfied{ width:auto; height:auto; min-height:0; position:absolute; margin:-7px 0px 0px -4px; } #footer{ font-size:11px; } #footer a{ color:#181818; padding:0px 10px; text-decoration:underline; } #footer a:hover{ text-decoration:none; } #formpage{ padding:25px; width:500px; background:#202021; border-radius:5px; font-size:12px; margin-bottom:45px; margin-left:20px; } #formpage label{ display:block; padding:15px 0px 8px 0px; } #formpage input[type=text], #formpage textarea{ width:97%; padding:9px 9px; resize:none; border:1px solid #d3d3d3; } #formpage #upload-dropzone{ border:1px solid #DDDDDD; background:#EAEAEA; padding:7px; color:#2D2D2D; text-align:center; margin:0px 0px 15px 0px; } #formpage #upload-dropzone input{ display:none; } #blogEnteries{ background:#232326; padding:15px 20px; margin:15px 0px 0px 0px; border-radius:15px; } #blogEnteries h3{ font-family: 'Roboto'; font-size:22px; font-weight:700; padding:5px 0px 15px 0px; } #blogEnteries ul li{ width:40%; margin-right:20px; padding:15px 15px 15px 60px; background: url(images/blog_compose.png) no-repeat 10px center / 40px auto #0F0F11; float:left; } #blogEnteries ul li h2{ font-size:14px; border:0px; font-weight:normal; margin:0px; padding:0px; line-height:18px; min-height:36px; } #blogEnteries ul li:last-child{ margin:0px; } #blogEnteries ul li h2 a{ color:#FFFFFF; display:block; } #blogEnteries ul li h2 a:hover{ text-decoration:underline; } #blogEnteries a.viewAllbtn{ background:#0F0F11; display:inline-block; float:right; color:#FFFFFF; margin-top:-5px; padding:5px 12px; font-size:12px; font-weight:normal; } #blogEnteries a.viewAllbtn:hover{ text-decoration:underline; color:#fff!important; background:#F55438; } #recentActivity #memberLists #picture{ width:66px; height:66px; } #recentActivity #memberLists li{ width:auto; float:none; clear:both; border:0px; padding:5px 0px; } #recentActivity #memberLists li #details{ width:165px; } #recentActivity #memberLists li .uname a{ color:#181818; border:0px; } #recentActivity #memberLists li{ margin-right:0px!important; } #userRecommendation{ position:absolute; right:0; top:210px; padding:15px; background: #0F0F11; border-radius:15px; width:135px; } #userRecommendation li img{ width:100%; } #userRecommendation li span.userpic{ margin:0px 20px; display:inline-block; max-height:110px!important; overflow:hidden; } #userRecommendation li a{ font-weight:bold; color:#FFFFFF; display:inline-block; padding:5px 0px 10px 0px; font-size:11px; } #leftad{ position:absolute; left:15px; top:210px; overflow:hidden; background: #0F0F11; border-radius:15px; width:150px; } #leftad img{ width:100%; } #header a.upgradeAccount{ position:absolute; right:0; top:0; color:#FFFFFF; font-family: 'Roboto'; font-size:14px; font-weight:500; border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadhow:0px 0px 10px #999; } .upgradeAccount { -moz-box-shadow:inset 0px -1px 0px 0px #fce2c1; -webkit-box-shadow:inset 0px -1px 0px 0px #fce2c1; box-shadow:inset 0px -1px 0px 0px #fce2c1; backgroun This topic has been moved to CSS Help. http://www.phpfreaks.com/forums/index.php?topic=359215.0 Hello. I'm using a php script to upload file. I've used an iframe inserted on the upload page that refreshes every second/3sec. to display percentage uploaded. forget percentage, lets take a simple example. Presently, my iframe displays last two digits of PHP time() function that change constantly. If you see the live example at: http://mintload.com/upload/upload-single.php The last two digits of time() function are shown and iframe is refreshed every 1 sec. But, the moment one clicks "Upload" button, the file starts uploading, but iframe no more refreshes & freezes. In IE7 it works fine. Why not in Firefox Latest Ver: 3.6 ? code for iframe: Code: (php) [Select] header("refresh:1; $_SERVER[PHP_SELF]"); echo substr(time(),-2,2); My point is, just as in IE, my iframe shouldnt freeze refreshing even if a file is being uploaded. Any code/functions? The problem is taking place in Firefox. Please help. Thank you. Hi, I am using Snoopy class to read contents of a web page. But it doesn't perfectly simulate the browser because the content of web page changes when I use Snoopy to fetch it. And if I view it in browser directly then content is different. I even set the user agent string in Snoopy but still no luck. How can we perfectly simulate browser so it is indistinguishable whether we are using some script or a browser to view web page? Thanks hello all,
I want to create a script similar to the following two sites:
zopium
livechatinc
i am confused where to start , i want to know what framework will be best for creating such a script i can learn any frameworks and can start working on it ,i have got 2 months to coomplet the project also i want to know what kind of resources i will be required to make a complete set up,
I know i am new to this forum so if i have posted in worng section then please point me to the right section so that i can move the post there or moderators feel free to move this post
i want to know each and every espects that will be required and i should take care of while creating this project
hoping to hear soon from you guys
thanks
Chrome is the browser I use, I have it set up so that the script detects safari and chrome as separate entities. When I browse to it, it shows: You are using Windows XP with a Chrome Web Browserwith a Safari Web Browser now I know stristr() is a case-insensitive version of strstr(), which will find the first form of a word in a string. The problem is that when I use it, the rest of the script doesn't work... it goes to the part as if nothing is there, and shows the text on the bottom. I can't figure out why. Can someone help me, is there a chrome/safari level of priority or am I just missing something? Code: [Select] <?php //Booleans to set OS and Browser to False. $os = false; $browser = false; //Booleans for Web Browser & OS Functions. $xp = xp(); $vista = vista(); $win7 = win7(); $ubuntu = ubuntu(); $chrome = chrome(); $safari = safari(); $firefox = firefox(); $ie9 = ie9(); $ie8 = ie8(); //Operating Systems function xp(){return(preg_match("/Windows NT 5.1/", $_SERVER['HTTP_USER_AGENT']));} function vista(){return(preg_match("/Windows NT 6.0/", $_SERVER['HTTP_USER_AGENT']));} function win7(){return(preg_match("/Windows NT 6.1/", $_SERVER['HTTP_USER_AGENT']));} function ubuntu(){return(preg_match("/Ubuntu/", $_SERVER['HTTP_USER_AGENT']));} //Web Browsers function chrome(){return(preg_match("/Chrome/", $_SERVER['HTTP_USER_AGENT']));} function safari(){return(preg_match("/Safari/", $_SERVER['HTTP_USER_AGENT']));} function firefox(){return(preg_match("/Firefox/", $_SERVER['HTTP_USER_AGENT']));} function ie9(){return(preg_match("/MSIE 9.0/", $_SERVER['HTTP_USER_AGENT']));} function ie8(){return(preg_match("/MSIE 8.0/", $_SERVER['HTTP_USER_AGENT']));} // If you have one of the valid Operating System. if($ubuntu){echo 'You are using Ubuntu Operating System ';} if($xp){echo 'You are using Windows XP ';} if($vista){echo 'You are using Windows Vista Operating System ';} if($win7){echo 'You are using Windows 7 Operating System ';} // If you have one of the valid Web Browser. if($chrome){echo 'with a Chrome Web Browser';} if($firefox){echo 'with an Firefox Web Browser';} if($safari){echo 'with a Safari Web Browser';} if($ie8){echo 'with an Internet Explorer 8 Web Browser';} if($ie9){echo 'with an Internet Explorer 9 Web Browser';} //If OS or Browser not found in list. if ($ubuntu || $xp || $vista || $win7) $os = true; if($firefox || $chrome || $safari || $ie9 || $ie8) $browser = true; if(!$browser || !$os){ echo'<strong>'; echo '<br />' . $_SERVER['HTTP_USER_AGENT'] . '<br /><br />Administrator someone in your work force is using an unsupported browser or OS, please email this information to the developer of the NCMR software you are using. It will allow your browser/OS combination to be used correctly. Sorry for the inconvenience.</strong> <br /><br />Please copy and paste the text above and send it to your web administrator. It will explain everything he/she needs to do.<br />';} ?> |