View
Theme
Font Style
7pt
8pt
9pt
10pt
11pt
Line Style
100%
110%
120%
130%
140%
Bold Keyword
Default
Inspector
Kkaefer
Eclipse
SQ Light
Lesser
Dark
Cobalt
Monokai
Rubyblue
Night
SQ Dark
Ambiance
Blackboard
Line Num.
Wrap Lines
Preview
Redraw
JS Tab
HTML Tab
CSS Tab
Live Tab
Prev. Tab
Next Tab
Browser
History…
Help
Edit
Settings
Auto Complete
Match Brackets
Match Highlight
Strip Whitespace
Auto Close Brackets
Auto Close Quotes
Show Print Margin
Undo
Redo
Delete
Select Line
Select All
Find & Replace
Find
Find in Repo.
Find Next
Find Previous
Replace Single
Replace All
Wrap Search
Revert
As Template
Diff Revision
Format
Compress
Text
Zen Coding
Indent
Tab Width
1
2
3
4
5
6
7
8
Indent Unit
1
2
3
4
5
6
7
8
Smart Indent
Use Tabs
Visible Tabs
Shift Left
Shift Right
Put Indent
Number
Increment by 1
Decrement by 1
Increment by 0.1
Decrement by 0.1
Increment by 10
Decrement by 10
Simple Math
Comment
Line
Move Up
Move Down
Copy Up
Copy Down
Go to Line…
Remove Line
Next Point
Prev. Point
Help
Share
Login
You can jump to the latest bin by adding
/latest
to your URL
×
z
Find
→
←
⟲
Replace
⊗
All
Replace
$(document).ready(function() { $('.canvas').css({'display': 'none'}); $('.canvas').fadeIn('slow'); $('.leica_container').css({'left': '2000px'}); $('.leica_container').animate({left: '-=2000px'}, 800, 'easeOutExpo'); $('h1').css({'display': 'none'}); $('h1').delay(100).animate({paddingTop: '+=20px'}, { queue: false, duration: 1000 } ) .fadeIn(2000); $('.description').css({'display': 'none'}); $('.description').delay(400).fadeIn(800); });
<!doctype html> <html lang="en"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> </head> <body> <div> <div class="canvas"> <h1 class="tk-futura-pt">Leica <strong>X1</strong></h1> </div> <div class="leica_container"> <div class="leica"> <div class="leica_grip_container"> <div class="leica_grip"></div> </div> <div class="leica_logo_container"> <div class="leica_logo"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="31px" height="17px" viewBox="0 0 194 108.89" enable-background="new 0 0 194 108.89" xml:space="preserve"> <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M99.682,35.051c0-4.043,4.49-5.44,7.85-5.44 c3.002,0,6.748,1.546,6.748,5.024c0,4.132-4.43,5.53-7.879,5.53C103.309,40.165,99.682,38.648,99.682,35.051L99.682,35.051z"/> <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M25.181,76.078c-3.122-1.189-6.333-2.051-9.722-2.051 c-1.873,0-5.945,0.475-5.945,3.15c0,2.705,4.162,3.537,6.153,3.537C19.412,80.714,22.713,78.753,25.181,76.078L25.181,76.078z"/> <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M190.029,77.087c-9.395,2.707-19.027,4.162-28.719,5.352 c-15.459,1.934-31.008,2.438-46.557,2.438c-18.551,0-37.19-1.754-55.355-5.678c-6.303-1.367-12.367-3.418-18.58-5.113 c3.805-5.41,5.975-11.475,7.641-17.838l1.812-6.897l0.714-2.676c12.338-2.259,25.3-12.367,25.3-25.894 c0-6.421-4.638-11.535-11.238-11.535c-6.094,0-11.98,2.706-16.143,7.076c-6.838,7.195-9.275,17.184-11.803,26.489 c-3.508-0.089-6.748-0.595-10.049-1.754l-1.396,3.775c3.479,1.249,6.927,1.992,10.584,2.29c-1.636,7.966-3.152,16.47-7.225,23.605 c-4.281-0.951-8.74-1.873-13.141-1.873c-4.459,0-12.041,2.26-12.041,7.879c0,6.777,10.228,9.691,15.49,9.691 c6.094,0,12.872-2.705,17.213-7.016c22.029,8.859,46.021,13.883,69.775,13.883c15.785,0,31.66-1.367,47.27-3.746 c12.693-1.932,25.121-4.787,37.34-8.77L190.029,77.087z M57.764,22.356c1.428-3.419,4.43-7.611,8.562-7.611 c3.479,0,4.578,3.716,4.578,6.6c0,9.365-9.959,18.938-18.818,20.543C53.779,35.348,55.147,28.6,57.764,22.356z"/> <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M187.324,66c-1.398,0.861-2.914,1.754-4.607,1.754 c-1.369,0-2.855-0.684-2.855-2.23c0-0.506,0.148-1.041,0.299-1.545l4.727-18.374h-12.219l-0.625,2.735 c-2.17-2.468-5.023-3.538-8.324-3.538c-6.451,0-12.248,3.449-15.846,8.77c-1.844,2.766-2.615,5.619-2.766,8.889 c-3.092,2.617-6.42,5.471-10.701,5.471c-2.943,0-4.994-1.812-4.994-4.816c0-4.488,2.377-13.348,8.057-13.348 c2.141,0,3.715,1.219,5.023,2.795l1.457-5.471c-2.082-1.487-4.787-2.17-7.314-2.17c-9.84,0-20.275,7.016-20.275,17.659 c0,0.447,0.031,0.922,0.061,1.398c-2.26,1.842-5.352,3.656-8.354,3.656c-1.518,0-2.26-0.744-2.26-2.26 c0-0.506,0.059-1.041,0.207-1.545l4.549-18.225H97.363l-4.459,17.659c-5.679,2.914-11.922,5.531-18.373,5.531 c-3.775,0-6.778-1.219-6.778-5.352c0-0.238,0-0.506,0-0.744c1.397,0.297,2.794,0.477,4.251,0.477c5.827,0,16.381-3.42,16.381-10.703 c0-6.065-7.967-7.819-12.694-7.819c-9.187,0-21.435,6.719-21.435,17.065c0,9.217,9.335,13.111,17.242,13.111 c7.73,0,14.627-2.766,21.257-6.482c1.249,3.865,4.43,6.57,8.622,6.57c5.855,0,11.742-3.002,16.352-6.391 c2.525,4.547,7.551,6.48,12.574,6.48c5.945,0,11.684-3.389,15.846-7.402c1.992,4.459,6.035,7.254,11.029,7.254 c4.668,0,7.73-1.754,10.645-5.293c1.277,3.062,3.863,5.113,7.312,5.113c2.021,0,4.133-0.475,5.945-1.367l7.225-3.508L187.324,66z M76.642,48.786c1.813,0,3.122,1.338,3.122,3.181c0,4.936-5.084,7.166-9.365,7.166c-0.684,0-1.367-0.119-2.051-0.238 C69.418,54.88,71.588,48.786,76.642,48.786z M169.932,55.742l-1.812,7.076c-0.803,3.092-3.092,5.977-6.541,5.977 c-2.348,0-3.656-2.172-3.656-4.342c0-2.973,1.576-7.877,2.795-10.523c0.98-2.111,2.527-4.163,5.053-4.163 c2.172,0,4.549,1.605,4.549,3.954C170.318,54.435,170.111,55.087,169.932,55.742z"/> </svg> <div class="leica_logo_shine"> </div> </div> </div> <div class="leica_sensor_container"> <div class="leica_sensor"> <div class="leica_sensor_shine"></div> </div> </div> <div class="leica_lens_container"> <div class="leica_lens"> <div class="leica_lens_1"> <div class="leica_lens_2"> <div class="leica_lens_3"> <div class="leica_lens_4"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="170px" height="182.747px" viewBox="0 0 200.162 182.747" enable-background="new 0 0 200.162 182.747" xml:space="preserve"> <g> <path fill="#FFFFFF" d="M83.614,21.346l5.1-0.909l0.179,1.001l-6.235,1.111l-1.785-10.013l1.135-0.203L83.614,21.346z"/> <path fill="#FFFFFF" d="M89.765,15.666l5.138-0.395l0.072,0.946l-5.138,0.395l0.286,3.718l5.367-0.412l0.077,1.014l-6.516,0.5 l-0.778-10.14l6.516-0.5l0.078,1.014L89.5,12.218L89.765,15.666z"/> <path fill="#FFFFFF" d="M97.683,20.971l-1.153,0.019l-0.16-10.174l1.153-0.019L97.683,20.971z"/> <path fill="#FFFFFF" d="M101.625,21.159c-1.854-0.128-2.87-1.367-2.73-3.397l0.27-3.925c0.197-2.869,1.993-3.072,4.456-2.903 l0.947,0.065c2.125,0.146,2.712,1.111,2.574,3.115l-0.022,0.325l-1.15-0.079l0.02-0.284c0.098-1.421-0.164-1.97-1.652-2.072 l-0.65-0.045c-2.382-0.164-3.24,0.062-3.368,1.917l-0.191,2.788c-0.159,2.314-0.136,3.363,1.786,3.495l1.366,0.094 c1.841,0.126,2.427-0.092,2.526-1.54l0.057-0.812l1.15,0.079l-0.065,0.948c-0.16,2.328-1.667,2.482-3.697,2.343L101.625,21.159z"/> <path fill="#FFFFFF" d="M108.872,19.643l-1.182,1.966l-1.184-0.229l5.566-9.275l1.597,0.31l1.791,10.701l-1.171-0.227l-0.375-2.268 L108.872,19.643z M112.717,13.195l-3.358,5.575l4.417,0.856L112.717,13.195z"/> <path fill="#FFFFFF" d="M167.083,61.328l1.867,4.801l-0.885,0.344l-1.867-4.801l-3.475,1.352l1.951,5.016l-0.948,0.368l-2.368-6.09 l9.476-3.685l2.368,6.09l-0.947,0.368l-1.95-5.016L167.083,61.328z"/> <path fill="#FFFFFF" d="M165.274,70.118l1.381,4.995l-0.98,0.271l-1.688-6.107l9.808-2.712l0.307,1.111L165.274,70.118z"/> <path fill="#FFFFFF" d="M166.711,81.932l-0.149-1.129l8.72-5.032l-0.004-0.027l-9.222,1.215l-0.15-1.143l10.082-1.328l0.261,1.977 l-8.162,4.698l9.102,2.439l0.26,1.977l-10.082,1.327l-0.15-1.143l9.222-1.214l-0.003-0.027L166.711,81.932z"/> <path fill="#FFFFFF" d="M169.422,89.278l-2.143-0.825l0.021-1.208l10.107,3.887l-0.029,1.628l-10.242,3.615l0.021-1.194 l2.172-0.761L169.422,89.278z M176.444,91.956l-6.077-2.349l-0.081,4.504L176.444,91.956z"/> <path fill="#FFFFFF" d="M166.896,97.875l0.165-1.141l10.071,1.453l-0.671,4.646c-0.313,2.175-1.056,3.041-3.352,2.71 c-1.41-0.204-2.435-0.516-2.405-2.144l-0.026-0.003c-0.244,1.116-0.96,1.52-2.048,1.362l-2.672-0.385l0.165-1.142l2.135,0.308 c1.275,0.185,1.938-0.035,2.138-1.418l0.528-3.666L166.896,97.875z M171.424,102.12c-0.2,1.767,0.306,2.06,1.971,2.3 c1.289,0.186,1.798,0.081,2.058-1.719l0.508-3.518l-4.028-0.581L171.424,102.12z"/> <path fill="#FFFFFF" d="M165.342,106.683l0.258-1.123l9.911,2.277l-0.259,1.123L165.342,106.683z"/> <path fill="#FFFFFF" d="M164.03,111.44l0.338-1.103l8.754,2.679l0.965-3.152l0.973,0.298l-2.266,7.406l-0.973-0.298l0.964-3.151 L164.03,111.44z"/> <path fill="#FFFFFF" d="M159.035,123.327l0.524-1.027l8.277,4.223l-1.366-3.621l0.943-0.326l1.443,3.889l-0.759,1.486 L159.035,123.327z"/> <path fill="#FFFFFF" d="M156.295,127.97l0.646-1.02l1.169,0.739l-0.646,1.02L156.295,127.97z M161.143,131.036l0.645-1.021 l1.169,0.739l-0.645,1.021L161.143,131.036z"/> <path fill="#FFFFFF" d="M150.608,135.781l4.466-5.801l1.364,1.051c2.095,1.612,1.548,2.611,0.264,4.702 c-1.144,1.84-1.508,2.158,0.168,3.448c1.665,1.282,2.021,0.975,3.196-0.551c1.488-1.934,1.527-2.229,0.02-3.338l-0.419-0.322 l0.703-0.913l0.419,0.322c1.762,1.356,2.232,2.078,0.083,4.871c-1.646,2.138-2.664,2.415-4.705,0.844 c-2.138-1.646-1.838-2.612-0.436-4.767c1.175-1.815,1.314-2.375,0.133-3.285l-0.688-0.529l-3.763,4.888L150.608,135.781z"/> <path fill="#FFFFFF" d="M148.409,138.093l0.821-0.884l1.014,0.941l-0.822,0.884L148.409,138.093z"/> <path fill="#FFFFFF" d="M149.132,144.915c1.193-0.741,1.755-0.479,2.759,0.642c1.684,1.879,0.897,2.729-0.972,4.403 c-1.808,1.619-2.792,2.391-4.492,0.492c-0.869-0.97-1.284-1.636-0.354-2.814l-0.01-0.01c-1.175,0.761-1.845,0.542-2.939-0.681 c-1.729-1.929-1.301-2.713,0.901-4.685c1.808-1.62,2.811-2.554,4.756-0.383c0.977,1.092,1.374,1.737,0.333,3.016L149.132,144.915z M144.704,143.02c-1.714,1.481-1.762,1.997-0.722,3.159c1.132,1.263,1.508,1.235,3.255-0.33c1.688-1.512,1.879-1.866,0.685-3.199 C146.827,141.427,146.599,141.376,144.704,143.02z M147.916,146.605c-1.728,1.548-1.698,1.886-0.63,3.077 c0.932,1.041,1.208,1.085,2.955-0.48c1.737-1.557,1.761-1.796,0.792-2.876C150.001,145.174,149.663,145.04,147.916,146.605z"/> <path fill="#FFFFFF" d="M138.929,144.7l1.017-0.7l0.181,14.084l-1.039,0.716L138.929,144.7z"/> <path fill="#FFFFFF" d="M126.17,154.08l6.518-3.345l0.787,1.532c1.208,2.354,0.286,3.025-1.769,4.369 c-1.819,1.179-2.285,1.311-1.319,3.193c0.961,1.871,1.414,1.745,3.128,0.865c2.173-1.115,2.334-1.365,1.442-3.013l-0.241-0.471 l1.026-0.526l0.241,0.471c1.016,1.979,1.134,2.834-2.004,4.444c-2.401,1.232-3.441,1.05-4.618-1.243 c-1.233-2.402-0.549-3.149,1.639-4.502c1.839-1.142,2.204-1.589,1.522-2.916l-0.396-0.772l-5.491,2.818L126.17,154.08z"/> <path fill="#FFFFFF" d="M120.145,159.919l-1.389,0.506l-0.348-0.955l1.389-0.506l-0.793-2.179l1.083-0.395l0.793,2.179l5.377-1.957 l0.469,1.286l-2.587,7.839l-1.656,0.604L120.145,159.919z M123.311,165.246l0.025-0.01l2.377-7.344l-4.485,1.633L123.311,165.246z"/> <path fill="#FFFFFF" d="M107.742,161.561l0.56-2.226l1.2-0.125l-2.63,10.499l-1.618,0.169l-4.83-9.724l1.188-0.123l1.019,2.062 L107.742,161.561z M105.937,168.853l1.593-6.315l-4.479,0.466L105.937,168.853z"/> <path fill="#FFFFFF" d="M100.395,167.411c-0.043,2.713-1.294,2.938-3.804,2.898c-2.197-0.035-3.783-0.154-3.617-2.92l1.152,0.018 c0.026,1.778,0.364,1.852,2.521,1.886c2.252,0.035,2.568-0.245,2.591-1.655c0.03-1.94-0.895-1.792-2.793-1.876 c-2.412-0.174-3.635-0.125-3.591-2.879c0.045-2.876,1.403-2.949,3.967-2.909c2.591,0.041,3.929,0.374,3.666,3.314l-1.153-0.019 c0.062-2.237-0.372-2.244-2.528-2.278c-2.171-0.034-2.768-0.044-2.799,1.95c-0.031,1.94,0.843,1.628,2.698,1.807 C98.711,164.942,100.438,164.726,100.395,167.411z"/> <path fill="#FFFFFF" d="M90.977,170.03l-5.135-0.67c-1.949-0.255-2.234-1.632-2.008-3.366c0.117-0.9,0.418-3.104,2.865-2.784 l3.938,0.515l0.513-3.926l1.143,0.149L90.977,170.03z M89.966,168.873l0.54-4.141l-2.957-0.386 c-1.52-0.198-2.297-0.313-2.554,1.649c-0.252,1.936,0.063,2.236,1.476,2.421L89.966,168.873z"/> <path fill="#FFFFFF" d="M75.924,156.718l1.114,0.293l-1.189,4.521l5.754,1.515l1.189-4.522l1.114,0.293l-2.586,9.831l-1.114-0.293 l1.138-4.326l-5.754-1.514l-1.138,4.325l-1.115-0.293L75.924,156.718z"/> <path fill="#FFFFFF" d="M28.891,121.083l-0.477-1.108c-0.598-1.321-0.776-1.908-2.358-1.229c-1.544,0.665-1.584,0.947-0.636,3.151 c0.771,1.793,1.027,1.978,2.506,1.401l0.398-0.172l0.455,1.059l-0.398,0.171c-2.391,1.028-3.022-0.027-3.954-2.194 c-0.844-1.997-1.44-3.35,0.987-4.394c1.195-0.515,2.154-0.72,2.843,0.606l0.025-0.011c-0.499-1.468,0.027-2.062,1.397-2.651 c2.814-1.211,3.314,0.227,4.278,2.468c0.921,2.142,1.142,3.478-1.053,4.378l-0.623,0.268l-0.455-1.059l0.623-0.268 c1.457-0.626,1.399-0.896,0.575-2.918c-0.938-2.282-1.146-2.561-3.001-1.763c-1.581,0.68-1.248,1.422-0.674,2.754l0.477,1.108 L28.891,121.083z"/> <path fill="#FFFFFF" d="M26.321,113.208c0.148,1.396-0.332,1.789-1.778,2.205c-2.424,0.698-2.847-0.379-3.542-2.79 c-0.672-2.332-0.939-3.554,1.511-4.26c1.251-0.36,2.031-0.443,2.688,0.905l0.013-0.004c-0.174-1.389,0.314-1.896,1.891-2.351 c2.489-0.717,3.008,0.008,3.827,2.849c0.672,2.333,1.077,3.642-1.725,4.448c-1.407,0.405-2.162,0.481-2.86-1.011L26.321,113.208z M25.328,111.377c-0.642-2.229-0.958-2.349-2.496-1.905c-1.342,0.387-1.502,0.616-0.853,2.87c0.646,2.241,0.851,2.365,2.245,1.964 C25.71,113.878,25.978,113.632,25.328,111.377z M29.954,110.045c-0.587-2.188-1.032-2.455-2.53-2.023 c-1.628,0.469-1.768,0.819-1.118,3.074c0.627,2.176,0.862,2.503,2.583,2.008C30.465,112.649,30.61,112.467,29.954,110.045z"/> <path fill="#FFFFFF" d="M28.763,99.915l0.178,1.139l-9.177,1.432l3.229,2.132l-0.573,0.816l-3.447-2.303l-0.257-1.648 L28.763,99.915z"/> <path fill="#FFFFFF" d="M28.138,91.251l0.035,1.151l-9.282,0.282l2.938,2.515l-0.669,0.739l-3.134-2.712l-0.05-1.667L28.138,91.251 z"/> <path fill="#FFFFFF" d="M20.595,87.039c-2.401-0.25-2.567-1.695-2.348-4.059c0.154-1.66,0.308-3.472,2.645-3.255l0.324,0.03 l-0.106,1.147l-0.284-0.026c-1.351-0.125-1.426,0.686-1.566,2.197c-0.171,1.851-0.27,2.618,1.442,2.817l2.174,0.201l0.002-0.027 c-0.611-0.315-0.835-1.126-0.692-2.665c0.26-2.809,0.672-3.725,3.521-3.46c2.728,0.252,3.092,1.172,2.826,4.048 c-0.263,2.836-0.78,3.714-3.926,3.423L20.595,87.039z M24.712,86.263c2.201,0.204,2.584,0.035,2.807-2.368 c0.232-2.512-0.096-2.638-1.919-2.807c-1.917-0.178-2.179,0.002-2.379,2.163C23.014,85.479,23.078,86.111,24.712,86.263z"/> <path fill="#FFFFFF" d="M30.579,71.853l-1.582,7.151l-1.682-0.371c-2.583-0.572-2.512-1.709-2.236-4.148 c0.254-2.153,0.449-2.597-1.617-3.054c-2.053-0.454-2.245-0.023-2.661,1.856c-0.527,2.385-0.438,2.668,1.399,3.033l0.517,0.114 l-0.249,1.126l-0.517-0.115c-2.172-0.48-2.905-0.934-2.144-4.378c0.583-2.636,1.387-3.318,3.904-2.762 c2.636,0.583,2.775,1.586,2.42,4.133c-0.293,2.145-0.183,2.711,1.274,3.033l0.848,0.188l1.333-6.026L30.579,71.853z"/> <path fill="#FFFFFF" d="M29.945,63.475l0.499-1.393l0.958,0.344l-0.499,1.392l2.184,0.783l-0.389,1.086l-2.184-0.783l-1.932,5.39 l-1.29-0.462l-4.379-7.003l0.595-1.661L29.945,63.475z M23.822,62.505l-0.009,0.025l4.132,6.525l1.611-4.495L23.822,62.505z"/> </g> </svg> <div class="leica_lens_5"> <div class="leica_lens_6"> <div class="leica_lens_7"> <div class="leica_lens_8"> <div class="leica_lens_9"> <div class="leica_lens_flare"> </div> <div class="leica_lens_flare_2"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="leica_blackbit_left"></div> <div class="leica_blackbit_right"></div> <div class="leica_dial_1"></div> <div class="leica_dial_2"></div> <div class="leica_shoe"> <div class="leica_shoe_left"> <div class="leica_shoe_left_top"></div> <div class="leica_shoe_left_bottom"></div> </div> <div class="leica_shoe_right"> <div class="leica_shoe_right_top"></div> <div class="leica_shoe_right_bottom"></div> </div> </div> <div class="leica_shutter"></div> <div class="leica_ring_left"> <div class="leica_ring_inner"></div> </div> <div class="leica_ring_right"> <div class="leica_ring_inner"></div> </div> </div> <div class="leica_shadow"></div> </div> <div class="description tk-futura-pt"> <p>As a bit of a challenge I decided to try and illustrate something using nothing but css. I chose the beautiful <a href="http://us.leica-camera.com/photography/compact_cameras/x1/">Leica X1</a>. I had to resort to SVG's for the logo and lens text and also got a little help <a href="http://www.colorzilla.com/gradient-editor/">generating the cross-browser gradients</a></p> <p><a href="http://www.twitter.com/dmatthams">@dmatthams</a></p> </div> </div> </body> </html>
/* Copyright (c) 2011, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.9.0 */ html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000} body { overflow:hidden; } h1 { font-family: 'Helvetica Neue', arial, sans-serif; text-align: center; padding-top:100px; font-size: 3em; font-weight:500; color:#333; } h1 strong { color: #e6001a; } .canvas { display: block; height: 475px; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-8 */ } .leica_container { margin: -224px auto 0 auto; width: 460px; position: relative; } .leica { width: 460px; height: 225px; background: #696863; /* Old browsers */ position: relative; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.3); box-shadow: inset 0px -2px 0px rgba(0,0,0,0.3); background: rgb(185,184,179); /* Old browsers */ background: -moz-linear-gradient(left, rgba(185,184,179,1) 0%, rgba(173,172,167,1) 3%, rgba(178,177,173,1) 4%, rgba(225,225,227,1) 7%, rgba(234,234,236,1) 8%, rgba(238,238,238,1) 9%, rgba(234,234,236,1) 10%, rgba(218,218,220,1) 11%, rgba(223,222,227,1) 11%, rgba(212,212,214,1) 12%, rgba(210,209,214,1) 14%, rgba(209,209,211,1) 15%, rgba(204,204,204,1) 39%, rgba(181,181,181,1) 66%, rgba(186,186,186,1) 71%, rgba(188,188,186,1) 75%, rgba(192,192,190,1) 78%, rgba(189,189,187,1) 80%, rgba(190,190,188,1) 83%, rgba(188,188,186,1) 84%, rgba(190,190,188,1) 87%, rgba(188,188,186,1) 88%, rgba(182,182,180,1) 89%, rgba(141,142,136,1) 92%, rgba(114,114,106,1) 96%, rgba(95,92,85,1) 99%, rgba(99,96,89,1) 99%, rgba(108,105,100,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(185,184,179,1)), color-stop(3%,rgba(173,172,167,1)), color-stop(4%,rgba(178,177,173,1)), color-stop(7%,rgba(225,225,227,1)), color-stop(8%,rgba(234,234,236,1)), color-stop(9%,rgba(238,238,238,1)), color-stop(10%,rgba(234,234,236,1)), color-stop(11%,rgba(218,218,220,1)), color-stop(11%,rgba(223,222,227,1)), color-stop(12%,rgba(212,212,214,1)), color-stop(14%,rgba(210,209,214,1)), color-stop(15%,rgba(209,209,211,1)), color-stop(39%,rgba(204,204,204,1)), color-stop(66%,rgba(181,181,181,1)), color-stop(71%,rgba(186,186,186,1)), color-stop(75%,rgba(188,188,186,1)), color-stop(78%,rgba(192,192,190,1)), color-stop(80%,rgba(189,189,187,1)), color-stop(83%,rgba(190,190,188,1)), color-stop(84%,rgba(188,188,186,1)), color-stop(87%,rgba(190,190,188,1)), color-stop(88%,rgba(188,188,186,1)), color-stop(89%,rgba(182,182,180,1)), color-stop(92%,rgba(141,142,136,1)), color-stop(96%,rgba(114,114,106,1)), color-stop(99%,rgba(95,92,85,1)), color-stop(99%,rgba(99,96,89,1)), color-stop(100%,rgba(108,105,100,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(185,184,179,1) 0%,rgba(173,172,167,1) 3%,rgba(178,177,173,1) 4%,rgba(225,225,227,1) 7%,rgba(234,234,236,1) 8%,rgba(238,238,238,1) 9%,rgba(234,234,236,1) 10%,rgba(218,218,220,1) 11%,rgba(223,222,227,1) 11%,rgba(212,212,214,1) 12%,rgba(210,209,214,1) 14%,rgba(209,209,211,1) 15%,rgba(204,204,204,1) 39%,rgba(181,181,181,1) 66%,rgba(186,186,186,1) 71%,rgba(188,188,186,1) 75%,rgba(192,192,190,1) 78%,rgba(189,189,187,1) 80%,rgba(190,190,188,1) 83%,rgba(188,188,186,1) 84%,rgba(190,190,188,1) 87%,rgba(188,188,186,1) 88%,rgba(182,182,180,1) 89%,rgba(141,142,136,1) 92%,rgba(114,114,106,1) 96%,rgba(95,92,85,1) 99%,rgba(99,96,89,1) 99%,rgba(108,105,100,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(185,184,179,1) 0%,rgba(173,172,167,1) 3%,rgba(178,177,173,1) 4%,rgba(225,225,227,1) 7%,rgba(234,234,236,1) 8%,rgba(238,238,238,1) 9%,rgba(234,234,236,1) 10%,rgba(218,218,220,1) 11%,rgba(223,222,227,1) 11%,rgba(212,212,214,1) 12%,rgba(210,209,214,1) 14%,rgba(209,209,211,1) 15%,rgba(204,204,204,1) 39%,rgba(181,181,181,1) 66%,rgba(186,186,186,1) 71%,rgba(188,188,186,1) 75%,rgba(192,192,190,1) 78%,rgba(189,189,187,1) 80%,rgba(190,190,188,1) 83%,rgba(188,188,186,1) 84%,rgba(190,190,188,1) 87%,rgba(188,188,186,1) 88%,rgba(182,182,180,1) 89%,rgba(141,142,136,1) 92%,rgba(114,114,106,1) 96%,rgba(95,92,85,1) 99%,rgba(99,96,89,1) 99%,rgba(108,105,100,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(185,184,179,1) 0%,rgba(173,172,167,1) 3%,rgba(178,177,173,1) 4%,rgba(225,225,227,1) 7%,rgba(234,234,236,1) 8%,rgba(238,238,238,1) 9%,rgba(234,234,236,1) 10%,rgba(218,218,220,1) 11%,rgba(223,222,227,1) 11%,rgba(212,212,214,1) 12%,rgba(210,209,214,1) 14%,rgba(209,209,211,1) 15%,rgba(204,204,204,1) 39%,rgba(181,181,181,1) 66%,rgba(186,186,186,1) 71%,rgba(188,188,186,1) 75%,rgba(192,192,190,1) 78%,rgba(189,189,187,1) 80%,rgba(190,190,188,1) 83%,rgba(188,188,186,1) 84%,rgba(190,190,188,1) 87%,rgba(188,188,186,1) 88%,rgba(182,182,180,1) 89%,rgba(141,142,136,1) 92%,rgba(114,114,106,1) 96%,rgba(95,92,85,1) 99%,rgba(99,96,89,1) 99%,rgba(108,105,100,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(185,184,179,1) 0%,rgba(173,172,167,1) 3%,rgba(178,177,173,1) 4%,rgba(225,225,227,1) 7%,rgba(234,234,236,1) 8%,rgba(238,238,238,1) 9%,rgba(234,234,236,1) 10%,rgba(218,218,220,1) 11%,rgba(223,222,227,1) 11%,rgba(212,212,214,1) 12%,rgba(210,209,214,1) 14%,rgba(209,209,211,1) 15%,rgba(204,204,204,1) 39%,rgba(181,181,181,1) 66%,rgba(186,186,186,1) 71%,rgba(188,188,186,1) 75%,rgba(192,192,190,1) 78%,rgba(189,189,187,1) 80%,rgba(190,190,188,1) 83%,rgba(188,188,186,1) 84%,rgba(190,190,188,1) 87%,rgba(188,188,186,1) 88%,rgba(182,182,180,1) 89%,rgba(141,142,136,1) 92%,rgba(114,114,106,1) 96%,rgba(95,92,85,1) 99%,rgba(99,96,89,1) 99%,rgba(108,105,100,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b8b3', endColorstr='#6c6964',GradientType=1 ); /* IE6-9 */ } .leica_lighting { width: 460px; height: 225px; position: absolute; z-index: 10; } .leica_grip_container { position: absolute; top: 30px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #63625e; width: 460px; height: 178px; z-index: 20; -moz-box-shadow: inset 0px 0px 1px rgba(0,0,0,1); -webkit-box-shadow: inset 0px 0px 1px rgba(0,0,0,1); box-shadow: inset 0px 0px 1px rgba(0,0,0,1); background: rgb(126,125,121); /* Old browsers */ background: -moz-linear-gradient(left, rgba(126,125,121,1) 0%, rgba(62,62,60,1) 5%, rgba(113,111,112,1) 11%, rgba(61,61,61,1) 19%, rgba(53,52,50,1) 38%, rgba(35,35,35,1) 91%, rgba(35,35,35,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(126,125,121,1)), color-stop(5%,rgba(62,62,60,1)), color-stop(11%,rgba(113,111,112,1)), color-stop(19%,rgba(61,61,61,1)), color-stop(38%,rgba(53,52,50,1)), color-stop(91%,rgba(35,35,35,1)), color-stop(100%,rgba(35,35,35,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(126,125,121,1) 0%,rgba(62,62,60,1) 5%,rgba(113,111,112,1) 11%,rgba(61,61,61,1) 19%,rgba(53,52,50,1) 38%,rgba(35,35,35,1) 91%,rgba(35,35,35,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(126,125,121,1) 0%,rgba(62,62,60,1) 5%,rgba(113,111,112,1) 11%,rgba(61,61,61,1) 19%,rgba(53,52,50,1) 38%,rgba(35,35,35,1) 91%,rgba(35,35,35,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(126,125,121,1) 0%,rgba(62,62,60,1) 5%,rgba(113,111,112,1) 11%,rgba(61,61,61,1) 19%,rgba(53,52,50,1) 38%,rgba(35,35,35,1) 91%,rgba(35,35,35,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(126,125,121,1) 0%,rgba(62,62,60,1) 5%,rgba(113,111,112,1) 11%,rgba(61,61,61,1) 19%,rgba(53,52,50,1) 38%,rgba(35,35,35,1) 91%,rgba(35,35,35,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7d79', endColorstr='#232323',GradientType=1 ); /* IE6-9 */ } .leica_grip { position: absolute; top: 3px; width: 460px; height: 170px; background: rgb(115,116,111); /* Old browsers */ background: -moz-linear-gradient(left, rgba(115,116,111,1) 0%, rgba(95,95,93,1) 1%, rgba(78,78,76,1) 3%, rgba(67,67,67,1) 4%, rgba(63,63,63,1) 9%, rgba(57,57,57,1) 13%, rgba(57,57,57,1) 26%, rgba(53,53,53,1) 30%, rgba(53,53,53,1) 37%, rgba(46,46,46,1) 43%, rgba(48,48,48,1) 46%, rgba(55,55,55,1) 49%, rgba(57,57,57,1) 51%, rgba(50,50,50,1) 56%, rgba(53,53,53,1) 58%, rgba(51,51,51,1) 60%, rgba(35,35,35,1) 62%, rgba(30,30,30,1) 63%, rgba(30,30,30,1) 77%, rgba(36,36,36,1) 91%, rgba(33,33,33,1) 93%, rgba(24,24,22,1) 97%, rgba(27,27,25,1) 98%, rgba(43,43,41,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(115,116,111,1)), color-stop(1%,rgba(95,95,93,1)), color-stop(3%,rgba(78,78,76,1)), color-stop(4%,rgba(67,67,67,1)), color-stop(9%,rgba(63,63,63,1)), color-stop(13%,rgba(57,57,57,1)), color-stop(26%,rgba(57,57,57,1)), color-stop(30%,rgba(53,53,53,1)), color-stop(37%,rgba(53,53,53,1)), color-stop(43%,rgba(46,46,46,1)), color-stop(46%,rgba(48,48,48,1)), color-stop(49%,rgba(55,55,55,1)), color-stop(51%,rgba(57,57,57,1)), color-stop(56%,rgba(50,50,50,1)), color-stop(58%,rgba(53,53,53,1)), color-stop(60%,rgba(51,51,51,1)), color-stop(62%,rgba(35,35,35,1)), color-stop(63%,rgba(30,30,30,1)), color-stop(77%,rgba(30,30,30,1)), color-stop(91%,rgba(36,36,36,1)), color-stop(93%,rgba(33,33,33,1)), color-stop(97%,rgba(24,24,22,1)), color-stop(98%,rgba(27,27,25,1)), color-stop(100%,rgba(43,43,41,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(115,116,111,1) 0%,rgba(95,95,93,1) 1%,rgba(78,78,76,1) 3%,rgba(67,67,67,1) 4%,rgba(63,63,63,1) 9%,rgba(57,57,57,1) 13%,rgba(57,57,57,1) 26%,rgba(53,53,53,1) 30%,rgba(53,53,53,1) 37%,rgba(46,46,46,1) 43%,rgba(48,48,48,1) 46%,rgba(55,55,55,1) 49%,rgba(57,57,57,1) 51%,rgba(50,50,50,1) 56%,rgba(53,53,53,1) 58%,rgba(51,51,51,1) 60%,rgba(35,35,35,1) 62%,rgba(30,30,30,1) 63%,rgba(30,30,30,1) 77%,rgba(36,36,36,1) 91%,rgba(33,33,33,1) 93%,rgba(24,24,22,1) 97%,rgba(27,27,25,1) 98%,rgba(43,43,41,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(115,116,111,1) 0%,rgba(95,95,93,1) 1%,rgba(78,78,76,1) 3%,rgba(67,67,67,1) 4%,rgba(63,63,63,1) 9%,rgba(57,57,57,1) 13%,rgba(57,57,57,1) 26%,rgba(53,53,53,1) 30%,rgba(53,53,53,1) 37%,rgba(46,46,46,1) 43%,rgba(48,48,48,1) 46%,rgba(55,55,55,1) 49%,rgba(57,57,57,1) 51%,rgba(50,50,50,1) 56%,rgba(53,53,53,1) 58%,rgba(51,51,51,1) 60%,rgba(35,35,35,1) 62%,rgba(30,30,30,1) 63%,rgba(30,30,30,1) 77%,rgba(36,36,36,1) 91%,rgba(33,33,33,1) 93%,rgba(24,24,22,1) 97%,rgba(27,27,25,1) 98%,rgba(43,43,41,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(115,116,111,1) 0%,rgba(95,95,93,1) 1%,rgba(78,78,76,1) 3%,rgba(67,67,67,1) 4%,rgba(63,63,63,1) 9%,rgba(57,57,57,1) 13%,rgba(57,57,57,1) 26%,rgba(53,53,53,1) 30%,rgba(53,53,53,1) 37%,rgba(46,46,46,1) 43%,rgba(48,48,48,1) 46%,rgba(55,55,55,1) 49%,rgba(57,57,57,1) 51%,rgba(50,50,50,1) 56%,rgba(53,53,53,1) 58%,rgba(51,51,51,1) 60%,rgba(35,35,35,1) 62%,rgba(30,30,30,1) 63%,rgba(30,30,30,1) 77%,rgba(36,36,36,1) 91%,rgba(33,33,33,1) 93%,rgba(24,24,22,1) 97%,rgba(27,27,25,1) 98%,rgba(43,43,41,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(115,116,111,1) 0%,rgba(95,95,93,1) 1%,rgba(78,78,76,1) 3%,rgba(67,67,67,1) 4%,rgba(63,63,63,1) 9%,rgba(57,57,57,1) 13%,rgba(57,57,57,1) 26%,rgba(53,53,53,1) 30%,rgba(53,53,53,1) 37%,rgba(46,46,46,1) 43%,rgba(48,48,48,1) 46%,rgba(55,55,55,1) 49%,rgba(57,57,57,1) 51%,rgba(50,50,50,1) 56%,rgba(53,53,53,1) 58%,rgba(51,51,51,1) 60%,rgba(35,35,35,1) 62%,rgba(30,30,30,1) 63%,rgba(30,30,30,1) 77%,rgba(36,36,36,1) 91%,rgba(33,33,33,1) 93%,rgba(24,24,22,1) 97%,rgba(27,27,25,1) 98%,rgba(43,43,41,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73746f', endColorstr='#2b2b29',GradientType=1 ); /* IE6-9 */ border-top: 1px solid #000000; border-bottom: 1px solid #000000; } .leica_grip_shading { position: absolute; top: 30px; width: 460px; height: 178px; background: #3a3a3a; z-index: 20; } .leica_lens_container { position: absolute; display: block; width: 214px; height: 214px; background: #464646; -moz-border-radius: 107px; border-radius: 107px; left: 175px; top: 7px; -moz-box-shadow: 10px 3px 14px rgba(0,0,0,0.9); -webkit-box-shadow: 10px 3px 14px rgba(0,0,0,0.9); box-shadow: 10px 3px 14px rgba(0,0,0,0.9); z-index: 20; } .leica_lens { position: absolute; display: block; width: 214px; height: 214px; background: #38383a; -moz-border-radius: 107px; border-radius: 107px; -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,1); -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,1); box-shadow: inset 0px 1px 1px rgba(255,255,255,1); z-index: 20; } .leica_lens_1 { position: absolute; display: block; top: 6px; left: 6px; width: 202px; height: 202px; -moz-border-radius: 104px; border-radius: 101px; border: 1px solid #626264; -moz-box-shadow: 3px 0px 0px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 0px 0px rgba(0,0,0,0.5); box-shadow: 3px 0px 0px rgba(0,0,0,0.5); } .leica_lens_2 { position: absolute; display: block; top: 10px; left: 11px; width: 174px; height: 174px; -moz-border-radius: 89px; border-radius: 89px; border: 4px solid #080808; -moz-box-shadow: 1px 0px 0px rgba(255,255,255,0.1); -webkit-box-shadow: 1px 0px 0px rgba(255,255,255,0.1); box-shadow: 1px 0px 0px rgba(255,255,255,0.1); background-color: #3c3c3e; } .leica_lens_3 { position: absolute; display: block; top: 8px; left: 8px; width: 154px; height: 154px; background: #38383a; -moz-border-radius: 78px; border-radius: 78px; border: 2px solid #080808; -moz-box-shadow: 1px 0px 0px rgba(255,255,255,0.1); -webkit-box-shadow: 1px 0px 0px rgba(255,255,255,0.1); box-shadow: 1px 0px 0px rgba(255,255,255,0.1); } .leica_lens_4 { position: absolute; display: block; top: 4px; left: 4px; width: 144px; height: 144px; -moz-border-radius: 73px; border-radius: 73px; border: 1px solid #313131; -moz-box-shadow: -1px 0px 0px #080808; -webkit-box-shadow: -1px 0px 0px #080808; box-shadow: -1px 0px 0px #080808; background-color: #3c3c3e; } .leica_lens_5 { position: absolute; display: block; top: 17px; left: 17px; width: 108px; height: 108px; -moz-border-radius: 54px; border-radius: 54px; border: 1px solid #242424; -moz-box-shadow: 1px 0px 0px rgba(255,255,255,0.1); -webkit-box-shadow: 1px 0px 0px rgba(255,255,255,0.1); box-shadow: 1px 0px 0px rgba(255,255,255,0.1); } .leica_lens_6 { position: absolute; display: block; top: 2px; left: 2px; width: 102px; height: 102px; -moz-border-radius: 52px; border-radius: 52px; border: 1px solid #242424; -moz-box-shadow: inset -1px -0.5px 0px rgba(255,255,255,0.3); -webkit-box-shadow: inset -1px -0.5px 0px rgba(255,255,255,0.3); box-shadow: inset -1px -0.5px 0px rgba(255,255,255,0.3); background-color: #323232; } .leica_lens_7 { background-color: black; position: absolute; display: block; top: 12px; left: 12px; width: 76px; height: 76px; -moz-border-radius: 38px; border-radius: 38px; border: 1px solid #242424; } .leica_lens_8 { background-color: #2a2a28; position: absolute; display: block; top: 18px; left: 18px; width: 40px; height: 40px; -moz-border-radius: 38px; border-radius: 38px; -moz-box-shadow: inset -5px 0px 3px rgba(0,0,0,0.4); -webkit-box-shadow: inset -5px 0px 3px rgba(0,0,0,0.4); box-shadow: inset -5px 0px 3px rgba(0,0,0,0.4); } .leica_lens_9 { position: absolute; width: 34px; height: 34px; left: 3px; top: 3px; -moz-border-radius: 17px; border-radius: 17px; background-color: #2a2a28; -moz-box-shadow: inset 0px 0px 20px rgba(0,0,0,1); -webkit-box-shadow: inset 0px 0px 20px rgba(0,0,0,1); box-shadow: inset 0px 0px 20px rgba(0,0,0,1); } .leica_lens_flare { position: absolute; width: 45px; height: 45px; -moz-border-radius: 17px; border-radius: 17px; left: -15px; top: -15px; background: -moz-radial-gradient(center, ellipse cover, rgba(173,124,191,0.53) 0%, rgba(173,124,191,0) 34%, rgba(173,124,191,0) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(173,124,191,0.53)), color-stop(34%,rgba(173,124,191,0)), color-stop(100%,rgba(173,124,191,0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(173,124,191,0.53) 0%,rgba(173,124,191,0) 34%,rgba(173,124,191,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(173,124,191,0.53) 0%,rgba(173,124,191,0) 34%,rgba(173,124,191,0) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(173,124,191,0.53) 0%,rgba(173,124,191,0) 34%,rgba(173,124,191,0) 100%); /* IE10+ */ background: radial-gradient(center, ellipse cover, rgba(173,124,191,0.53) 0%,rgba(173,124,191,0) 34%,rgba(173,124,191,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87ad7cbf', endColorstr='#00ad7cbf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .leica_lens_flare_2 { position: absolute; width: 40px; height: 40px; -moz-border-radius: 17px; border-radius: 17px; left: -8px; top: -8px; background: -moz-radial-gradient(center, ellipse cover, rgba(111,211,105,0.4) 0%, rgba(132,181,134,0) 34%, rgba(173,124,191,0) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(111,211,105,0.4)), color-stop(34%,rgba(132,181,134,0)), color-stop(100%,rgba(173,124,191,0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(111,211,105,0.4) 0%,rgba(132,181,134,0) 34%,rgba(173,124,191,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(111,211,105,0.4) 0%,rgba(132,181,134,0) 34%,rgba(173,124,191,0) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(111,211,105,0.4) 0%,rgba(132,181,134,0) 34%,rgba(173,124,191,0) 100%); /* IE10+ */ background: radial-gradient(center, ellipse cover, rgba(111,211,105,0.53) 0%,rgba(132,181,134,0) 34%,rgba(173,124,191,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#876fd369', endColorstr='#00ad7cbf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .leica_sensor_container { position: absolute; left: 195px; top: 6px; width: 20px; height: 20px; background-color: #222222; -moz-border-radius: 10px; border-radius: 10px; } .leica_sensor { position: absolute; width: 16px; height: 16px; top: 2px; left: 2px; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.2); -webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.2); box-shadow: inset 1px 1px 1px rgba(255,255,255,0.2); } .leica_sensor_shine { position: absolute; width: 16px; height: 16px; -moz-border-radius: 8px; border-radius: 8px; background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 28%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.3)), color-stop(28%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 100%); /* IE10+ */ background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .leica_logo_shine { width: 20px; height: 40px; position: absolute; top: 5px; right: 2px; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } .leica_logo { position: absolute; width: 40px; height: 40px; -moz-border-radius: 20px; border-radius: 20px; -moz-box-shadow: -1px 1px 0px rgba(0,0,0,0.5); -webkit-box-shadow: -1px 1px 0px rgba(0,0,0,0.5); box-shadow: -1px 1px 0px rgba(0,0,0,0.5); } .leica_logo svg { position: absolute; top: 10px; left: 3px; } .leica_logo_container { position: absolute; width: 40px; height: 40px; left: 80px; top: 12px; -moz-border-radius: 20px; border-radius: 20px; background: rgb(230,0,26); /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, rgba(230,0,26,1) 62%, rgba(155,0,2,1) 69%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(62%,rgba(230,0,26,1)), color-stop(69%,rgba(155,0,2,1))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(230,0,26,1) 62%,rgba(155,0,2,1) 69%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(230,0,26,1) 62%,rgba(155,0,2,1) 69%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(230,0,26,1) 62%,rgba(155,0,2,1) 69%); /* IE10+ */ background: radial-gradient(center, ellipse cover, rgba(230,0,26,1) 62%,rgba(155,0,2,1) 69%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6001a', endColorstr='#9b0002',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ z-index: 20; -moz-box-shadow: inset -1px 1px 0px rgba(255,255,255,0.5); -webkit-box-shadow: inset -1px 1px 0px rgba(255,255,255,0.5); box-shadow: inset -1px 1px 0px rgba(255,255,255,0.5); } .leica_shadow { border-top: 1px solid white; height: 20px; width: 460px; background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .leica_blackbit_left { width: 9px; height: 13px; position: absolute; background-color: black; top: 8px; left: -2px; -moz-border-radius: 3px; border-radius: 3px; background: rgb(186,186,186); /* Old browsers */ background: -moz-linear-gradient(left, rgba(186,186,186,1) 10%, rgba(25,25,25,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(10%,rgba(186,186,186,1)), color-stop(100%,rgba(25,25,25,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(186,186,186,1) 10%,rgba(25,25,25,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(186,186,186,1) 10%,rgba(25,25,25,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(186,186,186,1) 10%,rgba(25,25,25,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(186,186,186,1) 10%,rgba(25,25,25,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#191919',GradientType=1 ); /* IE6-9 */ -moz-box-shadow: inset -1px -1px 3px rgba(0,0,0,1); -webkit-box-shadow: inset -1px -1px 3px rgba(0,0,0,1); box-shadow: inset -1px -1px 3px rgba(0,0,0,1); } .leica_blackbit_right { width: 9px; height: 13px; position: absolute; background-color: black; top: 8px; right: -2px; -moz-border-radius: 3px; border-radius: 3px; background: rgb(25,25,25); /* Old browsers */ background: -moz-linear-gradient(left, rgba(25,25,25,1) 22%, rgba(186,186,186,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(22%,rgba(25,25,25,1)), color-stop(100%,rgba(186,186,186,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(25,25,25,1) 22%,rgba(186,186,186,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(25,25,25,1) 22%,rgba(186,186,186,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(25,25,25,1) 22%,rgba(186,186,186,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(25,25,25,1) 22%,rgba(186,186,186,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#bababa',GradientType=1 ); /* IE6-9 */ -moz-box-shadow: inset 1px -1px 0px rgba(255,255,255,0.5); -webkit-box-shadow: inset 1px -1px 0px rgba(255,255,255,0.5); box-shadow: inset 1px -1px 0px rgba(255,255,255,0.5); } .leica_dial_1 { position: absolute; top: -10px; left: 20px; -moz-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.3); box-shadow: inset 0px -1px 0px rgba(0,0,0,0.3); width: 100px; height: 10px; background: rgb(254,254,254); /* Old browsers */ background: -moz-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 8%, rgba(236,236,236,1) 8%, rgba(236,236,236,1) 10%, rgba(217,217,217,1) 10%, rgba(217,217,217,1) 11%, rgba(227,227,227,1) 12%, rgba(227,227,227,1) 13%, rgba(184,184,184,1) 14%, rgba(184,184,184,1) 15%, rgba(234,234,234,1) 16%, rgba(234,234,234,1) 17%, rgba(241,241,241,1) 18%, rgba(241,241,241,1) 19%, rgba(215,215,215,1) 19%, rgba(215,215,215,1) 21%, rgba(254,254,254,1) 21%, rgba(254,254,254,1) 23%, rgba(212,212,212,1) 23%, rgba(212,212,212,1) 25%, rgba(234,234,234,1) 25%, rgba(234,234,234,1) 27%, rgba(250,250,250,1) 27%, rgba(250,250,250,1) 29%, rgba(182,182,182,1) 29%, rgba(182,182,182,1) 31%, rgba(205,205,205,1) 31%, rgba(205,205,205,1) 33%, rgba(163,163,163,1) 33%, rgba(163,163,163,1) 35%, rgba(175,175,175,1) 35%, rgba(175,175,175,1) 37%, rgba(217,217,217,1) 37%, rgba(217,217,217,1) 39%, rgba(140,140,140,1) 39%, rgba(140,140,140,1) 41%, rgba(255,255,255,1) 41%, rgba(255,255,255,1) 43%, rgba(149,149,149,1) 43%, rgba(149,149,149,1) 45%, rgba(226,226,226,1) 45%, rgba(226,226,226,1) 46%, rgba(205,205,205,1) 47%, rgba(205,205,205,1) 48%, rgba(193,193,193,1) 49%, rgba(193,193,193,1) 50%, rgba(189,189,189,1) 51%, rgba(189,189,189,1) 52%, rgba(198,198,198,1) 53%, rgba(198,198,198,1) 54%, rgba(207,207,207,1) 54%, rgba(208,208,208,1) 58%, rgba(212,212,212,1) 58%, rgba(212,212,212,1) 60%, rgba(220,220,220,1) 60%, rgba(220,220,220,1) 62%, rgba(236,236,236,1) 62%, rgba(236,236,236,1) 64%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 72%, rgba(245,245,245,1) 72%, rgba(245,245,245,1) 74%, rgba(196,196,196,1) 74%, rgba(196,196,196,1) 76%, rgba(243,243,243,1) 76%, rgba(243,243,243,1) 78%, rgba(217,217,217,1) 78%, rgba(217,217,217,1) 80%, rgba(159,159,159,1) 80%, rgba(159,159,159,1) 82%, rgba(156,156,156,1) 82%, rgba(156,156,156,1) 83%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 85%, rgba(138,138,138,1) 86%, rgba(138,138,138,1) 87%, rgba(229,229,229,1) 88%, rgba(229,229,229,1) 89%, rgba(205,205,205,1) 89%, rgba(205,205,205,1) 91%, rgba(165,165,165,1) 91%, rgba(165,165,165,1) 93%, rgba(243,243,243,1) 93%, rgba(243,243,243,1) 95%, rgba(166,166,166,1) 95%, rgba(163,163,163,1) 99%, rgba(168,168,168,1) 99%, rgba(168,168,168,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,254,254,1)), color-stop(8%,rgba(255,255,255,1)), color-stop(8%,rgba(236,236,236,1)), color-stop(10%,rgba(236,236,236,1)), color-stop(10%,rgba(217,217,217,1)), color-stop(11%,rgba(217,217,217,1)), color-stop(12%,rgba(227,227,227,1)), color-stop(13%,rgba(227,227,227,1)), color-stop(14%,rgba(184,184,184,1)), color-stop(15%,rgba(184,184,184,1)), color-stop(16%,rgba(234,234,234,1)), color-stop(17%,rgba(234,234,234,1)), color-stop(18%,rgba(241,241,241,1)), color-stop(19%,rgba(241,241,241,1)), color-stop(19%,rgba(215,215,215,1)), color-stop(21%,rgba(215,215,215,1)), color-stop(21%,rgba(254,254,254,1)), color-stop(23%,rgba(254,254,254,1)), color-stop(23%,rgba(212,212,212,1)), color-stop(25%,rgba(212,212,212,1)), color-stop(25%,rgba(234,234,234,1)), color-stop(27%,rgba(234,234,234,1)), color-stop(27%,rgba(250,250,250,1)), color-stop(29%,rgba(250,250,250,1)), color-stop(29%,rgba(182,182,182,1)), color-stop(31%,rgba(182,182,182,1)), color-stop(31%,rgba(205,205,205,1)), color-stop(33%,rgba(205,205,205,1)), color-stop(33%,rgba(163,163,163,1)), color-stop(35%,rgba(163,163,163,1)), color-stop(35%,rgba(175,175,175,1)), color-stop(37%,rgba(175,175,175,1)), color-stop(37%,rgba(217,217,217,1)), color-stop(39%,rgba(217,217,217,1)), color-stop(39%,rgba(140,140,140,1)), color-stop(41%,rgba(140,140,140,1)), color-stop(41%,rgba(255,255,255,1)), color-stop(43%,rgba(255,255,255,1)), color-stop(43%,rgba(149,149,149,1)), color-stop(45%,rgba(149,149,149,1)), color-stop(45%,rgba(226,226,226,1)), color-stop(46%,rgba(226,226,226,1)), color-stop(47%,rgba(205,205,205,1)), color-stop(48%,rgba(205,205,205,1)), color-stop(49%,rgba(193,193,193,1)), color-stop(50%,rgba(193,193,193,1)), color-stop(51%,rgba(189,189,189,1)), color-stop(52%,rgba(189,189,189,1)), color-stop(53%,rgba(198,198,198,1)), color-stop(54%,rgba(198,198,198,1)), color-stop(54%,rgba(207,207,207,1)), color-stop(58%,rgba(208,208,208,1)), color-stop(58%,rgba(212,212,212,1)), color-stop(60%,rgba(212,212,212,1)), color-stop(60%,rgba(220,220,220,1)), color-stop(62%,rgba(220,220,220,1)), color-stop(62%,rgba(236,236,236,1)), color-stop(64%,rgba(236,236,236,1)), color-stop(64%,rgba(255,255,255,1)), color-stop(72%,rgba(255,255,255,1)), color-stop(72%,rgba(245,245,245,1)), color-stop(74%,rgba(245,245,245,1)), color-stop(74%,rgba(196,196,196,1)), color-stop(76%,rgba(196,196,196,1)), color-stop(76%,rgba(243,243,243,1)), color-stop(78%,rgba(243,243,243,1)), color-stop(78%,rgba(217,217,217,1)), color-stop(80%,rgba(217,217,217,1)), color-stop(80%,rgba(159,159,159,1)), color-stop(82%,rgba(159,159,159,1)), color-stop(82%,rgba(156,156,156,1)), color-stop(83%,rgba(156,156,156,1)), color-stop(84%,rgba(255,255,255,1)), color-stop(85%,rgba(255,255,255,1)), color-stop(86%,rgba(138,138,138,1)), color-stop(87%,rgba(138,138,138,1)), color-stop(88%,rgba(229,229,229,1)), color-stop(89%,rgba(229,229,229,1)), color-stop(89%,rgba(205,205,205,1)), color-stop(91%,rgba(205,205,205,1)), color-stop(91%,rgba(165,165,165,1)), color-stop(93%,rgba(165,165,165,1)), color-stop(93%,rgba(243,243,243,1)), color-stop(95%,rgba(243,243,243,1)), color-stop(95%,rgba(166,166,166,1)), color-stop(99%,rgba(163,163,163,1)), color-stop(99%,rgba(168,168,168,1)), color-stop(100%,rgba(168,168,168,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(254,254,254,1) 0%,rgba(255,255,255,1) 8%,rgba(236,236,236,1) 8%,rgba(236,236,236,1) 10%,rgba(217,217,217,1) 10%,rgba(217,217,217,1) 11%,rgba(227,227,227,1) 12%,rgba(227,227,227,1) 13%,rgba(184,184,184,1) 14%,rgba(184,184,184,1) 15%,rgba(234,234,234,1) 16%,rgba(234,234,234,1) 17%,rgba(241,241,241,1) 18%,rgba(241,241,241,1) 19%,rgba(215,215,215,1) 19%,rgba(215,215,215,1) 21%,rgba(254,254,254,1) 21%,rgba(254,254,254,1) 23%,rgba(212,212,212,1) 23%,rgba(212,212,212,1) 25%,rgba(234,234,234,1) 25%,rgba(234,234,234,1) 27%,rgba(250,250,250,1) 27%,rgba(250,250,250,1) 29%,rgba(182,182,182,1) 29%,rgba(182,182,182,1) 31%,rgba(205,205,205,1) 31%,rgba(205,205,205,1) 33%,rgba(163,163,163,1) 33%,rgba(163,163,163,1) 35%,rgba(175,175,175,1) 35%,rgba(175,175,175,1) 37%,rgba(217,217,217,1) 37%,rgba(217,217,217,1) 39%,rgba(140,140,140,1) 39%,rgba(140,140,140,1) 41%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 43%,rgba(149,149,149,1) 43%,rgba(149,149,149,1) 45%,rgba(226,226,226,1) 45%,rgba(226,226,226,1) 46%,rgba(205,205,205,1) 47%,rgba(205,205,205,1) 48%,rgba(193,193,193,1) 49%,rgba(193,193,193,1) 50%,rgba(189,189,189,1) 51%,rgba(189,189,189,1) 52%,rgba(198,198,198,1) 53%,rgba(198,198,198,1) 54%,rgba(207,207,207,1) 54%,rgba(208,208,208,1) 58%,rgba(212,212,212,1) 58%,rgba(212,212,212,1) 60%,rgba(220,220,220,1) 60%,rgba(220,220,220,1) 62%,rgba(236,236,236,1) 62%,rgba(236,236,236,1) 64%,rgba(255,255,255,1) 64%,rgba(255,255,255,1) 72%,rgba(245,245,245,1) 72%,rgba(245,245,245,1) 74%,rgba(196,196,196,1) 74%,rgba(196,196,196,1) 76%,rgba(243,243,243,1) 76%,rgba(243,243,243,1) 78%,rgba(217,217,217,1) 78%,rgba(217,217,217,1) 80%,rgba(159,159,159,1) 80%,rgba(159,159,159,1) 82%,rgba(156,156,156,1) 82%,rgba(156,156,156,1) 83%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 85%,rgba(138,138,138,1) 86%,rgba(138,138,138,1) 87%,rgba(229,229,229,1) 88%,rgba(229,229,229,1) 89%,rgba(205,205,205,1) 89%,rgba(205,205,205,1) 91%,rgba(165,165,165,1) 91%,rgba(165,165,165,1) 93%,rgba(243,243,243,1) 93%,rgba(243,243,243,1) 95%,rgba(166,166,166,1) 95%,rgba(163,163,163,1) 99%,rgba(168,168,168,1) 99%,rgba(168,168,168,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(254,254,254,1) 0%,rgba(255,255,255,1) 8%,rgba(236,236,236,1) 8%,rgba(236,236,236,1) 10%,rgba(217,217,217,1) 10%,rgba(217,217,217,1) 11%,rgba(227,227,227,1) 12%,rgba(227,227,227,1) 13%,rgba(184,184,184,1) 14%,rgba(184,184,184,1) 15%,rgba(234,234,234,1) 16%,rgba(234,234,234,1) 17%,rgba(241,241,241,1) 18%,rgba(241,241,241,1) 19%,rgba(215,215,215,1) 19%,rgba(215,215,215,1) 21%,rgba(254,254,254,1) 21%,rgba(254,254,254,1) 23%,rgba(212,212,212,1) 23%,rgba(212,212,212,1) 25%,rgba(234,234,234,1) 25%,rgba(234,234,234,1) 27%,rgba(250,250,250,1) 27%,rgba(250,250,250,1) 29%,rgba(182,182,182,1) 29%,rgba(182,182,182,1) 31%,rgba(205,205,205,1) 31%,rgba(205,205,205,1) 33%,rgba(163,163,163,1) 33%,rgba(163,163,163,1) 35%,rgba(175,175,175,1) 35%,rgba(175,175,175,1) 37%,rgba(217,217,217,1) 37%,rgba(217,217,217,1) 39%,rgba(140,140,140,1) 39%,rgba(140,140,140,1) 41%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 43%,rgba(149,149,149,1) 43%,rgba(149,149,149,1) 45%,rgba(226,226,226,1) 45%,rgba(226,226,226,1) 46%,rgba(205,205,205,1) 47%,rgba(205,205,205,1) 48%,rgba(193,193,193,1) 49%,rgba(193,193,193,1) 50%,rgba(189,189,189,1) 51%,rgba(189,189,189,1) 52%,rgba(198,198,198,1) 53%,rgba(198,198,198,1) 54%,rgba(207,207,207,1) 54%,rgba(208,208,208,1) 58%,rgba(212,212,212,1) 58%,rgba(212,212,212,1) 60%,rgba(220,220,220,1) 60%,rgba(220,220,220,1) 62%,rgba(236,236,236,1) 62%,rgba(236,236,236,1) 64%,rgba(255,255,255,1) 64%,rgba(255,255,255,1) 72%,rgba(245,245,245,1) 72%,rgba(245,245,245,1) 74%,rgba(196,196,196,1) 74%,rgba(196,196,196,1) 76%,rgba(243,243,243,1) 76%,rgba(243,243,243,1) 78%,rgba(217,217,217,1) 78%,rgba(217,217,217,1) 80%,rgba(159,159,159,1) 80%,rgba(159,159,159,1) 82%,rgba(156,156,156,1) 82%,rgba(156,156,156,1) 83%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 85%,rgba(138,138,138,1) 86%,rgba(138,138,138,1) 87%,rgba(229,229,229,1) 88%,rgba(229,229,229,1) 89%,rgba(205,205,205,1) 89%,rgba(205,205,205,1) 91%,rgba(165,165,165,1) 91%,rgba(165,165,165,1) 93%,rgba(243,243,243,1) 93%,rgba(243,243,243,1) 95%,rgba(166,166,166,1) 95%,rgba(163,163,163,1) 99%,rgba(168,168,168,1) 99%,rgba(168,168,168,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(254,254,254,1) 0%,rgba(255,255,255,1) 8%,rgba(236,236,236,1) 8%,rgba(236,236,236,1) 10%,rgba(217,217,217,1) 10%,rgba(217,217,217,1) 11%,rgba(227,227,227,1) 12%,rgba(227,227,227,1) 13%,rgba(184,184,184,1) 14%,rgba(184,184,184,1) 15%,rgba(234,234,234,1) 16%,rgba(234,234,234,1) 17%,rgba(241,241,241,1) 18%,rgba(241,241,241,1) 19%,rgba(215,215,215,1) 19%,rgba(215,215,215,1) 21%,rgba(254,254,254,1) 21%,rgba(254,254,254,1) 23%,rgba(212,212,212,1) 23%,rgba(212,212,212,1) 25%,rgba(234,234,234,1) 25%,rgba(234,234,234,1) 27%,rgba(250,250,250,1) 27%,rgba(250,250,250,1) 29%,rgba(182,182,182,1) 29%,rgba(182,182,182,1) 31%,rgba(205,205,205,1) 31%,rgba(205,205,205,1) 33%,rgba(163,163,163,1) 33%,rgba(163,163,163,1) 35%,rgba(175,175,175,1) 35%,rgba(175,175,175,1) 37%,rgba(217,217,217,1) 37%,rgba(217,217,217,1) 39%,rgba(140,140,140,1) 39%,rgba(140,140,140,1) 41%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 43%,rgba(149,149,149,1) 43%,rgba(149,149,149,1) 45%,rgba(226,226,226,1) 45%,rgba(226,226,226,1) 46%,rgba(205,205,205,1) 47%,rgba(205,205,205,1) 48%,rgba(193,193,193,1) 49%,rgba(193,193,193,1) 50%,rgba(189,189,189,1) 51%,rgba(189,189,189,1) 52%,rgba(198,198,198,1) 53%,rgba(198,198,198,1) 54%,rgba(207,207,207,1) 54%,rgba(208,208,208,1) 58%,rgba(212,212,212,1) 58%,rgba(212,212,212,1) 60%,rgba(220,220,220,1) 60%,rgba(220,220,220,1) 62%,rgba(236,236,236,1) 62%,rgba(236,236,236,1) 64%,rgba(255,255,255,1) 64%,rgba(255,255,255,1) 72%,rgba(245,245,245,1) 72%,rgba(245,245,245,1) 74%,rgba(196,196,196,1) 74%,rgba(196,196,196,1) 76%,rgba(243,243,243,1) 76%,rgba(243,243,243,1) 78%,rgba(217,217,217,1) 78%,rgba(217,217,217,1) 80%,rgba(159,159,159,1) 80%,rgba(159,159,159,1) 82%,rgba(156,156,156,1) 82%,rgba(156,156,156,1) 83%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 85%,rgba(138,138,138,1) 86%,rgba(138,138,138,1) 87%,rgba(229,229,229,1) 88%,rgba(229,229,229,1) 89%,rgba(205,205,205,1) 89%,rgba(205,205,205,1) 91%,rgba(165,165,165,1) 91%,rgba(165,165,165,1) 93%,rgba(243,243,243,1) 93%,rgba(243,243,243,1) 95%,rgba(166,166,166,1) 95%,rgba(163,163,163,1) 99%,rgba(168,168,168,1) 99%,rgba(168,168,168,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(254,254,254,1) 0%,rgba(255,255,255,1) 8%,rgba(236,236,236,1) 8%,rgba(236,236,236,1) 10%,rgba(217,217,217,1) 10%,rgba(217,217,217,1) 11%,rgba(227,227,227,1) 12%,rgba(227,227,227,1) 13%,rgba(184,184,184,1) 14%,rgba(184,184,184,1) 15%,rgba(234,234,234,1) 16%,rgba(234,234,234,1) 17%,rgba(241,241,241,1) 18%,rgba(241,241,241,1) 19%,rgba(215,215,215,1) 19%,rgba(215,215,215,1) 21%,rgba(254,254,254,1) 21%,rgba(254,254,254,1) 23%,rgba(212,212,212,1) 23%,rgba(212,212,212,1) 25%,rgba(234,234,234,1) 25%,rgba(234,234,234,1) 27%,rgba(250,250,250,1) 27%,rgba(250,250,250,1) 29%,rgba(182,182,182,1) 29%,rgba(182,182,182,1) 31%,rgba(205,205,205,1) 31%,rgba(205,205,205,1) 33%,rgba(163,163,163,1) 33%,rgba(163,163,163,1) 35%,rgba(175,175,175,1) 35%,rgba(175,175,175,1) 37%,rgba(217,217,217,1) 37%,rgba(217,217,217,1) 39%,rgba(140,140,140,1) 39%,rgba(140,140,140,1) 41%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 43%,rgba(149,149,149,1) 43%,rgba(149,149,149,1) 45%,rgba(226,226,226,1) 45%,rgba(226,226,226,1) 46%,rgba(205,205,205,1) 47%,rgba(205,205,205,1) 48%,rgba(193,193,193,1) 49%,rgba(193,193,193,1) 50%,rgba(189,189,189,1) 51%,rgba(189,189,189,1) 52%,rgba(198,198,198,1) 53%,rgba(198,198,198,1) 54%,rgba(207,207,207,1) 54%,rgba(208,208,208,1) 58%,rgba(212,212,212,1) 58%,rgba(212,212,212,1) 60%,rgba(220,220,220,1) 60%,rgba(220,220,220,1) 62%,rgba(236,236,236,1) 62%,rgba(236,236,236,1) 64%,rgba(255,255,255,1) 64%,rgba(255,255,255,1) 72%,rgba(245,245,245,1) 72%,rgba(245,245,245,1) 74%,rgba(196,196,196,1) 74%,rgba(196,196,196,1) 76%,rgba(243,243,243,1) 76%,rgba(243,243,243,1) 78%,rgba(217,217,217,1) 78%,rgba(217,217,217,1) 80%,rgba(159,159,159,1) 80%,rgba(159,159,159,1) 82%,rgba(156,156,156,1) 82%,rgba(156,156,156,1) 83%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 85%,rgba(138,138,138,1) 86%,rgba(138,138,138,1) 87%,rgba(229,229,229,1) 88%,rgba(229,229,229,1) 89%,rgba(205,205,205,1) 89%,rgba(205,205,205,1) 91%,rgba(165,165,165,1) 91%,rgba(165,165,165,1) 93%,rgba(243,243,243,1) 93%,rgba(243,243,243,1) 95%,rgba(166,166,166,1) 95%,rgba(163,163,163,1) 99%,rgba(168,168,168,1) 99%,rgba(168,168,168,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#a8a8a8',GradientType=1 ); /* IE6-9 */ } .leica_dial_2 { position: absolute; top: -12px; left: 140px; -moz-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.3); box-shadow: inset 0px -1px 0px rgba(0,0,0,0.3); width: 80px; height: 12px; background: rgb(254,254,254); /* Old browsers */ background: -moz-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 8%, rgba(236,236,236,1) 8%, rgba(236,236,236,1) 10%, rgba(217,217,217,1) 10%, rgba(217,217,217,1) 11%, rgba(227,227,227,1) 12%, rgba(227,227,227,1) 13%, rgba(184,184,184,1) 14%, rgba(184,184,184,1) 15%, rgba(234,234,234,1) 16%, rgba(234,234,234,1) 17%, rgba(241,241,241,1) 18%, rgba(241,241,241,1) 19%, rgba(215,215,215,1) 19%, rgba(215,215,215,1) 21%, rgba(254,254,254,1) 21%, rgba(254,254,254,1) 23%, rgba(212,212,212,1) 23%, rgba(212,212,212,1) 25%, rgba(234,234,234,1) 25%, rgba(234,234,234,1) 27%, rgba(250,250,250,1) 27%, rgba(250,250,250,1) 29%, rgba(182,182,182,1) 29%, rgba(182,182,182,1) 31%, rgba(205,205,205,1) 31%, rgba(205,205,205,1) 33%, rgba(163,163,163,1) 33%, rgba(163,163,163,1) 35%, rgba(175,175,175,1) 35%, rgba(175,175,175,1) 37%, rgba(217,217,217,1) 37%, rgba(217,217,217,1) 39%, rgba(140,140,140,1) 39%, rgba(140,140,140,1) 41%, rgba(255,255,255,1) 41%, rgba(255,255,255,1) 43%, rgba(149,149,149,1) 43%, rgba(149,149,149,1) 45%, rgba(226,226,226,1) 45%, rgba(226,226,226,1) 46%, rgba(205,205,205,1) 47%, rgba(205,205,205,1) 48%, rgba(193,193,193,1) 49%, rgba(193,193,193,1) 50%, rgba(189,189,189,1) 51%, rgba(189,189,189,1) 52%, rgba(198,198,198,1) 53%, rgba(198,198,198,1) 54%, rgba(207,207,207,1) 54%, rgba(208,208,208,1) 58%, rgba(212,212,212,1) 58%, rgba(212,212,212,1) 60%, rgba(220,220,220,1) 60%, rgba(220,220,220,1) 62%, rgba(236,236,236,1) 62%, rgba(236,236,236,1) 64%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 72%, rgba(245,245,245,1) 72%, rgba(245,245,245,1) 74%, rgba(196,196,196,1) 74%, rgba(196,196,196,1) 76%, rgba(243,243,243,1) 76%, rgba(243,243,243,1) 78%, rgba(217,217,217,1) 78%, rgba(217,217,217,1) 80%, rgba(159,159,159,1) 80%, rgba(159,159,159,1) 82%, rgba(156,156,156,1) 82%, rgba(156,156,156,1) 83%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 85%, rgba(138,138,138,1) 86%, rgba(138,138,138,1) 87%, rgba(229,229,229,1) 88%, rgba(229,229,229,1) 89%, rgba(205,205,205,1) 89%, rgba(205,205,205,1) 91%, rgba(165,165,165,1) 91%, rgba(165,165,165,1) 93%, rgba(243,243,243,1) 93%, rgba(243,243,243,1) 95%, rgba(166,166,166,1) 95%, rgba(163,163,163,1) 99%, rgba(168,168,168,1) 99%, rgba(168,168,168,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,254,254,1)), color-stop(8%,rgba(255,255,255,1)), color-stop(8%,rgba(236,236,236,1)), color-stop(10%,rgba(236,236,236,1)), color-stop(10%,rgba(217,217,217,1)), color-stop(11%,rgba(217,217,217,1)), color-stop(12%,rgba(227,227,227,1)), color-stop(13%,rgba(227,227,227,1)), color-stop(14%,rgba(184,184,184,1)), color-stop(15%,rgba(184,184,184,1)), color-stop(16%,rgba(234,234,234,1)), color-stop(17%,rgba(234,234,234,1)), color-stop(18%,rgba(241,241,241,1)), color-stop(19%,rgba(241,241,241,1)), color-stop(19%,rgba(215,215,215,1)), color-stop(21%,rgba(215,215,215,1)), color-stop(21%,rgba(254,254,254,1)), color-stop(23%,rgba(254,254,254,1)), color-stop(23%,rgba(212,212,212,1)), color-stop(25%,rgba(212,212,212,1)), color-stop(25%,rgba(234,234,234,1)), color-stop(27%,rgba(234,234,234,1)), color-stop(27%,rgba(250,250,250,1)), color-stop(29%,rgba(250,250,250,1)), color-stop(29%,rgba(182,182,182,1)), color-stop(31%,rgba(182,182,182,1)), color-stop(31%,rgba(205,205,205,1)), color-stop(33%,rgba(205,205,205,1)), color-stop(33%,rgba(163,163,163,1)), color-stop(35%,rgba(163,163,163,1)), color-stop(35%,rgba(175,175,175,1)), color-stop(37%,rgba(175,175,175,1)), color-stop(37%,rgba(217,217,217,1)), color-stop(39%,rgba(217,217,217,1)), color-stop(39%,rgba(140,140,140,1)), color-stop(41%,rgba(140,140,140,1)), color-stop(41%,rgba(255,255,255,1)), color-stop(43%,rgba(255,255,255,1)), color-stop(43%,rgba(149,149,149,1)), color-stop(45%,rgba(149,149,149,1)), color-stop(45%,rgba(226,226,226,1)), color-stop(46%,rgba(226,226,226,1)), color-stop(47%,rgba(205,205,205,1)), color-stop(48%,rgba(205,205,205,1)), color-stop(49%,rgba(193,193,193,1)), color-stop(50%,rgba(193,193,193,1)), color-stop(51%,rgba(189,189,189,1)), color-stop(52%,rgba(189,189,189,1)), color-stop(53%,rgba(198,198,198,1)), color-stop(54%,rgba(198,198,198,1)), color-stop(54%,rgba(207,207,207,1)), color-stop(58%,rgba(208,208,208,1)), color-stop(58%,rgba(212,212,212,1)), color-stop(60%,rgba(212,212,212,1)), color-stop(60%,rgba(220,220,220,1)), color-stop(62%,rgba(220,220,220,1)), color-stop(62%,rgba(236,236,236,1)), color-stop(64%,rgba(236,236,236,1)), color-stop(64%,rgba(255,255,255,1)), color-stop(72%,rgba(255,255,255,1)), color-stop(72%,rgba(245,245,245,1)), color-stop(74%,rgba(245,245,245,1)), color-stop(74%,rgba(196,196,196,1)), color-stop(76%,rgba(196,196,196,1)), color-stop(76%,rgba(243,243,243,1)), color-stop(78%,rgba(243,243,243,1)), color-stop(78%,rgba(217,217,217,1)), color-stop(80%,rgba(217,217,217,1)), color-stop(80%,rgba(159,159,159,1)), color-stop(82%,rgba(159,159,159,1)), color-stop(82%,rgba(156,156,156,1)), color-stop(83%,rgba(156,156,156,1)), color-stop(84%,rgba(255,255,255,1)), color-stop(85%,rgba(255,255,255,1)), color-stop(86%,rgba(138,138,138,1)), color-stop(87%,rgba(138,138,138,1)), color-stop(88%,rgba(229,229,229,1)), color-stop(89%,rgba(229,229,229,1)), color-stop(89%,rgba(205,205,205,1)), color-stop(91%,rgba(205,205,205,1)), color-stop(91%,rgba(165,165,165,1)), color-stop(93%,rgba(165,165,165,1)), color-stop(93%,rgba(243,243,243,1)), color-stop(95%,rgba(243,243,243,1)), color-stop(95%,rgba(166,166,166,1)), color-stop(99%,rgba(163,163,163,1)), color-stop(99%,rgba(168,168,168,1)), color-stop(100%,rgba(168,168,168,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(254,254,254,1) 0%,rgba(255,255,255,1) 8%,rgba(236,236,236,1) 8%,rgba(236,236,236,1) 10%,rgba(217,217,217,1) 10%,rgba(217,217,217,1) 11%,rgba(227,227,227,1) 12%,rgba(227,227,227,1) 13%,rgba(184,184,184,1) 14%,rgba(184,184,184,1) 15%,rgba(234,234,234,1) 16%,rgba(234,234,234,1) 17%,rgba(241,241,241,1) 18%,rgba(241,241,241,1) 19%,rgba(215,215,215,1) 19%,rgba(215,215,215,1) 21%,rgba(254,254,254,1) 21%,rgba(254,254,254,1) 23%,rgba(212,212,212,1) 23%,rgba(212,212,212,1) 25%,rgba(234,234,234,1) 25%,rgba(234,234,234,1) 27%,rgba(250,250,250,1) 27%,rgba(250,250,250,1) 29%,rgba(182,182,182,1) 29%,rgba(182,182,182,1) 31%,rgba(205,205,205,1) 31%,rgba(205,205,205,1) 33%,rgba(163,163,163,1) 33%,rgba(163,163,163,1) 35%,rgba(175,175,175,1) 35%,rgba(175,175,175,1) 37%,rgba(217,217,217,1) 37%,rgba(217,217,217,1) 39%,rgba(140,140,140,1) 39%,rgba(140,140,140,1) 41%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 43%,rgba(149,149,149,1) 43%,rgba(149,149,149,1) 45%,rgba(226,226,226,1) 45%,rgba(226,226,226,1) 46%,rgba(205,205,205,1) 47%,rgba(205,205,205,1) 48%,rgba(193,193,193,1) 49%,rgba(193,193,193,1) 50%,rgba(189,189,189,1) 51%,rgba(189,189,189,1) 52%,rgba(198,198,198,1) 53%,rgba(198,198,198,1) 54%,rgba(207,207,207,1) 54%,rgba(208,208,208,1) 58%,rgba(212,212,212,1) 58%,rgba(212,212,212,1) 60%,rgba(220,220,220,1) 60%,rgba(220,220,220,1) 62%,rgba(236,236,236,1) 62%,rgba(236,236,236,1) 64%,rgba(255,255,255,1) 64%,rgba(255,255,255,1) 72%,rgba(245,245,245,1) 72%,rgba(245,245,245,1) 74%,rgba(196,196,196,1) 74%,rgba(196,196,196,1) 76%,rgba(243,243,243,1) 76%,rgba(243,243,243,1) 78%,rgba(217,217,217,1) 78%,rgba(217,217,217,1) 80%,rgba(159,159,159,1) 80%,rgba(159,159,159,1) 82%,rgba(156,156,156,1) 82%,rgba(156,156,156,1) 83%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 85%,rgba(138,138,138,1) 86%,rgba(138,138,138,1) 87%,rgba(229,229,229,1) 88%,rgba(229,229,229,1) 89%,rgba(205,205,205,1) 89%,rgba(205,205,205,1) 91%,rgba(165,165,165,1) 91%,rgba(165,165,165,1) 93%,rgba(243,243,243,1) 93%,rgba(243,243,243,1) 95%,rgba(166,166,166,1) 95%,rgba(163,163,163,1) 99%,rgba(168,168,168,1) 99%,rgba(168,168,168,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(254,254,254,1) 0%,rgba(255,255,255,1) 8%,rgba(236,236,236,1) 8%,rgba(236,236,236,1) 10%,rgba(217,217,217,1) 10%,rgba(217,217,217,1) 11%,rgba(227,227,227,1) 12%,rgba(227,227,227,1) 13%,rgba(184,184,184,1) 14%,rgba(184,184,184,1) 15%,rgba(234,234,234,1) 16%,rgba(234,234,234,1) 17%,rgba(241,241,241,1) 18%,rgba(241,241,241,1) 19%,rgba(215,215,215,1) 19%,rgba(215,215,215,1) 21%,rgba(254,254,254,1) 21%,rgba(254,254,254,1) 23%,rgba(212,212,212,1) 23%,rgba(212,212,212,1) 25%,rgba(234,234,234,1) 25%,rgba(234,234,234,1) 27%,rgba(250,250,250,1) 27%,rgba(250,250,250,1) 29%,rgba(182,182,182,1) 29%,rgba(182,182,182,1) 31%,rgba(205,205,205,1) 31%,rgba(205,205,205,1) 33%,rgba(163,163,163,1) 33%,rgba(163,163,163,1) 35%,rgba(175,175,175,1) 35%,rgba(175,175,175,1) 37%,rgba(217,217,217,1) 37%,rgba(217,217,217,1) 39%,rgba(140,140,140,1) 39%,rgba(140,140,140,1) 41%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 43%,rgba(149,149,149,1) 43%,rgba(149,149,149,1) 45%,rgba(226,226,226,1) 45%,rgba(226,226,226,1) 46%,rgba(205,205,205,1) 47%,rgba(205,205,205,1) 48%,rgba(193,193,193,1) 49%,rgba(193,193,193,1) 50%,rgba(189,189,189,1) 51%,rgba(189,189,189,1) 52%,rgba(198,198,198,1) 53%,rgba(198,198,198,1) 54%,rgba(207,207,207,1) 54%,rgba(208,208,208,1) 58%,rgba(212,212,212,1) 58%,rgba(212,212,212,1) 60%,rgba(220,220,220,1) 60%,rgba(220,220,220,1) 62%,rgba(236,236,236,1) 62%,rgba(236,236,236,1) 64%,rgba(255,255,255,1) 64%,rgba(255,255,255,1) 72%,rgba(245,245,245,1) 72%,rgba(245,245,245,1) 74%,rgba(196,196,196,1) 74%,rgba(196,196,196,1) 76%,rgba(243,243,243,1) 76%,rgba(243,243,243,1) 78%,rgba(217,217,217,1) 78%,rgba(217,217,217,1) 80%,rgba(159,159,159,1) 80%,rgba(159,159,159,1) 82%,rgba(156,156,156,1) 82%,rgba(156,156,156,1) 83%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 85%,rgba(138,138,138,1) 86%,rgba(138,138,138,1) 87%,rgba(229,229,229,1) 88%,rgba(229,229,229,1) 89%,rgba(205,205,205,1) 89%,rgba(205,205,205,1) 91%,rgba(165,165,165,1) 91%,rgba(165,165,165,1) 93%,rgba(243,243,243,1) 93%,rgba(243,243,243,1) 95%,rgba(166,166,166,1) 95%,rgba(163,163,163,1) 99%,rgba(168,168,168,1) 99%,rgba(168,168,168,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(254,254,254,1) 0%,rgba(255,255,255,1) 8%,rgba(236,236,236,1) 8%,rgba(236,236,236,1) 10%,rgba(217,217,217,1) 10%,rgba(217,217,217,1) 11%,rgba(227,227,227,1) 12%,rgba(227,227,227,1) 13%,rgba(184,184,184,1) 14%,rgba(184,184,184,1) 15%,rgba(234,234,234,1) 16%,rgba(234,234,234,1) 17%,rgba(241,241,241,1) 18%,rgba(241,241,241,1) 19%,rgba(215,215,215,1) 19%,rgba(215,215,215,1) 21%,rgba(254,254,254,1) 21%,rgba(254,254,254,1) 23%,rgba(212,212,212,1) 23%,rgba(212,212,212,1) 25%,rgba(234,234,234,1) 25%,rgba(234,234,234,1) 27%,rgba(250,250,250,1) 27%,rgba(250,250,250,1) 29%,rgba(182,182,182,1) 29%,rgba(182,182,182,1) 31%,rgba(205,205,205,1) 31%,rgba(205,205,205,1) 33%,rgba(163,163,163,1) 33%,rgba(163,163,163,1) 35%,rgba(175,175,175,1) 35%,rgba(175,175,175,1) 37%,rgba(217,217,217,1) 37%,rgba(217,217,217,1) 39%,rgba(140,140,140,1) 39%,rgba(140,140,140,1) 41%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 43%,rgba(149,149,149,1) 43%,rgba(149,149,149,1) 45%,rgba(226,226,226,1) 45%,rgba(226,226,226,1) 46%,rgba(205,205,205,1) 47%,rgba(205,205,205,1) 48%,rgba(193,193,193,1) 49%,rgba(193,193,193,1) 50%,rgba(189,189,189,1) 51%,rgba(189,189,189,1) 52%,rgba(198,198,198,1) 53%,rgba(198,198,198,1) 54%,rgba(207,207,207,1) 54%,rgba(208,208,208,1) 58%,rgba(212,212,212,1) 58%,rgba(212,212,212,1) 60%,rgba(220,220,220,1) 60%,rgba(220,220,220,1) 62%,rgba(236,236,236,1) 62%,rgba(236,236,236,1) 64%,rgba(255,255,255,1) 64%,rgba(255,255,255,1) 72%,rgba(245,245,245,1) 72%,rgba(245,245,245,1) 74%,rgba(196,196,196,1) 74%,rgba(196,196,196,1) 76%,rgba(243,243,243,1) 76%,rgba(243,243,243,1) 78%,rgba(217,217,217,1) 78%,rgba(217,217,217,1) 80%,rgba(159,159,159,1) 80%,rgba(159,159,159,1) 82%,rgba(156,156,156,1) 82%,rgba(156,156,156,1) 83%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 85%,rgba(138,138,138,1) 86%,rgba(138,138,138,1) 87%,rgba(229,229,229,1) 88%,rgba(229,229,229,1) 89%,rgba(205,205,205,1) 89%,rgba(205,205,205,1) 91%,rgba(165,165,165,1) 91%,rgba(165,165,165,1) 93%,rgba(243,243,243,1) 93%,rgba(243,243,243,1) 95%,rgba(166,166,166,1) 95%,rgba(163,163,163,1) 99%,rgba(168,168,168,1) 99%,rgba(168,168,168,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(254,254,254,1) 0%,rgba(255,255,255,1) 8%,rgba(236,236,236,1) 8%,rgba(236,236,236,1) 10%,rgba(217,217,217,1) 10%,rgba(217,217,217,1) 11%,rgba(227,227,227,1) 12%,rgba(227,227,227,1) 13%,rgba(184,184,184,1) 14%,rgba(184,184,184,1) 15%,rgba(234,234,234,1) 16%,rgba(234,234,234,1) 17%,rgba(241,241,241,1) 18%,rgba(241,241,241,1) 19%,rgba(215,215,215,1) 19%,rgba(215,215,215,1) 21%,rgba(254,254,254,1) 21%,rgba(254,254,254,1) 23%,rgba(212,212,212,1) 23%,rgba(212,212,212,1) 25%,rgba(234,234,234,1) 25%,rgba(234,234,234,1) 27%,rgba(250,250,250,1) 27%,rgba(250,250,250,1) 29%,rgba(182,182,182,1) 29%,rgba(182,182,182,1) 31%,rgba(205,205,205,1) 31%,rgba(205,205,205,1) 33%,rgba(163,163,163,1) 33%,rgba(163,163,163,1) 35%,rgba(175,175,175,1) 35%,rgba(175,175,175,1) 37%,rgba(217,217,217,1) 37%,rgba(217,217,217,1) 39%,rgba(140,140,140,1) 39%,rgba(140,140,140,1) 41%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 43%,rgba(149,149,149,1) 43%,rgba(149,149,149,1) 45%,rgba(226,226,226,1) 45%,rgba(226,226,226,1) 46%,rgba(205,205,205,1) 47%,rgba(205,205,205,1) 48%,rgba(193,193,193,1) 49%,rgba(193,193,193,1) 50%,rgba(189,189,189,1) 51%,rgba(189,189,189,1) 52%,rgba(198,198,198,1) 53%,rgba(198,198,198,1) 54%,rgba(207,207,207,1) 54%,rgba(208,208,208,1) 58%,rgba(212,212,212,1) 58%,rgba(212,212,212,1) 60%,rgba(220,220,220,1) 60%,rgba(220,220,220,1) 62%,rgba(236,236,236,1) 62%,rgba(236,236,236,1) 64%,rgba(255,255,255,1) 64%,rgba(255,255,255,1) 72%,rgba(245,245,245,1) 72%,rgba(245,245,245,1) 74%,rgba(196,196,196,1) 74%,rgba(196,196,196,1) 76%,rgba(243,243,243,1) 76%,rgba(243,243,243,1) 78%,rgba(217,217,217,1) 78%,rgba(217,217,217,1) 80%,rgba(159,159,159,1) 80%,rgba(159,159,159,1) 82%,rgba(156,156,156,1) 82%,rgba(156,156,156,1) 83%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 85%,rgba(138,138,138,1) 86%,rgba(138,138,138,1) 87%,rgba(229,229,229,1) 88%,rgba(229,229,229,1) 89%,rgba(205,205,205,1) 89%,rgba(205,205,205,1) 91%,rgba(165,165,165,1) 91%,rgba(165,165,165,1) 93%,rgba(243,243,243,1) 93%,rgba(243,243,243,1) 95%,rgba(166,166,166,1) 95%,rgba(163,163,163,1) 99%,rgba(168,168,168,1) 99%,rgba(168,168,168,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#a8a8a8',GradientType=1 ); /* IE6-9 */ } .leica_shutter { position: absolute; width: 84px; height: 5px; right: 7px; top: -5px; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.5); -webkit-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.5); box-shadow: inset 0px -1px 0px rgba(255,255,255,0.5); background: rgb(174,174,174); /* Old browsers */ background: -moz-linear-gradient(left, rgba(174,174,174,1) 0%, rgba(140,136,127,1) 12%, rgba(248,248,248,1) 28%, rgba(248,248,248,1) 36%, rgba(173,174,169,1) 46%, rgba(73,72,70,1) 60%, rgba(73,72,70,1) 73%, rgba(100,97,88,1) 84%, rgba(117,112,108,1) 87%, rgba(117,112,108,1) 91%, rgba(58,57,52,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(174,174,174,1)), color-stop(12%,rgba(140,136,127,1)), color-stop(28%,rgba(248,248,248,1)), color-stop(36%,rgba(248,248,248,1)), color-stop(46%,rgba(173,174,169,1)), color-stop(60%,rgba(73,72,70,1)), color-stop(73%,rgba(73,72,70,1)), color-stop(84%,rgba(100,97,88,1)), color-stop(87%,rgba(117,112,108,1)), color-stop(91%,rgba(117,112,108,1)), color-stop(100%,rgba(58,57,52,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(174,174,174,1) 0%,rgba(140,136,127,1) 12%,rgba(248,248,248,1) 28%,rgba(248,248,248,1) 36%,rgba(173,174,169,1) 46%,rgba(73,72,70,1) 60%,rgba(73,72,70,1) 73%,rgba(100,97,88,1) 84%,rgba(117,112,108,1) 87%,rgba(117,112,108,1) 91%,rgba(58,57,52,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(174,174,174,1) 0%,rgba(140,136,127,1) 12%,rgba(248,248,248,1) 28%,rgba(248,248,248,1) 36%,rgba(173,174,169,1) 46%,rgba(73,72,70,1) 60%,rgba(73,72,70,1) 73%,rgba(100,97,88,1) 84%,rgba(117,112,108,1) 87%,rgba(117,112,108,1) 91%,rgba(58,57,52,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(174,174,174,1) 0%,rgba(140,136,127,1) 12%,rgba(248,248,248,1) 28%,rgba(248,248,248,1) 36%,rgba(173,174,169,1) 46%,rgba(73,72,70,1) 60%,rgba(73,72,70,1) 73%,rgba(100,97,88,1) 84%,rgba(117,112,108,1) 87%,rgba(117,112,108,1) 91%,rgba(58,57,52,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(174,174,174,1) 0%,rgba(140,136,127,1) 12%,rgba(248,248,248,1) 28%,rgba(248,248,248,1) 36%,rgba(173,174,169,1) 46%,rgba(73,72,70,1) 60%,rgba(73,72,70,1) 73%,rgba(100,97,88,1) 84%,rgba(117,112,108,1) 87%,rgba(117,112,108,1) 91%,rgba(58,57,52,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#3a3934',GradientType=1 ); /* IE6-9 */ } .leica_shoe { position: absolute; width: 76px; height: 6px; left: 245px; top: -6px; } .leica_shoe_left_top { position: absolute; width: 15px; height: 4px; top: -1px; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; background: rgb(226,226,226); /* Old browsers */ background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(190,190,190,1) 28%, rgba(172,172,172,1) 52%, rgba(194,194,194,1) 84%, rgba(150,150,150,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(226,226,226,1)), color-stop(28%,rgba(190,190,190,1)), color-stop(52%,rgba(172,172,172,1)), color-stop(84%,rgba(194,194,194,1)), color-stop(100%,rgba(150,150,150,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(190,190,190,1) 28%,rgba(172,172,172,1) 52%,rgba(194,194,194,1) 84%,rgba(150,150,150,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(190,190,190,1) 28%,rgba(172,172,172,1) 52%,rgba(194,194,194,1) 84%,rgba(150,150,150,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(190,190,190,1) 28%,rgba(172,172,172,1) 52%,rgba(194,194,194,1) 84%,rgba(150,150,150,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(226,226,226,1) 0%,rgba(190,190,190,1) 28%,rgba(172,172,172,1) 52%,rgba(194,194,194,1) 84%,rgba(150,150,150,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#969696',GradientType=1 ); /* IE6-9 */ -moz-box-shadow: inset 1px -1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: inset 1px -1px 1px rgba(0,0,0,0.2); box-shadow: inset 1px -1px 1px rgba(0,0,0,0.2); } .leica_shoe_right_top { position: absolute; right: 0px; width: 15px; height: 4px; top: -1px; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; background: rgb(226,226,226); /* Old browsers */ background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(190,190,190,1) 28%, rgba(172,172,172,1) 52%, rgba(194,194,194,1) 84%, rgba(150,150,150,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(226,226,226,1)), color-stop(28%,rgba(190,190,190,1)), color-stop(52%,rgba(172,172,172,1)), color-stop(84%,rgba(194,194,194,1)), color-stop(100%,rgba(150,150,150,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(190,190,190,1) 28%,rgba(172,172,172,1) 52%,rgba(194,194,194,1) 84%,rgba(150,150,150,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(190,190,190,1) 28%,rgba(172,172,172,1) 52%,rgba(194,194,194,1) 84%,rgba(150,150,150,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%,rgba(190,190,190,1) 28%,rgba(172,172,172,1) 52%,rgba(194,194,194,1) 84%,rgba(150,150,150,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(226,226,226,1) 0%,rgba(190,190,190,1) 28%,rgba(172,172,172,1) 52%,rgba(194,194,194,1) 84%,rgba(150,150,150,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#969696',GradientType=1 ); /* IE6-9 */ -moz-box-shadow: inset -1px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: inset -1px 1px 1px rgba(0,0,0,0.2); box-shadow: inset -1px 1px 1px rgba(0,0,0,0.2); } .leica_shoe_left_bottom { position: absolute; background-color: #dcdcdc; width: 4px; height: 4px; top: 2px; } .leica_shoe_right_bottom { position: absolute; background-color: #C2C2C2; width: 4px; height: 4px; top: 2px; right: 0px; } .leica_ring_left { z-index: 20; position: absolute; width: 19px; height: 25px; top: 36px; left: -19px; -moz-border-radius: 19px 0 0 19px; border-radius: 19px 0 0 19px; background: rgb(103,102,100); /* Old browsers */ background: -moz-linear-gradient(left, rgba(103,102,100,1) 0%, rgba(116,112,111,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(103,102,100,1)), color-stop(100%,rgba(116,112,111,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(103,102,100,1) 0%,rgba(116,112,111,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(103,102,100,1) 0%,rgba(116,112,111,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(103,102,100,1) 0%,rgba(116,112,111,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(103,102,100,1) 0%,rgba(116,112,111,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676664', endColorstr='#74706f',GradientType=1 ); /* IE6-9 */ -moz-box-shadow: inner 1px 1px 1px rgba(255,255,255,1); -webkit-box-shadow: inner 1x 1px 1px rgba(255,255,255,1); box-shadow: inner 1px 1px 1px rgba(255,255,255,1); border-right: 1px solid #505050; } .leica_ring_right { z-index: 20; position: absolute; width: 19px; height: 25px; top: 36px; right: -19px; -moz-border-radius:0 19px 19px 0; border-radius: 0 19px 19px 0; background: rgb(103,102,100); /* Old browsers */ background: -moz-linear-gradient(left, rgba(103,102,100,1) 0%, rgba(116,112,111,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(103,102,100,1)), color-stop(100%,rgba(116,112,111,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(103,102,100,1) 0%,rgba(116,112,111,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(103,102,100,1) 0%,rgba(116,112,111,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(103,102,100,1) 0%,rgba(116,112,111,1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(103,102,100,1) 0%,rgba(116,112,111,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676664', endColorstr='#74706f',GradientType=1 ); /* IE6-9 */ -moz-box-shadow: inner 1px 1px 1px rgba(255,255,255,1); -webkit-box-shadow: inner 1x 1px 1px rgba(255,255,255,1); box-shadow: inner 1px 1px 1px rgba(255,255,255,1); border-right: 1px solid #505050; } .leica_ring_inner { position: absolute; background-color: white; width: 13px; height: 13px; -moz-border-radius: 14px; border-radius: 14px; background-color: #cecece; } .leica_ring_left .leica_ring_inner { left: 4px; top: 5px; -moz-box-shadow: 1px 1px 0px rgba(255,255,255,0.5); -webkit-box-shadow: 1px 1px 0px rgba(255,255,255,0.5); box-shadow: 1px 1px 0px rgba(255,255,255,0.5); } .leica_ring_right .leica_ring_inner { left: 2px; top: 5px; -moz-box-shadow: 1px 1px 0px rgba(255,255,255,0.5); -webkit-box-shadow: 1px 1px 0px rgba(255,255,255,0.5); box-shadow: 1px 1px 0px rgba(255,255,255,0.5); } .leica_text_leica { position: absolute; top: 2px; left: 55px; color: white; font-family: 'Quantico', cursive; font-size: 11px; text-transform: uppercase; letter-spacing: -1px; } .leica_text_leica div { position: absolute; } .leica_text_leica .text_l{ top: 1px; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); } .leica_text_leica .text_e { left: 7px; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); } .leica_text_leica .text_i { left: 15px } .leica_text_leica .text_c { -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); left: 19px } .leica_text_leica .text_a { top: 1px; left: 27px; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); } .leica_lens_4 svg { position: absolute; left: -11px; top: -18px; opacity:0.9; } .description { font-family: 'helvetica neue', arial ; font-size: 0.9em; width: 420px; margin: 50px auto ; text-align: center; line-height: 1.9em; color: #999999; } .description p:first-child a { color: #333333; text-decoration: none; } .description a:hover { color: #e6001a; } p { margin-bottom:20px } a { color:#E6001A; }
Pop out
Help
About
×
×