/**
* Note: This file may contain artifacts of previous malicious infection.
* However, the dangerous code has been removed, and the file is now safe to use.
*/

/**
 * @file
 * Pathologic text filter for Drupal.
 *
 * This input filter attempts to make sure that link and image paths will
 * always be correct, even when domain names change, content is moved from one
 * server to another, the Clean URLs feature is toggled, etc.
 */

/**
 * Implements hook_filter_info().
 */
function pathologic_filter_info() {
  return array(
    'pathologic' => array(
      'title' => t('Correct URLs with Pathologic'),
      'process callback' => '_pathologic_filter',
      'settings callback' => '_pathologic_settings',
      'default settings' => array(
        'local_paths' => '',
        'protocol_style' => 'full',
      ),
      // Set weight to 50 so that it will hopefully appear at the bottom of
      // filter lists by default. 50 is the maximum value of the weight menu
      // for each row in the filter table (the menu is hidden by JavaScript to
      // use table row dragging instead when JS is enabled).
      'weight' => 50,
    )
  );
}

/**
 * Settings callback for Pathologic.
 */
function _pathologic_settings($form, &$form_state, $filter, $format, $defaults, $filters) {
  return array(
    'reminder' => array(
      '#type' => 'item',
      '#title' => t('In most cases, Pathologic should be the <em>last</em> filter in the &ldquo;Filter processing order&rdquo; list.'),
      '#weight' => -10,
    ),
    'protocol_style' => array(
      '#type' => 'radios',
      '#title' => t('Processed URL format'),
      '#default_value' => isset($filter->settings['protocol_style']) ? $filter->settings['protocol_style'] : $defaults['protocol_style'],
      '#options' => array(
        'full' => t('Full URL (<code>http://example.com/foo/bar</code>)'),
        'proto-rel' => t('Protocol relative URL (<code>//example.com/foo/bar</code>)'),
        'path' => t('Path relative to server root (<code>/foo/bar</code>)'),
      ),
      '#description' => t('The <em>Full URL</em> option is best for stopping broken images and links in syndicated content (such as in RSS feeds), but will likely lead to problems if your site is accessible by both HTTP and HTTPS. Paths output with the <em>Protocol relative URL</em> option will avoid such problems, but feed readers and other software not using up-to-date standards may be confused by the paths. The <em>Path relative to server root</em> option will avoid problems with sites accessible by both HTTP and HTTPS with no compatibility concerns, but will absolutely not fix broken images and links in syndicated content.'),
      '#weight' => 10,
    ),
    'local_paths' => array(
      '#type' => 'textarea',
      '#title' =>  t('All base paths for this site'),
      '#default_value' => isset($filter->settings['local_paths']) ? $filter->settings['local_paths'] : $defaults['local_paths'],
        '#description' => t('If this site is or was available at more than one base path or URL, enter them here, separated by line breaks. For example, if this site is live at <code>http://example.com/</code> but has a staging version at <code>http://dev.example.org/staging/</code>, you would enter both those URLs here. If confused, please read <a href="!docs">Pathologic&rsquo;s documentation</a> for more information about this option and what it affects.', array('!docs' => 'http://drupal.org/node/257026')),
      '#weight' => 20,
    ),
  );
}

/**
 * Pathologic filter callback.
 *
 * Previous versions of this module worked (or, rather, failed) under the
 * assumption that $langcode contained the language code of the node. Sadly,
 * this isn't the case.
 * @see http://drupal.org/node/1812264
 * However, it turns out that the language of the current node isn't as
 * important as the language of the node we're linking to, and even then only
 * if language path prefixing (eg /ja/node/123) is in use. REMEMBER THIS IN THE
 * FUTURE, ALBRIGHT.
 *
 * The below code uses the @ operator before parse_url() calls because in PHP
 * 5.3.2 and earlier, parse_url() causes a warning of parsing fails. The @
 * operator is usually a pretty strong indicator of code smell, but please don't
 * judge me by it in this case; ordinarily, I despise its use, but I can't find
 * a cleaner way to avoid this problem (using set_error_handler() could work,
 * but I wouldn't call that "cleaner"). Fortunately, Drupal 8 will require at
 * least PHP 5.3.5, so this mess doesn't have to spread into the D8 branch of
 * Pathologic.
 * @see https://drupal.org/node/2104849
 *
 * @todo Can we do the parsing of the local path settings somehow when the
 * settings form is submitted instead of doing it here?
 */
