/*
Version: 1.0
color CSS
bleu foncé de base :#33414e
bleu foncé hover :#1d2933
bleu clair :#00a0d2
bleu clair border :#176a8c
bleu clair hover :#0090be
vert validation :#2dbb45
vert validation hover :#039436
vert WPS :#95be22
vert WPS border :#73931a
jaune notice :#fcba24
orange :#fea223
orange border :#d88e29
rouge :#dc3232
rouge border :#a72525
rouge hover :#bb2b2b
FontAwesome font-family:Font Awesome\ 5 Pro;
*/
/*hack clearfix*/
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* close commented backslash hack */
.wps-limit-login-page-settings .h2 {
font-size: 1.3em;
font-weight: 600;
}
.wps-limit-login-page-settings .wps-nav-menu a,
.wps-limit-login-page-settings .wps-tab td.wps_unlock a,
.wps-limit-login-page-settings .btn-wps {
-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}
.wps-limit-login-page-settings .wps-nav-menu a:hover,
.wps-limit-login-page-settings .wps-tab td.wps_unlock a:hover,
.wps-limit-login-page-settings .btn-wps:hover {
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
-ms-transition: all 350ms ease-out;
-o-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.wps-limit-login-page-settings .wps-title {
text-align: center;
background: #33414e;
background-size: cover;
border-radius: 40px 0 0 0;
position: relative;
margin-bottom: 10px;
}
.wps-limit-login-page-settings .field-col {
display: inline-block;
margin-right: 20px;
}
.wps-limit-login-page-settings .wps-limit-login-log table {
background-color: #fff;
border: 1px solid #d6d6d6;
}
.wps-limit-login-page-settings .wps-limit-login-log table tr {
border-bottom: 1px solid #d6d6d6;
}
.wps-limit-login-page-settings .wps-limit-login-log table th {
padding: 10px;
border-right: 1px solid #d6d6d6;
}
.wps-limit-login-page-settings .wps-limit-login-log table td {
border-right: 1px solid #d6d6d6;
}
.wps-limit-login-page-settings .wps-limit-login-log table tr:nth-child(even) {
background-color: rgba(0, 0, 0, 0.09);
}
.wps-limit-login-page-settings .wps-content-limit-login {
float: left;
width: calc(100% - 320px);
width: -moz-calc(100% - 320px);
width: -webkit-calc(100% - 320px);
}
.wps-limit-login-page-settings .wps-autopromo {
width: 320px;
float: right;
display: block;
padding: 0 0 0 20px;
box-sizing: border-box;
}
.wps-limit-login-page-settings .wps-content-tab {
background: #fff;
border: 1px solid #33414e;
box-sizing: border-box;
width: calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);
}
.wps-limit-login-page-settings .wps-nav-menu a {
width: 25%;
float: left;
text-align: center;
font-size: 20px;
padding: 10px 5px;
box-sizing: border-box;
text-decoration: none;
color: #fff;
background: #33414e;
border-right: 1px solid rgba(255, 255, 255, 0.3);
border-left: 1px solid rgba(255, 255, 255, 0.3);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wps-limit-login-page-settings .wps-nav-menu:first-child a {
border-left: 0px;
}
.wps-limit-login-page-settings .wps-nav-menu.last-child a {
border-right: 0px;
}
.wps-limit-login-page-settings .wps-nav-menu.current a {
background: #fff;
color: #33414e;
}
.wps-limit-login-page-settings .wps-nav-menu a:focus,
.wps-limit-login-page-settings .wps-nav-menu a:hover {
background: #1d2933;
color: #fff;
box-shadow: none !important;
}
.wps-limit-login-page-settings .wps-tab {
padding: 10px;
}
.wps-limit-login-page-settings .wps-tab input[type="number"] {
max-width: 50px;
}
.wps-limit-login-page-settings .wps-tab textarea {
width: 100%;
margin-bottom: 10px;
}
.wps-limit-login-page-settings .wps-tab td.wps_unlock,
.wps-limit-login-page-settings .wps-tab td.wps_unlocked {
text-align: center;
vertical-align: middle;
position: relative;
}
.wps-limit-login-page-settings .wps-tab td.wps_unlock a {
background: #dc3232;
color: #fff;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 15px 10px;
box-sizing: border-box;
border-radius: 0 !important;
box-shadow: none !important;
line-height: 1 !important;
border: 0px;
margin: 0;
}
.wps-limit-login-page-settings .wps-tab td.wps_unlock a:focus,
.wps-limit-login-page-settings .wps-tab td.wps_unlock a:hover {
background: #bb2b2b;
color: #fff;
box-shadow: none !important;
}
.wps-limit-login-page-settings .wps-tab td.wps_unlocked span {
background: #2dbb45;
color: #fff;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 15px 10px;
box-sizing: border-box;
}
.wps-limit-login-page-settings .wps-credit {
margin: 35px 0px 25px;
}
.wps-limit-login-page-settings .wps-limit-login-log .display-mobile {
display: none;
}
.wps-limit-login-page-settings .wps-tab p.submit {
margin: 0;
padding: 0px;
}
.wps-limit-login-page-settings span.wps-ip {
background: #33414e;
color: #fff;
padding: 3px 8px;
border-radius: 4px;
font-size: 1.1em;
}
/*
*UI
*/
.wps-limit-login-page-settings .btn-wps {
padding: 10px 12px 10px 38px !important;
display: inline-block !important;
line-height: 20px !important;
height: 40px !important;
position: relative;
box-shadow: none !important;
cursor: pointer;
font-weight: 500;
text-align: center;
text-decoration: none;
box-sizing: border-box;
outline: none;
text-shadow: none !important;
}
.wps-limit-login-page-settings .btn-wps.wps-save {
background: #33414e !important;
color: #fff !important;
border: 1px solid #222b33;
}
.wps-limit-login-page-settings .btn-wps.wps-save:focus,
.wps-limit-login-page-settings .btn-wps.wps-save:hover {
color: #33414e !important;
background: #fff !important;
}
.wps-limit-login-page-settings .btn-wps.wps-addip {
background: #00a0d2 !important;
color: #fff !important;
border: 1px solid #222b33;
}
.wps-limit-login-page-settings .btn-wps.wps-addip:focus,
.wps-limit-login-page-settings .btn-wps.wps-addip:hover {
color: #33414e !important;
background: #fff !important;
}
.wps-limit-login-page-settings .btn-wps.wps-reinit {
background: #00a0d2 !important;
color: #fff !important;
border: 1px solid #176a8c;
}
.wps-limit-login-page-settings .btn-wps.wps-reinit:focus,
.wps-limit-login-page-settings .btn-wps.wps-reinit:hover {
color: #00a0d2 !important;
background: #fff !important;
}
.wps-limit-login-page-settings .btn-wps.wps-reset-lockouts {
background: #2dbb45 !important;
color: #fff !important;
border: 1px solid #039436;
}
.wps-limit-login-page-settings .btn-wps.wps-reset-lockouts:focus,
.wps-limit-login-page-settings .btn-wps.wps-reset-lockouts:hover {
color: #2dbb45 !important;
background: #fff !important;
}
.wps-limit-login-page-settings .btn-wps.wps-clear {
background: #dc3232 !important;
color: #fff !important;
border: 1px solid #a72525;
}
.wps-limit-login-page-settings .btn-wps.wps-clear:focus,
.wps-limit-login-page-settings .btn-wps.wps-clear:hover {
color: #dc3232 !important;
background: #fff !important;
}
.wps-limit-login-page-settings .btn-wps:before {
content: '';
font-family: Font Awesome\ 5 Pro;
position: absolute;
left: 10px;
font-size: 20px;
font-weight: 300;
}
.wps-limit-login-page-settings .btn-wps.wps-addip:before {
content: '\f067';
}
.wps-limit-login-page-settings .btn-wps.wps-save:before {
content: '\f0c7';
}
.wps-limit-login-page-settings .btn-wps.wps-reinit:before {
content: '\f2f1';
}
.wps-limit-login-page-settings .btn-wps.wps-reset-lockouts:before {
content: '\f13e';
}
.wps-limit-login-page-settings .btn-wps.wps-clear:before {
content: '\f2ed';
}
.wps-limit-login-page-settings textarea[name="wps_limit_login_blacklist_ips"] {
background: #292929;
color: #d0d0d0;
}
.wps-limit-login-page-settings textarea[name="wps_limit_login_blacklist_ips"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #9a9a9a;
}
.wps-limit-login-page-settings textarea[name="wps_limit_login_blacklist_ips"]::-moz-placeholder { /* Firefox 19+ */
color: #9a9a9a;
}
.wps-limit-login-page-settings textarea[name="wps_limit_login_blacklist_ips"]:-ms-input-placeholder { /* IE 10+ */
color: #9a9a9a;
}
.wps-limit-login-page-settings textarea[name="wps_limit_login_blacklist_ips"]:-moz-placeholder { /* Firefox 18- */
color: #9a9a9a;
}
/*pub WPServeur*/
.wps-autopromo .pub-wp-serveur {
background: #33414E !important;
float: none;
width: 100%;
padding: 10px;
border: 0 none;
box-shadow: none;
color: #FFF !important;
margin: 0 0 45px 0 !important;
box-sizing: border-box;
border-radius: 5px;
}
.wps-autopromo .pub-wp-serveur:first-child {
margin-top: 40px !important;
}
.wps-autopromo .pub-wp-serveur.plugin-card-migrate-guru {
margin-top: 0px !important;
}
.wps-autopromo .pub-wp-serveur:last-child {
margin-bottom: 0px !important;
}
.wps-autopromo .pub-wp-serveur .logo {
padding: 0px 20px;
text-align: center;
margin-bottom: 5px;
}
.wps-autopromo .pub-wp-serveur > .wps-pub-logo {
margin-top: -45px;
text-align: center;
position: relative;
}
.wps-autopromo .pub-wp-serveur > .wps-pub-logo img {
border-radius: 100%;
}
.wps-autopromo .pub-wp-serveur > .wps-pub-logo:before {
content: '';
display: block;
width: 64px;
height: 64px;
border: 3px solid rgba(255, 255, 255, 0.27);
box-shadow: 0px 0px 0px 5px #f2f2f2;
position: absolute;
border-radius: 100%;
margin: 0 auto;
left: 0;
right: 0;
top: 0;
box-sizing: border-box;
}
.admin-color-light .wps-autopromo .pub-wp-serveur > .wps-pub-logo:before {
box-shadow: 0px 0px 0px 5px #f5f5f5;
}
.wps-autopromo .pub-wp-serveur > .message {
width: 100%;
padding: 0px;
font-size: 14px;
box-sizing: border-box;
margin-bottom: 15px;
}
.wps-autopromo .pub-wp-serveur .cta {
padding: 0px 0px;
}
.wps-autopromo .btn-install-plugin.activate-now,
.wps-autopromo .btn-pubwps {
display: block;
background: #fff;
width: 100%;
padding: 8px 20px;
white-space: nowrap;
margin-bottom: 4px;
text-decoration: none;
text-align: center;
font-weight: 500;
border-radius: 4px;
line-height: 18px;
height: unset;
text-shadow: none;
box-sizing: border-box;
}
.wps-autopromo .plugin-card-wps-bidouille .notice-dismiss:before {
color: #ffffff;
font: 400 26px/26px dashicons;
}
.wps-autopromo .btn-wps-details {
color: #fff;
}
.wps-autopromo .btn-abonner {
background: #95bf23;
color: #fff;
}
.wps-autopromo .btn-abonner:focus,
.wps-autopromo .btn-abonner:hover {
color: #95bf23;
background: #fff;
box-shadow: none !important;
}
.wps-autopromo .btn-install-plugin.activate-now,
.wps-autopromo .btn-install-plugin {
background: #26a0d2;
color: #fff;
position: relative;
}
.wps-autopromo .btn-install-plugin.activate-now:hover,
.wps-autopromo .btn-install-plugin:hover {
color: #26a0d2;
background: #fff;
}
.wps-autopromo .btn-wps-details {
text-align: center;
width: 100%;
display: block;
white-space: nowrap;
padding: 0 20px;
box-sizing: border-box;
}
.wps-autopromo a.btn-wps-details:focus {
color: #fff !important;
box-shadow: none !important;
}
.wps-autopromo .btn-install-plugin.updating-message:before {
font: normal 20px/1 'dashicons';
position: absolute;
left: 10px;
top: 7px;
}
@media screen and (max-width: 860px) {
.wps-autopromo .pub-wp-serveur,
.wps-autopromo .pub-wp-serveur .logo,
.wps-autopromo .pub-wp-serveur .message,
.wps-autopromo .pub-wp-serveur .cta {
display: block !important;
padding: 5px 10px;
}
.wps-autopromo .btn-pubwps {
width: unset;
}
.wps-autopromo .pub-wp-serveur .message,
.wps-autopromo .pub-wp-serveur .logo {
text-align: center;
}
.wps-autopromo .pub-wp-serveur .cta {
margin-bottom: 20px;
}
}
/*pub hébergement*/
/*
*responsive
*/
@media screen and (max-width: 1300px) {
.wps-limit-login-page-settings .wps-autopromo {
padding: 0 0 0 0;
}
.wps-limit-login-page-settings .wps-content-limit-login,
.wps-limit-login-page-settings .wps-autopromo,
.wps-limit-login-page-settings .wps-content-tab {
float: none;
width: 100%;
}
.wps-limit-login-page-settings .wps-autopromo {
display: table;
}
.wps-limit-login-page-settings .wps-content-limit-login {
margin-bottom: 45px;
}
.wps-autopromo .pub-wp-serveur {
width: calc(50% - 5px);
width: -moz-calc(50% - 5px);
width: -webkit-calc(50% - 5px);
float: left;
}
.wps-autopromo .pub-wp-serveur:first-child {
margin-right: 10px !important;
margin-bottom: 45px !important;
margin-top: 0px !important;
}
}
@media screen and (max-width: 1000px) {
.wps-autopromo .pub-wp-serveur {
width: 100%;
float: none;
}
.wps-autopromo .pub-wp-serveur:first-child {
margin-right: 0px !important;
margin-bottom: 45px !important;
}
}
@media screen and (max-width: 960px) {
.wps-limit-login-page-settings span.wps-ip {
display: block;
}
}
@media screen and (max-width: 830px) {
.wps-limit-login-page-settings .wps-nav-menu a {
width: 50%;
}
.wps-limit-login-page-settings .wps-nav-menu:nth-child(3) a,
.wps-limit-login-page-settings .wps-nav-menu:nth-child(4) a {
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
}
@media screen and (max-width: 782px) {
.wps-limit-login-page-settings .wps-tab td.wps_unlock,
.wps-limit-login-page-settings .wps-tab td.wps_unlocked {
padding: 0px !important;
}
.wps-limit-login-page-settings .wps-tab td.wps_unlock a,
.wps-limit-login-page-settings .wps-tab td.wps_unlocked span {
position: relative;
display: block;
}
.wps-limit-login-page-settings .wps-limit-login-log .hide-mobile {
display: none;
}
.wps-limit-login-page-settings .wps-limit-login-log .display-mobile {
display: block;
width: 90px;
float: left;
font-weight: 600;
text-align: right;
margin-right: 5px;
}
.wps-limit-login-page-settings .wps-limit-login-log table td {
padding: 10px 5px;
border-bottom: 1px solid #d6d6d6;
border-right: 0px;
}
}
@media screen and (max-width: 690px) {
.wps-title .wps-logo-img img {
height: auto;
width: 90%;
}
}
@media screen and (max-width: 460px) {
.wps-limit-login-page-settings .wps-nav-menu a {
width: 100%;
border-right: 0px !important;
border-left: 0px !important;
}
.wps-limit-login-page-settings .wps-nav-menu a {
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.wps-limit-login-page-settings .wps-nav-menu:first-child a {
border-top: 0px !important;
}
}
YouTube is one of the most influential platforms in modern media, but its origin story is surprisingly simple: a small team wanted an easier way to share video online. In the early 2000s, uploading and sending video files was slow, formats were inconsistent, and most websites weren’t built for smooth playback. YouTube’s founders focused on removing those barriers—making video sharing as easy as sending a link.
Who Founded YouTube?
YouTube was founded by three former PayPal employees: Chad Hurley , Steve Chen , and Jawed Karim . They combined product thinking, engineering skills, and a clear user goal: create a website where anyone could upload a video and watch it instantly in a browser.
Chad Hurley — product/design focus and early CEO role
Steve Chen — engineering and infrastructure
Jawed Karim — engineering and early concept support
The Problem YouTube Solved
At the time, sharing video often meant emailing huge files or dealing with complicated players and downloads. YouTube made video:
Uploadable by non-experts (simple interface)
Streamable in the browser (no special setup)
Sharable through links and embedding on other sites
Early Growth and the First Video
YouTube launched publicly in 2005. One of the most famous early moments was the first uploaded video, “Me at the zoo,” featuring co-founder Jawed Karim. The clip was short and casual—exactly the kind of everyday content that proved the platform’s big idea: ordinary people could publish video without needing a studio.
Key Milestones Timeline
Year/Date
Milestone
Why It Mattered
2005
YouTube is founded and launches
Introduced easy browser-based video sharing
2005
“Me at the zoo” is uploaded
Became a symbol of user-generated video culture
2006
Google acquires YouTube
Provided resources to scale hosting and global reach
Why Google Bought YouTube
By 2006, YouTube’s traffic was exploding. Video hosting is expensive—bandwidth and storage costs rise fast when millions of people watch content daily. Google’s acquisition gave YouTube the infrastructure and advertising ecosystem to grow into a sustainable business.
What YouTube’s Founding Changed
YouTube didn’t just create a popular website; it reshaped how people learn, entertain themselves, and build careers online. Its founding helped accelerate:
Creator-driven media and influencer culture
How-to education and free tutorials at massive scale
Music discovery, commentary, and global community trends
From a small startup idea to a global video powerhouse, YouTube’s founding is a classic example of a simple product solving a real problem—and changing the internet in the process.