HTML input element wider than Containing Div

Following code is not working

<div style="height:25px; width: 150px;">
     <input type="text" style="height:100%; width:100%"  />

You can use box-sizing:border-box to take care of this. Just put the following in your css file:


It means that border on the input box is actually inside the width of the input rather than being added onto the outside. This is what is making the input larger than the container.

Paul Irish has really good post explaining this technique

The points he makes about padding also apply for the border.

There’s even a compass mixin to make it easier to support older browsers. (

Get your Magnet right

Get your Magnet right

After years of research, science now says, the world is nothing but energy, magnetic energy. Spirituality always believed that world is energy (Bramhan). Energy is infinite, eternal and imperishable.

At the fundamental level, we too are magnetic energy. There is a macrocosmic magnet of the universe and a microcosmic magnet within each of us.

Any magnet has two qualities, it can either attract energy or repel energy.

Our desires also generate energy/vibrations. The internal magnet either attracts the energy of desires or repels it depending upon, the setting of our internal magnet.

Most people desire the end of suffering in the world, which generates vibrations/energy. If a magnet is not set right, like for most of us; the energy gets repelled in the direction of the right magnet. A person like Buddha who also nurtured this desire and has his magnet right; attracted these vibrations and showed the world the path of liberation from sufferings.

Millions of people had a desire for independence from the British. It was Mahatma Gandhi, who set his magnet right; magnetised these vibrations and manifested the desire.

Vibrations of millions of people get repelled without manifestation if the magnet is not set right. But one person with the right magnet, can magnetise these vibrations and manifest the object of desire.

So even if your magnet is not right and hence you end up repelling these vibrations; you unknowingly aid in the fulfilment of the desire. So with your desire, you either become fulfiller of the desire or aid in fulfilling the desire. Whether you become or only aid the becoming; depends upon how you set your magnet.

Setting the magnet right, needs three steps.

1. The direction of the magnet.

Your dominant thoughts determine the direction of the magnet. Positive thoughts help set the direction of magnet right and magnetise positivity in your life.

When we are healthy, we don’t really think about it. But when we have health issues, we talk about these, entertain thoughts about the disease and attract disease.

Thoughts about the lack (daridra-chintan) attract poverty (daridra), whereas thoughts about abundance attract abundance. Don’t keep brooding over the past incidences or people who betrayed you. Every person in your life comes for a definite purpose. Some people come in your life and stay till the end. Some come in your life, serve a purpose and go away from you.

Don’t harbour ill-will about anybody, it will harm only yourself. The thoughts of jealousy & envy are the most destructive of all. Life doesn’t have sympathy for your emotions.

So be aware of your thoughts at all times. Weed out any negative thoughts, replace them with positive thoughts and magnetise positivity in your life.

2. The effectiveness of the magnet

You need to ensure that your processes are in congruence with your goals and take you closer to your goals.

If my goal is to build a profitable organization, then I cannot just rely on management skill. I should also have finance & accounting knowledge.

Don’t only focus on your strengths. You also need to understand, analyze and work on your weaknesses. In order to succeed in any endeavour, you need to develop all the skills. Lack of any one skill can result in your failure. But if you have to succeed, then you must possess all the necessary skills.

If any one part of my body has a problem, then I am unwell. But to be healthy, my entire body has to be healthy.

Arjuna was physically strong and had all the skills of a warrior, but his confused mind was a problem and could have led to his defeat. Without changing Arjuna the warrior; just by changing his being, Krishna transformed Arjuna into a winner.

3. Power of the magnet (energy)

Some of the factors which increase the energy levels are,

– waking time: the closer to sunrise you wake up; the more energy you have.
– food: the food items you eat, needs to be digested, which needs energy. The food items you eat also produce energy.

If what you eat requires more energy to digest, than the energy it produces; you will feel lethargic.

So eat food, which produces more energy than is required for its digestion.

– enthusiasm: the energy you generate is proportional to your enthusiasm. Life follows enthusiasm. You are full of energy when you are doing something about which you are passionate. If you are doing something which you don’t enjoy, you will get fatigued fast.

So whatever you do, do it with a high level of enthusiasm and you will derive a lot of energy.

All these things do have an impact on your energy levels, but only to a small extent.

The factor which has a tremendous impact on energy is the “faith”.

The faith can be in God or it can be, in the cause you are working for. Stronger the faith, more the energy you will draw.

With faith, you get God in your team.

Your God is only as powerful, as your faith. Without faith, God doesn’t work. With your faith, you make God work for you.

Hanuman told Lord Ram; my faith in you has made me more powerful than you.

God’s energy, my effort and my faith in God’s energy; can produce miracles. It’s an unbeatable combination

So get these three (direction, effectiveness and power) things about your magnet right, and magnetise abundance in your life.


Invest time on your own self

  • Invest time on your own self
  • Never get satisfied that you have arrived keep growing keep learning
  • Become the change you want to see in the world
  • Be responsible take charge
  • Have lots of enthusiasm
  • Love all love all the time
  • Helplessly love

Earth has evolved from One sense creature to five sense creature and finally

The creator created part of him

That’s us we all desires only can lead to vibrations and ultimately we achieve it. Either you become that change OrYou are part of that change

Mahatma Gandhi became the change himself and millions were part of that change

Be a possibility thinker

Our dominant thoughts and desires become direction of Our magnet

Have only those dominant thoughts which you want to Attract in life

If you have anger and hurt and jealousy and hurt

You will attract that and opposite of those you will rebel

Do not curse be grateful

Do not think against

Think for

Do not focus deprivation focus on blessings

Jealousy and envy are main

Which spoils our magnet

Celebrate success of others

Feel generally happy

Faith can move mountains

Invest more time on your weakness

Do not avoid issues

Give attention do not ignore

Time to invest with our children

Always beat the sun and rise before sun rise

Food intake be cautious what you eat

Have enthusiasm

Grow in faith

Have God on your team

The energy of Shree Rama Plus Intelligent efforts from Hanuman Plus Faith of Hanuman in Shree Rama s energy

All combine only can deliver results

  1. 1. Internal disturbances always exists therefore quiten the mind
  2. 2. Take Pride to where u have reached but don’t rest there , understand that You have just scratched the surface of your true potential
  3. 3. From here to where ? Leaves scope of growth , from there to here Is journey covered .
  4. 4. U can be a game changer, create magnetic manifestations for all that u want to attract , wealth , wisdom , good health, prosperity ,great career , Abundance in wealth etc .
  5. 5. Have Faith in the wisdom That someone who is a teacher .
  6. 6. Always remember that Wisdom of life is greater than the teacher , like music is always greater than the singer .
  7. 7. The chemistry has to click , then every relationship lasts longer .
  8. 8. Two worlds exists , external and internal , external we don’t have any control and choice , how you shape your internal world decides your future .
  9. 9. What I cannot control should be how u absorb and what i can control how to speak and deliver my best.
  10. 10. I got the man right and the world becomes right.
  11. 11. Become the change you wish to see in the world
  12. 12. Getting you right …is the purpose of life happy
  13. Your Dominant thoughts become your desires and in turn they become your Magnet, you attract what you focus on, if you focus in fear will be attracted and fearlessness will repel, if you attract hatred, negative emotions then you set your magnet in that direction and hence what your dominant thoughts are, play an important role in setting your magnet right …
  14. Observe and correct your thoughts it may take minimum 2 to 5 years to change your thought pattern.
  15. 13
    a) Set your magnet right, ( in order to attract right things in life , health , wealth , prosperity , peace , relationship , career,) check your thoughts and set your magnet right.
  16. b) Set the process congruent to the Goal that you wish to achieve in respect to all above .
  17. c) Have tremendous energy
    (faith in the magnet that you have set )total and complete surrender is the way out , confidence that the magnet set is right and you will attract all that you want to achieve.