function _pathologic_filter($text, $filter, $format, $langcode, $cache, $cache_id) {
  // Get the base URL and explode it into component parts. We add these parts
  // to the exploded local paths settings later.
  global $base_url;
  $base_url_parts = @parse_url($base_url . '/');
  // Since we have to do some gnarly processing even before we do the *really*
  // gnarly processing, let's static save the settings - it'll speed things up
  // if, for example, we're importing many nodes, and not slow things down too
  // much if it's just a one-off. But since different input formats will have
  // different settings, we build an array of settings, keyed by format ID.
  $cached_settings = &drupal_static(__FUNCTION__, array());
  if (!isset($cached_settings[$filter->format])) {
    $filter->settings['local_paths_exploded'] = array();
    if ($filter->settings['local_paths'] !== '') {
      // Build an array of the exploded local paths for this format's settings.
      // array_filter() below is filtering out items from the array which equal
      // FALSE - so empty strings (which were causing problems.
      // @see http://drupal.org/node/1727492
      $local_paths = array_filter(array_map('trim', explode("\n", $filter->settings['local_paths'])));
      foreach ($local_paths as $local) {
        $parts = @parse_url($local);
        // Okay, what the hellish "if" statement is doing below is checking to
        // make sure we aren't about to add a path to our array of exploded
        // local paths which matches the current "local" path. We consider it
        // not a match, if…
        // @todo: This is pretty horrible. Can this be simplified?
        if (
          (
            // If this URI has a host, and…
            isset($parts['host']) &&
            (
              // Either the host is different from the current host…
              $parts['host'] !== $base_url_parts['host']
              // Or, if the hosts are the same, but the paths are different…
              // @see http://drupal.org/node/1875406
              || (
                // Noobs (like me): "xor" means "true if one or the other are
                // true, but not both."
                (isset($parts['path']) xor isset($base_url_parts['path']))
                || (isset($parts['path']) && isset($base_url_parts['path']) && $parts['path']  !== $base_url_parts['path'])
              )
            )
          ) ||
          // Or…
          (
            // The URI doesn't have a host…
            !isset($parts['host'])
          ) &&
          // And the path parts don't match (if either doesn't have a path
          // part, they can't match)…
          (
            !isset($parts['path']) ||
            !isset($base_url_parts['path']) ||
            $parts['path'] !== $base_url_parts['path']
          )
        ) {
          // Add it to the list.
          $filter->settings['local_paths_exploded'][] = $parts;
        }
      }
    }
    // Now add local paths based on "this" server URL.
    $filter->settings['local_paths_exploded'][] = array('path' => $base_url_parts['path']);
    $filter->settings['local_paths_exploded'][] = array('path' => $base_url_parts['path'], 'host' => $base_url_parts['host']);
    // We'll also just store the host part separately for easy access.
    $filter->settings['base_url_host'] = $base_url_parts['host'];

    $cached_settings[$filter->format] = $filter->settings;
  }
  // Get the language code for the text we're about to process.
  $cached_settings['langcode'] = $langcode;
  // And also take note of which settings in the settings array should apply.
  $cached_settings['current_settings'] = &$cached_settings[$filter->format];

  // Now that we have all of our settings prepared, attempt to process all
  // paths in href, src, action or longdesc HTML attributes. The pattern below
  // is not perfect, but the callback will do more checking to make sure the
  // paths it receives make sense to operate upon, and just return the original
  // paths if not.
  return preg_replace_callback('~ (href|src|action|longdesc)="([^"]+)~i', '_pathologic_replace', $text);
}

/**
 * Process and replace paths. preg_replace_callback() callback.
 */
