Use [CSS3:: Media Queries][1] to create style based on the screen resolution. And use

    box-shadow: none;

To disable the shadow.


  [1]: http://www.w3.org/TR/css3-mediaqueries/

I am working on getting the facebook API working for iOS, and the FB registration page requires the Bundle ID of the project.  How can I get this information?  I read something about getting it at run time, but is there a way to get Xcode to tell me this information, or is it held in a plist somewhere.  I am not using the default bundle id, I remember setting it while I created the project.


How to get bundle ID?

I have collection of TimeSpans, they represent time spent doing a task. Now I would like to find the average time spent on that task. It should be easy but for some reason I&#39;m not getting the correct average.

Here&#39;s my code:

    private TimeSpan? GetTimeSpanAverage(List&lt;TimeSpan&gt; sourceList)
    {
        TimeSpan total = default(TimeSpan);

        var sortedDates = sourceList.OrderBy(x =&gt; x);

        foreach (var dateTime in sortedDates)
        {
            total += dateTime;
        }
        return TimeSpan.FromMilliseconds(total.TotalMilliseconds/sortedDates.Count());
    }

Find average of collection of TimeSpans

Currently I&#39;m using this

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;

but on specific size of screen I don&#39;t want box-shadow.

How can i override to disable the shadow?

How to neutralize box-shadow?

Currently I'm using this
<pre><code class="hljs language-css">box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
</code></pre>
but on specific size of screen I don't want box-shadow.
How can i override to disable the shadow?

I have a this setup:

    &lt;div id=&quot;button&quot;&gt;Button&lt;/div&gt;

and this for CSS:

    #button	{
        color: #fff;
        display: block;
        height: 25px;
        margin: 0 10px;
        padding: 10px;
        text-indent: 20px;
        width: 12%;
    }

    #button:before {
        background-color: blue;
        content: &quot;&quot;;
        display: block;
        height: 25px;
        width: 25px;
    }

Is there a way to give the pseudo element a hover effect such as `#button:before:hover {...}` and is it also possible to get the pseudo element to hover in response to another element being hovered like so: `#button:hover #button:before {...}`? CSS only would be nice, but also jQuery is fine too.

How to make a hover effect for pseudo elements?

I&#39;m using twitter bootstrap for some web app I&#39;m forced to do (I&#39;m not a web developer) and I can&#39;t find a way to disable the row lines for tables.

As you can see from the [Bootstrap documentation][1], the default table style contains line rows.

Regards,


  [1]: http://getbootstrap.com/components/#panels-tables

Remove row lines in twitter bootstrap

I&#39;d like to have my Bootstrap menu automatically drop down on hover, rather than having to click the menu title. I&#39;d also like to lose the little arrows next to the menu titles.



How to make Twitter Bootstrap menu dropdown on hover rather than click

I use the Google Maps API (v.3) to show a map with a couple of markers. I recently noticed that the control used to zoom the map is messed up (it wasn&#39;t always like this). I have no idea what the cause is.

![enter image description here][2]

### Update

This post originally had a link to a page where you could view the issue, but the link is broken now, so I&#39;ve removed it.

  [2]: http://i.stack.imgur.com/z7OpZ.jpg

Google Maps zoom control is messed up

I am working with multiple tablet devices - both Android &lt;del&gt;and iOS&lt;/del&gt;. Currently I have following resolution variations for all the tablets.

 - 1280 x 800
 - 1280 x 768
 - &lt;del&gt;1024 x 768 (iPad Obviously)&lt;/del&gt; - iPad does not have this issue


Simplest way to apply device orientation based style is to use media query&#39;s orientation using following syntax.

    @media all and (orientation:portrait)
    {
      /* My portrait based CSS here */
    }
    
    @media all and (orientation:landscape)
    {
      /* My landscape based CSS here */
    }

This works perfectly fine on all tablet devices. **BUT**, the problem is, when device is in portrait mode and user taps on any input field (eg. search) the soft-keyboard pops up - which reduces the visible area of web page and forces it to render in landscape based css. On android tablet devices, it depends on keyboard&#39;s height.
So, ultimately the web page looks broken. Therefore, I can&#39;t use CSS3&#39;s orientation media query to apply styles based on orientation (unless there is better media query to target orientation). Here is a fiddle http://jsfiddle.net/hossain/S5nYP/5/ which emulates this - for device testing use full test page - http://jsfiddle.net/S5nYP/embedded/result/

Here is a screenshot of the behaviour taken from the demo page.
![enter image description here][1]

So, is there any alternative to takle this issue, I&#39;m open to JavaScript based solution if native CSS based solution does not work.

I found a snippet on http://davidbcalhoun.com/2010/dealing-with-device-orientation which suggests to add class on &lt;HTML&gt; and target based on that. For example:

    &lt;html class=&quot;landscape&quot;&gt;
      &lt;body&gt;
        &lt;h1 class=&quot;landscape-only&quot;&gt;Element Heading - Landscape&lt;/h1&gt;
        &lt;h1 class=&quot;portrait-only&quot;&gt;Element Heading - Portrait&lt;/h1&gt;
        &lt;!-- .... more... -&gt;

    # CSS
    .landscape .landscape-only { display:block; }
    .landspace .portrait-only  { display:none; }
    .portrait .portrait-only   { display:block; }
    .portrait .landscape-only  { display:none; }

What do you guys think about this? Do you have better solution? 

  [1]: http://i.stack.imgur.com/tNMlf.png

Content Type	Original Author	Original Content on Stackoverflow
Question	Jitendra Vyas	View Question on Stackoverflow
Solution 1 - Css	Wouter J	View Answer on Stackoverflow

How to neutralize box-shadow?

Css Problem Overview

Css Solutions

Solution 1 - Css

Find average of collection of TimeSpans

How to get bundle ID?

Attributions