What’s New in WordPress 4.0 “Benny”

Version 4.0 of WordPress, named “Benny” in honor of jazz clarinetist and bandleader Benny Goodman.

  • Manage your media with style
  • Working with embeds has never been easier
  • Focus on your content
  • Finding the right plugin

Please check the blow video by kimmimebaby

“What’s New in WordPress 4.0 “Benny” – 11 New Features Found”

Please find more details

Learn to narrow your search criteria for better searches in Outlook

The following table shows examples of searches you might find useful. The search query syntax, available when the Instant Search feature is enabled, follows this basic form: keyword:your search criteria value.

For example, from:bobby

You can also use logical operators AND, NOT, OR, <, >, =, and so forth to refine your search, and these are noted in the table. Logical operators must be typed in uppercase letters.

bobby Items containing bobby, BOBBY, BoBby, or any other combination of uppercase and lowercase letters. Instant Search is not case sensitive.
bobby moore Items containing both bobby and moore, but not necessarily in that order.
bobby AND moore Items containing both bobby and moore, but not necessarily in that order. Note that logical operators such as AND, NOT, and OR must be in uppercase letters.
bobby NOT moore Items containing bobby, but not moore.
bobby OR moore Items containing bobby, moore, or both.
“bobby moore” Items containing the exact phrase bobby moore. Note the use of double quotes so that the search results match the exact phrase within the quotes.
from:”bobby moore” Items sent from bobby moore. Note the use of double quotes so that the search results match the exact phrase within the quotes.
from:”bobby moore” about:”status report” Items sent from bobby moore where status report appears in the subject line, body, and attachment contents. Note the use of double quotes so that the search results match the exact phrase within the quotes.
hasattachment:yes Items that have attachments. You can also use hasattachment:true to get the same results.
attachments:presentation.pptx Items that have attachments named presentation.pptx or if the attachment contains presentation.pptx within its contents.
subject:”bobby moore” Items whose subject contains the phrase bobby moore.
subject:bobby moore Items with bobby in the subject line and with moore anywhere else in the document.
cc:”bobby more” Items in which the display name bobby moore is on the Cc line. Items in which the e-mail address is on the Cc line.
bcc:bobby Items in which bobby is on the Bcc line.