function _pathologic_replace($matches) {
  // Get the base path.
  global $base_path;

  // Get the settings for the filter. Since we can't pass extra parameters
  // through to a callback called by preg_replace_callback(), there's basically
  // three ways to do this that I can determine: use eval() and friends; abuse
  // globals; or abuse drupal_static(). The latter is the least offensive, I
  // guess… Note that we don't do the & thing here so that we can modify
  // $cached_settings later and not have the changes be "permanent."
  $cached_settings = drupal_static('_pathologic_filter');
  // If it appears the path is a scheme-less URL, prepend a scheme to it.
  // parse_url() cannot properly parse scheme-less URLs. Don't worry; if it
  // looks like Pathologic can't handle the URL, it will return the scheme-less
  // original.
  // @see https://drupal.org/node/1617944
  // @see https://drupal.org/node/2030789
  if (strpos($matches[2], '//') === 0) {
    if (isset($_SERVER['https']) && strtolower($_SERVER['https']) === 'on') {
      $matches[2] = 'https:' . $matches[2];
    }
    else {
      $matches[2] = 'http:' . $matches[2];
    }
  }
  // Now parse the URL after reverting HTML character encoding.
  // @see http://drupal.org/node/1672932
  $original_url = htmlspecialchars_decode($matches[2]);
  // …and parse the URL
  $parts = @parse_url($original_url);
  // Do some more early tests to see if we should just give up now.
  if (
    // If parse_url() failed, give up.
    $parts === FALSE
    || (
      // If there's a scheme part and it doesn't look useful, bail out.
      isset($parts['scheme'])
      // We allow for the storage of permitted schemes in a variable, though we
      // don't actually give the user any way to edit it at this point. This
      // allows developers to set this array if they have unusual needs where
      // they don't want Pathologic to trip over a URL with an unusual scheme.
      // @see http://drupal.org/node/1834308
      // "files" and "internal" are for Path Filter compatibility.
      && !in_array($parts['scheme'], variable_get('pathologic_scheme_whitelist', array('http', 'https', 'files', 'internal')))
    )
    // Bail out if it looks like there's only a fragment part.
    || (isset($parts['fragment']) && count($parts) === 1)
  ) {
    // Give up by "replacing" the original with the same.
    return $matches[0];
  }

  if (isset($parts['path'])) {
    // Undo possible URL encoding in the path.
    // @see http://drupal.org/node/1672932
    $parts['path'] = rawurldecode($parts['path']);
  }
  else {
    $parts['path'] = '';
  }

  // Check to see if we're dealing with a file.
  // @todo Should we still try to do path correction on these files too?
  if (isset($parts['scheme']) && $parts['scheme'] === 'files') {
    // Path Filter "files:" support. What we're basically going to do here is
    // rebuild $parts from the full URL of the file.
    $new_parts = @parse_url(file_create_url(file_default_scheme() . '://' . $parts['path']));
    // If there were query parts from the original parsing, copy them over.
    if (!empty($parts['query'])) {
      $new_parts['query'] = $parts['query'];
    }
    $new_parts['path'] = rawurldecode($new_parts['path']);
    $parts = $new_parts;
    // Don't do language handling for file paths.
    $cached_settings['is_file'] = TRUE;
  }
  else {
    $cached_settings['is_file'] = FALSE;
  }

  // Let's also bail out of this doesn't look like a local path.
  $found = FALSE;
  // Cycle through local paths and find one with a host and a path that matches;
  // or just a host if that's all we have; or just a starting path if that's
  // what we have.
  foreach ($cached_settings['current_settings']['local_paths_exploded'] as $exploded) {
    // If a path is available in both…
    if (isset($exploded['path']) && isset($parts['path'])
      // And the paths match…
      && strpos($parts['path'], $exploded['path']) === 0
      // And either they have the same host, or both have no host…
      && (
        (isset($exploded['host']) && isset($parts['host']) && $exploded['host'] === $parts['host'])
        || (!isset($exploded['host']) && !isset($parts['host']))
      )
    ) {
      // Remove the shared path from the path. This is because the "Also local"
      // path was something like http://foo/bar and this URL is something like
      // http://foo/bar/baz; or the "Also local" was something like /bar and
      // this URL is something like /bar/baz. And we only care about the /baz
      // part.
      $parts['path'] = drupal_substr($parts['path'], drupal_strlen($exploded['path']));
      $found = TRUE;
      // Break out of the foreach loop
      break;
    }
    // Okay, we didn't match on path alone, or host and path together. Can we
    // match on just host? Note that for this one we are looking for paths which
    // are just hosts; not hosts with paths.
    elseif ((isset($parts['host']) && !isset($exploded['path']) && isset($exploded['host']) && $exploded['host'] === $parts['host'])) {
      // No further editing; just continue
      $found = TRUE;
      // Break out of foreach loop
      break;
    }
    // Is this is a root-relative url (no host) that didn't match above?
    // Allow a match if local path has no path,
    // but don't "break" because we'd prefer to keep checking for a local url
    // that might more fully match the beginning of our url's path
    // e.g.: if our url is /foo/bar we'll mark this as a match for
    // http://example.com but want to keep searching and would prefer a match
    // to http://example.com/foo if that's configured as a local path
    elseif (!isset($parts['host']) && (!isset($exploded['path']) || $exploded['path'] === $base_path)) {
      $found = TRUE;
    }
  }

  // If the path is not within the drupal root return original url, unchanged
  if (!$found) {
    return $matches[0];
  }

  // Okay, format the URL.
  // If there's still a slash lingering at the start of the path, chop it off.
  $parts['path'] = ltrim($parts['path'],'/');

  // Examine the query part of the URL. Break it up and look through it; if it
  // has a value for "q", we want to use that as our trimmed path, and remove it
  // from the array. If any of its values are empty strings (that will be the
  // case for "bar" if a string like "foo=3&bar&baz=4" is passed through
  // parse_str()), replace them with NULL so that url() (or, more
  // specifically, drupal_http_build_query()) can still handle it.
  if (isset($parts['query'])) {
    parse_str($parts['query'], $parts['qparts']);
    foreach ($parts['qparts'] as $key => $value) {
      if ($value === '') {
        $parts['qparts'][$key] = NULL;
      }
      elseif ($key === 'q') {
        $parts['path'] = $value;
        unset($parts['qparts']['q']);
      }
    }
  }
  else {
    $parts['qparts'] = NULL;
  }

  // If we don't have a path yet, bail out.
  if (!isset($parts['path'])) {
    return $matches[0];
  }

  // If we didn't previously identify this as a file, check to see if the file
  // exists now that we have the correct path relative to DRUPAL_ROOT
  if (!$cached_settings['is_file']) {
    $cached_settings['is_file'] = !empty($parts['path']) && is_file(DRUPAL_ROOT . '/'. $parts['path']);
  }

  // Okay, deal with language stuff.
  if ($cached_settings['is_file']) {
    // If we're linking to a file, use a fake LANGUAGE_NONE language object.
    // Otherwise, the path may get prefixed with the "current" language prefix
    // (eg, /ja/misc/message-24-ok.png)
    $parts['language_obj'] = (object) array('language' => LANGUAGE_NONE, 'prefix' => '');
  }
  else {
    // Let's see if we can split off a language prefix from the path.
    if (module_exists('locale')) {
      // Sometimes this file will be require_once-d by the locale module before
      // this point, and sometimes not. We require_once it ourselves to be sure.
      require_once DRUPAL_ROOT . '/includes/language.inc';
      list($language_obj, $path) = language_url_split_prefix($parts['path'], language_list());
      if ($language_obj) {
        $parts['path'] = $path;
        $parts['language_obj'] = $language_obj;
      }
    }
  }

  // If we get to this point and $parts['path'] is now an empty string (which
  // will be the case if the path was originally just "/"), then we
  // want to link to <front>.
  if ($parts['path'] === '') {
    $parts['path'] = '<front>';
  }
  // Build the parameters we will send to url()
  $url_params = array(
    'path' => $parts['path'],
    'options' => array(
      'query' => $parts['qparts'],
      'fragment' => isset($parts['fragment']) ? $parts['fragment'] : NULL,
      // Create an absolute URL if protocol_style is 'full' or 'proto-rel', but
      // not if it's 'path'.
      'absolute' => $cached_settings['current_settings']['protocol_style'] !== 'path',
      // If we seem to have found a language for the path, pass it along to
      // url(). Otherwise, ignore the 'language' parameter.
      'language' => isset($parts['language_obj']) ? $parts['language_obj'] : NULL,
      // A special parameter not actually used by url(), but we use it to see if
      // an alter hook implementation wants us to just pass through the original
      // URL.
      'use_original' => FALSE,
    ),
  );

  // Add the original URL to the parts array
  $parts['original'] = $original_url;

  // Now alter!
  // @see http://drupal.org/node/1762022
  drupal_alter('pathologic', $url_params, $parts, $cached_settings);

  // If any of the alter hooks asked us to just pass along the original URL,
  // then do so.
  if ($url_params['options']['use_original']) {
    return $matches[0];
  }

  // If the path is for a file and clean URLs are disabled, then the path that
  // url() will create will have a q= query fragment, which won't work for
  // files. To avoid that, we use this trick to temporarily turn clean URLs on.
  // This is horrible, but it seems to be the sanest way to do this.
  // @see http://drupal.org/node/1672430
  // @todo Submit core patch allowing clean URLs to be toggled by option sent
  // to url()?
  if (!empty($cached_settings['is_file'])) {
    $cached_settings['orig_clean_url'] = !empty($GLOBALS['conf']['clean_url']);
    if (!$cached_settings['orig_clean_url']) {
      $GLOBALS['conf']['clean_url'] = TRUE;
    }
  }

  // Now for the url() call. Drumroll, please…
  $url = url($url_params['path'], $url_params['options']);

  // If we turned clean URLs on before to create a path to a file, turn them
  // back off.
  if ($cached_settings['is_file'] && !$cached_settings['orig_clean_url']) {
    $GLOBALS['conf']['clean_url'] = FALSE;
  }

  // If we need to create a protocol-relative URL, then convert the absolute
  // URL we have now.
  if ($cached_settings['current_settings']['protocol_style'] === 'proto-rel') {
    // Now, what might have happened here is that url() returned a URL which
    // isn't on "this" server due to a hook_url_outbound_alter() implementation.
    // We don't want to convert the URL in that case. So what we're going to
    // do is cycle through the local paths again and see if the host part of
    // $url matches with the host of one of those, and only alter in that case.
    $url_parts = @parse_url($url);
    if (!empty($url_parts['host']) && $url_parts['host'] === $cached_settings['current_settings']['base_url_host']) {
      $url = _pathologic_url_to_protocol_relative($url);
    }
  }

  // Apply HTML character encoding, as is required for HTML attributes.
  // @see http://drupal.org/node/1672932
  $url = check_plain($url);
  // $matches[1] will be the tag attribute; src, href, etc.
  return " {$matches[1]}=\"{$url}";
}

/**
 * Convert a full URL with a protocol to a protocol-relative URL.
 *
 * As the Drupal core url() function doesn't support protocol-relative URLs, we
 * work around it by just creating a full URL and then running it through this
 * to strip off the protocol.
 *
 * Though this is just a one-liner, it's placed in its own function so that it
 * can be called independently from our test code.
 */
function _pathologic_url_to_protocol_relative($url) {
  return preg_replace('~^https?://~', '//', $url);
}
<!doctype html>
<html dir="rtl" lang="ar"  prefix="og:  http://ogp.me/ns#" >
<head>
<title>عندي سؤال | أنا أعجبت بفتاة عبر الانترنت، وأريد أن أسير معها كما حدد الشرع.. أن أطلبها من أهلها بعد أن أعرف رأيها وأتعرف عليها أكثر.. لكن الفتاة من ص...</title>
<meta charset="utf-8" />
<link rel="alternate"  type="application/rss+xml" title="الحب ثقافة" href="https://almontada.lmarabic.com/feed" />
<meta name="description" content="أنا أعجبت بفتاة عبر الانترنت، وأريد أن أسير معها كما حدد الشرع.. أن أطلبها من أهلها بعد أن أعرف رأيها وأتعرف عليها أكثر.. لكن الفتاة من صعيد مصر وأنا من دمنهور في الشمال.. وعادات الناس مختلفة تماما في الشمال عن الجنوب.. واللهجة مختلفة.. سؤالي هل هذه الإختلافات قد تؤثر علينا مستقبلا أم هي أشياء بسيطة اصلا. وهل من الأفضل الارتباط بفتاة من نفس الثقافة أم لا داعي لذلك؟" />
<link rel="canonical" href="https://almontada.lmarabic.com/forum/question/140516" />
<link rel="shortlink" href="https://almontada.lmarabic.com/node/140516" />
<meta property="fb:admins" content="100002625403003" />
<meta property="og:site_name" content="الحب ثقافة" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://almontada.lmarabic.com/forum/question/140516" />
<meta property="og:title" content="أنا أعجبت بفتاة عبر الانترنت، وأريد أن أسير معها كما حدد الشرع.. أن أطلبها من أهلها بعد أن أعرف رأيها وأتعرف عليها أكثر.. لكن الفتاة من ص..." />
<meta property="og:description" content="أنا أعجبت بفتاة عبر الانترنت، وأريد أن أسير معها كما حدد الشرع.. أن أطلبها من أهلها بعد أن أعرف رأيها وأتعرف عليها أكثر.. لكن الفتاة من صعيد مصر وأنا من دمنهور في الشمال.. وعادات الناس مختلفة تماما في الشمال عن الجنوب.. واللهجة مختلفة.. سؤالي هل هذه الإختلافات قد تؤثر علينا مستقبلا أم هي أشياء بسيطة اصلا. وهل من الأفضل الارتباط بفتاة من نفس الثقافة أم لا داعي لذلك؟" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@LoveMattersAR" />
<meta name="twitter:url" content="https://almontada.lmarabic.com/forum/question/140516" />
<meta name="twitter:title" content="أنا أعجبت بفتاة عبر الانترنت، وأريد أن أسير معها كما حدد الشرع.. أن" />
<meta name="twitter:description" content="أنا أعجبت بفتاة عبر الانترنت، وأريد أن أسير معها كما حدد الشرع.. أن أطلبها من أهلها بعد أن أعرف رأيها وأتعرف عليها أكثر.. لكن الفتاة من صعيد مصر وأنا من دمنهور في الشمال.. وعادات الناس مختلفة تماما" />
<link rel="apple-touch-icon" sizes="144x144" href="/sites/all/themes/lovematters_v2/images/default/logo/ar/icon_144x144.png">
<link rel="apple-touch-icon" sizes="114x114" href="/sites/all/themes/lovematters_v2/images/default/logo/ar/icon_114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/sites/all/themes/lovematters_v2/images/default/logo/ar/icon_72x72.png">
<link rel="apple-touch-icon" href="/sites/all/themes/lovematters_v2/images/default/logo/ar/icon_57x57.png">
<link rel="icon" type="image/x-icon" href="/sites/all/themes/lovematters_v2/images/default/logo/ar/favicon.ico"/>
<link rel="shortcut icon"  type="image/png" href="/sites/all/themes/lovematters_v2/images/default/logo/ar/favicon.png" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="MobileOptimized" content="width">
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--[if IEMobile]><meta http-equiv="cleartype" content="on"><![endif]-->
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="https://almontada.lmarabic.com/sites/default/files/css/css_LEoi-u_J7G3VU-qavmCQGLss4mG8ElqL1U2RmJeUCkk.css" media="screen" />
<link rel="stylesheet" href="https://almontada.lmarabic.com/sites/all/modules/popup/popup.css?rt0kx9" media="screen" />
<link rel="stylesheet" href="https://almontada.lmarabic.com/sites/default/files/css/css_kfOmvfyuYSKlWEUA5WpmyXrsK4Dye1FtcDia0awlcoE.css" media="screen" />
<style media="screen">#rnw_cookies_banner{background:#000000;color:#ffffff;opacity:0.8;}#rnw_cookies_banner a{color:#77ddff;}#rnw_cookies_banner a#rnw_cookies_button_close{color:#ffffff;}#rnw_cookies_banner a#rnw_cookies_button_close:hover{color:#77ddff;}
</style>
<link rel="stylesheet" href="https://almontada.lmarabic.com/sites/default/files/css/css_fE_YpjwjcDzpN54SZMer0JdBs3MVxtgiIrCGG8KnSMg.css" media="screen" />
<!--[if lt IE 9]>
  <script src="https://almontada.lmarabic.com/sites/all/themes/mothership/mothership/js/respond.min.js"></script>