How to Disable WordPress Admin Bar for All Users Except Administrators

I am working on new public domain website where people can only able to vote after FB login. So i have done customized the easy facebook login plugin.

But then we are facing the issue that once user login with FB. He/She was getting Admin bar. So i have search for solution and below is step for same.

Just open function.php from our current theme and add below code

add_action('after_setup_theme', 'remove_admin_bar');

function remove_admin_bar() {
if (!current_user_can(‘administrator’) && !is_admin()) {

Disable Admin Bar for All Users

If you want to disable it for all users, then simply put use this code in your theme’s functions.php file

/* Disable WordPress Admin Bar for all users but admins. */

How to Add Widgets to WordPress Theme’s

There are really three main parts to introducing a footer sidebar/widget area in your theme:

  1. Registering the Sidebar(s) in the WordPress Theme
  2. Inserting the Sidebars In the WordPress Theme
  3. Putting some style into the sidebars
WordPress has introduced a few new functions recently which makes it hard to write one tutorial that will cater for every theme out there. I have broken this tutorial into smaller sections to cater for the various different themes.
Keep a backup copy of your “functions.php” and “footer.php” file just in case you make a mistake when making the code changes.Keep a backup copy of your “functions.php” and “footer.php” file just in case you make a mistake when making the code changes.

Adding Footer Widget to a Modern Theme

Open function.php

search for “register_sidebar”


        'id' => 'sidebar1',
        'name' => __('Sidebar 1', 'adap'),
        'description' => __('The first (primary) sidebar.', 'adap'),
        'before_widget' => '<div id="%1$s">',
        'after_widget' => '</div>',
        'before_title' => '<h4>',
        'after_title' => '</h4>',

Paste it

        'id' => 'yoursidebar',
        'name' => __('Your Sidebar Name', 'adap'),
        'description' => __('Your Sidebar Desciption', 'adap'),
        'before_widget' => '<div id="%1$s">',
        'after_widget' => '</div>',
        'before_title' => '<h4>',
        'after_title' => '</h4>',

Show the widget area in your theme

Put below code where you want to add widgets

<div id="ClassofSidebar"> <!-- for your Designing Purpose -->

Style the widget area to your liking

Create Class for “ClassofSidebar” in your style.css


You are ready to use your new widgets


Be Happy