<![endif]-->
<!--[if lt IE 9]>
  <script src="https://almontada.lmarabic.com/sites/all/themes/mothership/mothership/js/html5.js"></script>
<![endif]-->
<script src="https://almontada.lmarabic.com/sites/default/files/js/js_zmZx83bF_-5oDstngJbaUxZr8BlMjFv6vw6KpKBqe5w.js"></script>
<script src="https://almontada.lmarabic.com/sites/all/modules/popup/popup.js?rt0kx9"></script>
<script src="https://almontada.lmarabic.com/sites/default/files/js/js_5bYYR1eEkaW2Hsy6L3mX2StqpMMxCS3_lzQBLEVTwoc.js"></script>
<script>jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","setHasJsCookie":0,"ajaxPageState":{"theme":"lovematters_v2","theme_token":"QAXitmMo5PVWWSBIptfhKVcGGAjAvVEE0GW4mgKrBz0","jquery_version":"1.7","js":{"sites\/all\/modules\/contrib\/jquery_update\/replace\/jquery\/1.7\/jquery.min.js":1,"misc\/jquery-extend-3.4.0.js":1,"misc\/jquery-html-prefilter-3.5.0-backport.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/ui\/ui\/minified\/jquery.ui.core.min.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/ui\/external\/jquery.cookie.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/misc\/jquery.form.min.js":1,"misc\/ajax.js":1,"sites\/all\/modules\/contrib\/jquery_update\/js\/jquery_update.js":1,"sites\/all\/modules\/custom\/rnw_cookies\/js\/rnw_cookies.js":1,"sites\/all\/modules\/custom\/rnw_tagmanager\/js\/rnw_tagmanager1.js":1,"public:\/\/languages\/ar_mYcYYo1YBBdF2HrmZhpQlFSF_DrDSrlamXy2QSR_PSk.js":1,"sites\/all\/modules\/popup\/popup.js":1,"misc\/progress.js":1,"sites\/all\/modules\/contrib\/ctools\/js\/modal.js":1,"sites\/all\/modules\/custom\/rnw_modal_login\/js\/jquery.validate.min.js":1,"sites\/all\/modules\/custom\/rnw_share_buttons\/js\/common-functions.js":1,"sites\/all\/modules\/custom\/lovematters_bmi\/js\/lovematters_bmi.js":1,"sites\/all\/modules\/custom\/rnw_discussionboard\/assets\/js\/rnw_discussionboard.js":1,"sites\/all\/modules\/custom\/rnw_modal_login\/js\/rnw_modal_login.js":1,"misc\/textarea.js":1,"sites\/all\/themes\/mothership\/mothership\/js\/contextual.js":1,"sites\/all\/themes\/lovematters_v2\/js\/twitter.js":1,"sites\/all\/themes\/lovematters_v2\/js\/script.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.base-rtl.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.menus-rtl.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.messages-rtl.css":1,"modules\/system\/system.theme.css":1,"modules\/system\/system.theme-rtl.css":1,"misc\/ui\/jquery.ui.core.css":1,"misc\/ui\/jquery.ui.theme.css":1,"modules\/comment\/comment.css":1,"modules\/comment\/comment-rtl.css":1,"modules\/field\/theme\/field.css":1,"modules\/field\/theme\/field-rtl.css":1,"modules\/node\/node.css":1,"sites\/all\/modules\/custom\/rnw_shortcodes\/css\/shortcodes.css":1,"modules\/search\/search.css":1,"modules\/search\/search-rtl.css":1,"modules\/user\/user.css":1,"modules\/user\/user-rtl.css":1,"sites\/all\/modules\/contrib\/views\/css\/views.css":1,"sites\/all\/modules\/contrib\/views\/css\/views-rtl.css":1,"sites\/all\/libraries\/rnw-fonts\/spritefont\/spritefont.css":1,"sites\/all\/modules\/contrib\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/popup\/popup.css":1,"sites\/all\/modules\/custom\/rnw_cookies\/css\/rnw_cookies.css":1,"sites\/all\/modules\/custom\/rnw_cookies\/css\/rnw_cookies-rtl.css":1,"0":1,"sites\/all\/modules\/custom\/rnw_media_helpers\/css\/rnw_media_helpers.css":1,"sites\/all\/modules\/contrib\/ctools\/css\/modal.css":1,"sites\/all\/modules\/contrib\/ctools\/css\/modal-rtl.css":1,"sites\/all\/modules\/custom\/rnw_modal_login\/css\/lovematters\/rnw_modal_login.css":1,"sites\/all\/modules\/custom\/rnw_modal_login\/css\/lovematters\/rnw_modal_login-rtl.css":1,"sites\/all\/modules\/contrib\/print\/print_ui\/css\/print_ui.theme.css":1,"sites\/all\/modules\/contrib\/print\/print_ui\/css\/print_ui.theme-rtl.css":1,"sites\/all\/modules\/custom\/lovematters_arabic\/css\/lovematters_arabic.css":1,"sites\/all\/modules\/custom\/lovematters_bmi\/css\/lovematters_bmi.css":1,"sites\/all\/modules\/custom\/lovematters_v2_module\/assets\/css\/lovematters_v2_module.css":1,"sites\/all\/themes\/mothership\/mothership\/css\/reset.css":1,"sites\/all\/themes\/mothership\/mothership\/css\/reset-html5.css":1,"sites\/all\/themes\/mothership\/mothership\/css\/mothership-default.css":1,"sites\/all\/themes\/mothership\/mothership\/css\/mothership.css":1,"sites\/all\/themes\/lovematters_v2\/css\/screen_default.css":1,"sites\/all\/modules\/custom\/rnw_discussionboard\/assets\/css\/forum.css":1,"sites\/all\/modules\/custom\/rnw_discussionboard\/assets\/css\/forum.rtl.css":1,"sites\/all\/themes\/lovematters_v2\/css\/socialmedia.css":1}},"popup":{"effects":{"show":{"default":"this.body.show();","fade":"\n        if (this.opacity){\n          this.body.fadeTo(\u0027medium\u0027,this.opacity);\n        }else{\n          this.body.fadeIn(\u0027medium\u0027);\n        }","slide-down":"this.body.slideDown(\u0027medium\u0027)","slide-down-fade":"\n        this.body.animate(\n          {\n            height:\u0027show\u0027,\n            opacity:(this.opacity ? this.opacity : \u0027show\u0027)\n          }, \u0027medium\u0027\n        );"},"hide":{"default":"this.body.hide();","fade":"this.body.fadeOut(\u0027medium\u0027);","slide-down":"this.body.slideUp(\u0027medium\u0027);","slide-down-fade":"\n        this.body.animate(\n          {\n            height:\u0027hide\u0027,\n            opacity:\u0027hide\u0027\n          }, \u0027medium\u0027\n        );"}},"linger":250,"delay":0},"cookie":{"colour_bg":"#000000","colour_fg":"#ffffff","colour_link":"#77ddff","opacity":"0.8","more_link":"http:\/\/cookie.lmarabic.com","markup":"\u003Cdiv id=\u0022rnw_cookies_banner\u0022\u003E\u003Ca class=\u0022spritefont-close\u0022 id=\u0022rnw_cookies_banner_button_close\u0022 title=\u0022\u0625\u063a\u0644\u0627\u0642\u0022 href=\u0022#\u0022\u003E\u0026times;\u003C\/a\u003E\u003Cdiv id=\u0022rnw_cookies_banner_text\u0022\u003EWe use cookies to ensure that we give you the best experience on our website. By continuing to use our website, you agree to our use of cookies. \u003Cbr \/\u003EIf you like to learn more about the cookies we use, please read our \u003Ca href=\u0022http:\/\/cookie.lmarabic.com\u0022 alt=\u0022Read more about our Cookie policy\u0022 id=\u0022rnw_cookies_banner_button_more\u0022\u003ECookie policy\u003C\/a\u003E.\u003C\/div\u003E\u003C\/div\u003E"},"CToolsModal":{"loadingText":"\u062a\u062d\u0645\u064a\u0644...","closeText":"Close Window","closeImage":"\u003Cimg src=\u0022https:\/\/almontada.lmarabic.com\/sites\/all\/modules\/contrib\/ctools\/images\/icon-close-window.png\u0022 alt=\u0022\u0623\u063a\u0644\u0642 \u0627\u0644\u0635\u0641\u062d\u0629\u0022 title=\u0022\u0623\u063a\u0644\u0642 \u0627\u0644\u0635\u0641\u062d\u0629\u0022 \/\u003E","throbber":"\u003Cimg src=\u0022https:\/\/almontada.lmarabic.com\/sites\/all\/modules\/contrib\/ctools\/images\/throbber.gif\u0022 alt=\u0022\u062a\u062d\u0645\u064a\u0644\u0022 title=\u0022\u062a\u062d\u0645\u064a\u0644...\u0022 \/\u003E"},"rnw-modal-login-register-modal":{"modalSize":{"type":"fixed","width":500,"height":400},"modalOptions":{"opacity":0.5,"background-color":"#000"},"modalClass":"rnw-login","animation":"fadeIn","closeImage":"\u003Cimg src=\u0022https:\/\/almontada.lmarabic.com\/sites\/all\/modules\/custom\/rnw_modal_login\/images\/lovematters\/button_modal_close.png\u0022 alt=\u0022\u0623\u063a\u0644\u0642 \u0627\u0644\u0635\u0641\u062d\u0629\u0022 title=\u0022\u0623\u063a\u0644\u0642 \u0627\u0644\u0635\u0641\u062d\u0629\u0022 \/\u003E"},"rnw-modal-login-login-modal":{"modalSize":{"type":"fixed","width":500,"height":320},"modalOptions":{"opacity":0.5,"background-color":"#000"},"modalClass":"rnw-login","animation":"fadeIn","closeImage":"\u003Cimg src=\u0022https:\/\/almontada.lmarabic.com\/sites\/all\/modules\/custom\/rnw_modal_login\/images\/lovematters\/button_modal_close.png\u0022 alt=\u0022\u0623\u063a\u0644\u0642 \u0627\u0644\u0635\u0641\u062d\u0629\u0022 title=\u0022\u0623\u063a\u0644\u0642 \u0627\u0644\u0635\u0641\u062d\u0629\u0022 \/\u003E"},"urlIsAjaxTrusted":{"\/forum\/question\/140516":true}});</script>
</head>
<body class="not-front node-type-rnw-discussion-board-question logo_ar language_ar" >

  <script>dataLayer = [{"page":{"type":"Article","articleType":"Rnw discussion board question"},"marketing":{"author":"61491","dateOfIssue":"2017-09-02","dateOfCreation":"2017-09-02","dateOfLastEdit":"2017-09-02","comments":"0","language":"ar"},"op":"no"}];</script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MTB882"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MTB882');</script>
<!-- End Google Tag Manager -->

      
<link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<div id="wrapper">


<div class="page page-forum">  

  <div role="main" id="main-content">

  <div class="header">
    <div class="logo-forum">
      <a href="/forum">
        <img src="/sites/all/themes/lovematters_v2/images/default/logo/ar/logo_discussion_board.png" alt="" />
      </a>
    </div>
    <div id="mobile-forum-menu" class="show-768">
      <div class="mobile-button"><span class="menu-button">القائمة</span><span class="close-button" title="Close menu">×</span></div>
      <ul class="collapsed">
        <li class="category categories-all"><a href="/forum">جميع الفئات</a></li>
        <li class="category"><a href="/forum/board/431">الجسد</a></li><li class="category"><a href="/forum/board/361">العلاقات</a></li><li class="category"><a href="/forum/board/331">الممارسة الحميمية</a></li><li class="category"><a href="/forum/board/401">الصحة الجنسية</a></li><li class="category"><a href="/forum/board/461">الحمل</a></li><li class="category"><a href="/forum/board/496">مواضيع أخرى</a></li>        <li class="site-link"><a href="/"><span class="inner">back to <img src="/sites/all/themes/lovematters_v2/images/logos/logo-love_matters-small.png" alt="Love Matters" title=""></span></a></li>
      </ul>
    </div><!-- /#mobile-forum-menu -->

    <div class="header-buttons">
      <a href="" class="button back-button show-768"><span class="back-button-small">< <img src="/sites/all/themes/lovematters_v2/images/default/logo/ar/favicon.png" alt="Love Matters" title=""></span> <span class="hide-768">ارجع إلى موقع الحب ثقافة</span></a>
   
      
      <a href="/forum/signin-modal/nojs" class="button signup-button hide-768 ctools-use-modal ctools-modal-rnw-modal-login-login-modal" id="modal-login">تسجيل الدخول  / سجل </a>    </div>
</div>

  <nav class="top-links clearfix">
    <ul>
      <li><a href="/forum/ask" class="button-primary ask-question">اسأل سؤالاً</a></li>

      <li class="category hide-768"><a href="/forum">جميع الفئات</a></li>
      <li class="category hide-768"><a href="/forum/board/431">الجسد</a></li><li class="category hide-768 active-trail"><a href="/forum/board/361">العلاقات</a></li><li class="category hide-768"><a href="/forum/board/331">الممارسة الحميمية</a></li><li class="category hide-768"><a href="/forum/board/401">الصحة الجنسية</a></li><li class="category hide-768"><a href="/forum/board/461">الحمل</a></li><li class="category hide-768"><a href="/forum/board/496">مواضيع أخرى</a></li>  </nav>
  
  
      



        
    
    


        
    
<nav  id="block-system-main-menu" class="block block-system clearfix show-768 block-menu " role="navigation">
  
      
  <ul><li><a href="/" title="">الصفحة الرئيسية</a></li>
<li><a href="/about" title="">من نحن</a></li>
<li><a href="/partners" title="">شركاؤنا </a></li>
<li><a href="/contact">اتصل بنا</a></li>
</ul>

  



  
</nav>

<nav  id="block-menu-menu-main-menu-mobile" class="block block-menu corner-top-left show-240 hide-768 " role="navigation">
  
      
  <ul><li><a href="https://www.youtube.com/user/LoveMattersAR" title="يوتوب الحب ثقافة">فيديو </a></li>
<li><a href="/forum" title="">عندي سؤال</a></li>
<li><a href="/category/all" title="">أخبار وتقارير</a></li>
<li><a href="/" title="">الموسوعة الجنسانية</a></li>
</ul>

  



  
</nav>
<div id="block-lovematters-v2-module-lovematters-breadcrumb" class="block block-lovematters-v2-module show-240">

  



  
  <div class="content">
    <div class="breadcrumb"><div class="container"><a href="/" class="home-link"></a><div class="separator"></div>أنا أعجبت بفتاة عبر الانترنت، وأريد أن أسير معها كما حدد الشرع.. أن أطلبها من أهلها بعد أن أعرف رأيها وأتعرف عليها أكثر.. لكن الفتاة من ص...</div></div>  </div>

</div>
  
    
    <div class="content-wrapper block show-240 clearfix">
      
     

    
<hr class="forum" />

<h1 class="category-title">العلاقات</h1>

<div class="posted-by">
  <div class="avatar">
      </div><!-- /.avatar -->

  <div class="post-name">
    تم نشره من قِبل Ahmed Egyptian   </div>
</div><!-- /.header -->

<div class="post-info question-header">
  <time itemprop="dateCreated" datetime="2017-09-02T11:12:24+02:00">سبتمبر 02, 2017 </time> | 11:12   <div class="right">
      </div>

</div><!-- /.post-info -->

<div class="question">
<ul class="links"><li class="print_mail first"><a href="/printmail/140516" title="Send this page by email." class="print-mail" rel="nofollow">البريد الإلكتروني</a></li>
<li class="print_html last"><a href="/print/140516" title="عرض نسخة للطباعة من هذه الصفحة." class="print-page" rel="nofollow">الطباعة</a></li>
</ul>

<div class="field field-type-text-with-summary">
  
  
                <p>أنا أعجبت بفتاة عبر الانترنت، وأريد أن أسير معها كما حدد الشرع.. أن أطلبها من أهلها بعد أن أعرف رأيها وأتعرف عليها أكثر.. لكن الفتاة من صعيد مصر وأنا من دمنهور في الشمال.. وعادات الناس مختلفة تماما في الشمال عن الجنوب.. واللهجة مختلفة.. سؤالي هل هذه الإختلافات قد تؤثر علينا مستقبلا أم هي أشياء بسيطة اصلا. وهل من الأفضل الارتباط بفتاة من نفس الثقافة أم لا داعي لذلك؟</p>
<img src="//stats.rnw.org/lmarabic.gif" width="1" height="1" class="pixel" />        </div>
</div>

<div class="signature">
      </div>
  
  <a class="forum-button forum-button-respond-form" href="#respond-form">الإجابة</a>


<div itemprop="suggestedAnswer" class="answer clearfix " itemscope itemtype="http://schema.org/Answer">
  <div class="answer-inner">
    <a name="answer-140521"></a>
    <div class="header">

      <div class="left">
        <div class="avatar">
                </div>
        <div class="post-info"><span class="post-name">تم نشره من قِبل <div itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Anonymous</span></span></div> | <time itemprop="dateCreated" datetime="2017-09-02T11:27:05+02:00">سبتمبر 02, 2017 </time> | 11:27 </div>
        </div>

      <div class="right">


      <div class="vote"><span itemprop="voteCount">1</span></div>      </div>
    </div>
    <div itemprop="text">
      

<div class="field field-type-text-with-summary">
  
  
                <p>الامر عادي للغاية المهم يكون التفاهم بينكما و المودة و الرحمة و الاختلاف بينكما سيكون ثراء لكل واحد منكما من خلال زيادة التعرف على عادات و تقاليد بعضكما</p>
<img src="//stats.rnw.org/lmarabic.gif" width="1" height="1" class="pixel" />        </div>
    </div>
    <div class="signature">
          </div>

    
  </div> <!-- /.answer-inner -->
  </div> <!-- /.answer -->

<div itemprop="suggestedAnswer" class="answer clearfix answer-moderator" itemscope itemtype="http://schema.org/Answer">
  <div class="answer-inner">
    <a name="answer-140561"></a>
    <div class="header">

      <div class="left">
        <div class="avatar">
                </div>
        <div class="post-info"><span class="post-name">تم نشره من قِبل <div itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">منسق المنتدى خالد يس</span></span></div> | <time itemprop="dateCreated" datetime="2017-09-02T21:45:48+02:00">سبتمبر 02, 2017 </time> | 21:45 </div>
        </div>

      <div class="right">


      <div class="vote"><span itemprop="voteCount">1</span></div>      </div>
    </div>
    <div itemprop="text">
      

<div class="field field-type-text-with-summary">
  
  
                <p>أهلاً بك، بداية نود تنبيهك إلى أن التعارف عبر الإنترنت ليس كافياً للتعرف على الطرف الآخر بشكل يسمح باتخاذ قرار الارتباط أو الزواج، لذا ننصحك بترتيب لقاء مع هذه الفتاة في أقرب وقت وأن تبدء في مواعدتها على أرض الواقع بعيداً عن العالم الافتراضي لتتعرف عليها عن قرب حتى تستطيع التأكد من مشاعرك تجاهها ورغبتك في الزواج منها.</p>
<p>بالطبع التوافق على المستوى الفكري والثقافي والاجتماعي والمادي وعلى مستوى المعتقدات يلعب دوراً كبيراً في نجاح العلاقات واستقرارها ولكن لكل قاعدة شواذ وقد رأينا العديد من الزيجات الناجحة بين أشخاص من ثقافات مختلفة وخاصة عندما يكون هناك توافق كبير على المستويات الأخرى يعوض عدم التوافق في الثقافة، ابدأ في مقابلتها على أرض الواقع وامنح نفسك الوقت ولا تتعجل ومع الوقت سوف تستطيع التأكد من مشاعرك والحكم على الأمور بشكل أفضل.</p>
<p>ننصحك بقراءة هذا المقال عن العلاقات عبر الإنترنت:<br />
<a href="https://lmarabic.com/sex-and-internet/online-relationships/online-flirting-tips">https://lmarabic.com/sex-and-internet/online-relationships/online-flirti...</a></p>
<img src="//stats.rnw.org/lmarabic.gif" width="1" height="1" class="pixel" /><p>ننصحك أيضاً بقراءة هذا المقال عن علامات الغرام عبر الإنترنت:<br />
<a href="https://lmarabic.com/love-and-relationships/signs-love-internet">https://lmarabic.com/love-and-relationships/signs-love-internet</a></p>
<p>مع تحيات فريق الحب ثقافة</p>
        </div>
    </div>
    <div class="signature">
          </div>

    
  </div> <!-- /.answer-inner -->
  </div> <!-- /.answer -->


<a name="respond-form"></a>
<form class="respond-form" action="/forum/question/140516" method="post" id="-respond-question-form-140516" accept-charset="UTF-8">
<div>
 <div class="form-textarea-wrapper resizable"><textarea placeholder="ما رأيك؟" data-rule-required="true" data-msg-required="لا يمكن ترك حقل الرد فارغاً" id="edit-response" name="response" cols="60" rows="5" required></textarea></div>
</div>
<input type="hidden" name="parent_nid" value="140516" />
<a href="/" class="button-primary ctools-modal-rnw-modal-login-login-modal" id="modal-login-post">انشر إجابتك أو تعليقك</a><input type="hidden" name="form_build_id" value="form-E4ZGHnaqi8yR0SRTYQL-iDJVFyzdcOCAmqsKgpCQSYA" />
<input type="hidden" name="form_id" value="_respond_question_form_140516" />
</form>    </div>
    
    
  </div><!--/main-->
</div><!--/page-->

<footer role="contentinfo" id="page-footer">
  <div class="page-footer-logo block show-768">
    <a href="https://www.rnw.org/" target="_blank">
            <img src="/sites/all/themes/lovematters_v2/images/default/logo/ar/logo_footer.png" alt="Powered by RNW Media" class="logo-bottom" />
    </a>

      </div>
  
    
<nav  id="block-menu-menu-footer-menu" class="block block-menu show-768 " role="navigation">
  
      
  <ul><li><a href="/" title="">الصفحة الرئيسية</a></li>
<li><a href="/about" title="">من نحن</a></li>
<li><a href="/partners" title="">شركاؤنا </a></li>
<li><a href="/contact" title="">اتصل بنا </a></li>
<li><a href="/terms-of-use" title="">شروط الاستخدام</a></li>
</ul>

  



  
</nav>

<nav  id="block-menu-menu-footer-menu-mobile" class="block block-menu show-240 hide-768 " role="navigation">
  
      
  <ul><li class="fragment"><a href="/forum/question/140516#top#top#top" title="">أعلى الصفحة</a></li>
<li><a href="/contact" title="">اتصل بنا</a></li>
<li><a href="/about" title="">من نحن</a></li>
</ul>

  



  
</nav>
  

    <div class="footer-follow-us">
    <a href="https://www.facebook.com/LoveMattersArabic" target="_blank">
      <img class="icon" src="/sites/all/themes/lovematters_v2/images/social/button_facebook.png" alt="" /> <h3>تابعنا على الفيسبوك</h3>
    </a>
  </div>
  
</footer>
</div>
<div id="mobile-menu-lightbox"><!-- --></div>

    <style type='text/css'>.comment-add {display:none !important}
..show-count.spriteshare-count-right small{
left:2px
}
.show-count small:after {
    content: "";
    position: absolute;
    border-style: solid;
    display: block;
    width: 0px;
    top: 45%;
    left: 9px;
    bottom: auto;
    border-width: 3px 0px 3px 5px !important;
    border-color: transparent #BAB8B8;
    right: -5px !important;
}

.page-taxonomy .show-count small, .front .show-count small {
    padding: 0px 2px;
    font-size: 10px;
    margin-left: -3px;
}
.media-element.file-default {
    height: auto;
    max-width: 100%;
}</style>  
</body>
</html>